Home > Article > Web Front-end > Summary of commonly used tags in html

Summary of commonly used tags in html

巴扎黑Original: 2017-06-16 17:09:171409browse

Table of contents

html tag<

Normal scroll

...Sliding

...Default scroll

...scroll back and forth

...scroll down

... scroll left

...number of scrolls

...Set width...Set height

...Set background color

...Set scroll speed

...Set scroll time

...Stop scrolling when the mouse passes over it

...< ;/marquee>Start scrolling when the mouse leaves

Back to top

Font effect

...
Title word

(MAX)

...
Title word (minimum)

...Bold font

...Bold font(emphasis) (Same effect as above)

...italics
...italics(emphasis)

...Italics(means definition)
...Bottom line

... Bottom line ( means insert text )

~~...~~Horizontal line

~~...~~ Strikethrough

~~...~~ Keyboard text... Type font

Fixed width font
(
in the file Center space, line wrapping, and positioning functions are valid
)

...</plaintext>Fixed-width font(does not implement mark symbols) &lt ; listing >... ;...Minimal font font-size:100 px'>... Unlimited increase Back to top Zone break mark <hr>Horizontal line<hr size= '9'> Horizontal line (<a href="#_labelTop"></a>Set size<img class="anchorclass" alt="Summary of commonly used tags in html" >) <h2></h2> <hr width='80%'>Horizontal line(Set width) <hr color='ff0000'>horizontal line(set color) (line break ) ...waters(without line breaks) ...waters(paragraph ) <center>...</center>Centered <a href="#_labelTop">Back to top</a><img class="anchorclass" alt="Summary of commonly used tags in html" > <h2><!>Link format </h2> <base href=Address>(Default link path) <a href=Address></a>External link <a href=addresstarget='_blank'></a>External link(Open a new window) <a href=Addresstarget='_top'></a>External link(Full window link) <a href = =Target = ' page box name' & gt; & lt;/a & gt; Top<!>stickers/music <a href="#_labelTop"></a><img src=<img class="anchorclass"/ alt="Summary of commonly used tags in html" >picture address<h2>>stickers <img src =image address</h2>width="180">set image width <img src=image addressheight="30"& gt ;Set image height<img src=Picture addressalt="Prompt text">Set picture prompt text <img src=Picture address border=" 1">Set picture border <bgsound src=MIDMusic file address>Background music setting <a href="#_labelTop">Back to top</a> <img class="anchorclass" alt="Summary of commonly used tags in html" > <h2><!>Table syntax</h2> <table aling=left>...</table>Table position,left < table aling=center>...</table>Table position,centered <table background=image path>...</table> The URL= of the background image is the path URL <table border=border size>...</table>Set the table border size(Use Number) <table bgcolor=color code>...</table>Set the background color of the table <table borderclor=color code >...</table>Set the color of the table border <table borderclordark=Color code>...</table>Set the table The color of the dark border <table borderclorlight=Color code>...</table>Set the color of the light border of the table <table cellpadding=parameter >... ... /table>Specify the number of columns in the table<table frame=parameter>...</table> Set the display method of the table outline<table width=width>...</table>Specify the width of the table(use numbers) <table height=height >...</table>Specify the height of the table(use numbers) <td colspan=parameter>...</ td>Specify the number of columns in the cell merge column(use numbers) <td rowspan=parameter>...</td>Specify storage The number of columns in the merged column(Use numbers) <a href="#_labelTop">Back to top</a><img class="anchorclass" alt="Summary of commonly used tags in html" > <h2>Split window</h2> <frameset cols="20%,*"&g t; Split left and right,Split the left frame to 20%The size of the right frame will be automatically adjusted<frameset rows="20%,*">Split up and down ,Split the upper frame to 20%The browser will automatically adjust the size of the lower frame <frameset cols="20%,*">Split the left and right frames <frameset cols="20%,*,20%">Split the left, middle and right frames into three frames <Split into the upper and lower frames <frameset rows="20%,*,20%">Split the upper, middle and lower frames Attributes: cols Vertical cutting window (such as splitting two windows left and right) accepts integer values, Percentage, * (* represents the remaining space occupied). The number of values represents the number of divided parts, and must be separated by commas. Example: cols="30,*,50%" can be cut into three windows. The first part is 30pixels (pixels) for absolute division, and the second part is when the allocation is completed The remaining space after the first and third views, the third part accounts for 50% of the entire window, which is a relative division. rows is horizontal cutting, separating the upper and lower windows. The value settings are the same as above. Try not to put the above two attributes in the same <frameset> tag, because Wangjing (netscape) does not support it, try to use multiple splits. frameborder Set the border of the frame. The values are 0without a border and 1with a border. border Set the frame border thickness framespacing Represents the distance between frames to keep the space frame Element (single label) Grammar format: <frame name="" src="url" scrolling="yes/no" noresize> Attributes: name Frame name, specify the frame to connect to the target window. src The url address to be displayed in the frame. Each frame should correspond to a html document. scrolling Whether to display scroll bars, yes/no, auto is automatic. noresize Set to prevent users from changing the size of this frame, noframe element Specify when a page using a frame is opened in a browser that does not support frames Displayed information Grammar format: <noframe> ...... </noframe> <a href="#_labelTop">Back to top </a><img class="anchorclass" alt="Summary of commonly used tags in html" > <h2> Form <form></form> </h2> Grammar format: <form action="url" method="get/post"> .... <input type=submit><input type=reset> action is Specify the location of the program that processes the form, so that the information filled in the form can be sent to cgi for processing. You can set this parameter to action="mailto:lwr8494@163.com" This form The information filled in will be sent to this email address. method refers to the way of transmitting information to cgi and other network programs. Optional post method, get method, post method allows sending large amounts of information. The get method only accepts information below 1k. The application form is postThe search engine is get <! - - ... - -> Notes A HREF TARGET A HREF> Specify hyperlink <A NAME=The name of the anchor> The name of the connected point <ADDRESS>....</ADDRESS> Used to display the email address Bold font <BASE TARGET> Specify the split window of the hyperlink <BASEFONT SIZE> Change the default font size <BGSOUND SRC> Add background music <BIG> Show large fonts <BLINK> Flashing text <BODY TEXT LINK VLIN K> Set text color <BODY> Show this article Line break <CAPTION ALIGN> Set the table title position <CAPTION>... </CAPTION> Add a title to the table <CENTER> Align to the center <CITE>...<CITE> Text for citations <CODE>...</CODE> Used to list a piece of program code <COMMENT>...</COMMENT> Add comments <DD&gt ; Item explanation of setting definition list<DFN>...</DFN> Display"Definition"Text <DIR& gt;. ..</DIR> List text label <DL>...</DL> Set the label of the definition list <DT> Set the label of the definition list Item For emphasis Specify the font used arbitrarily Set the font size <FORM ACTION> Set the processing method of the mobile form <FORM METHOD> Set the data transmission method of the mobile form <FRame MARGINHEIGHT> Setting window <FRame MARGINWIDTH> Set the left and right boundaries of the window <FRame NAME> Name the split window <FRame NORESI ZE> Lock split window The size of <FRame SCROLLING> Set the scroll of the split window <FRame SRC> Add the HTML file to the window <FRameSET COLS> Split the window into left and right sub-windows <FRameSET ROWS> Split the window into upper and lower sub-windows <FRameSET>...</FRameSET> Divide the split window <H1>~<H6> Set text size <HEAD> Mark file information <HR> Add dividing lines <HTML> The beginning and end of the file italics <IMG ALIGN> Adjust the position of the graphic image <IMG ALT> Annotate your graphic images <IMG DYNSRC LOOP> Add a video <IMG HEIGHT WIDTH> Insert image and preset graphic size Insert pictures and preset the left and right borders of the graphics <IMG LOWSRC> Preload picture function <IMG SRC BORDER> Set picture borders < IMG SRC&gt ; Insert pictures <IMG VSPACE> Insert pictures and preset the upper and lower borders of the graphics <INPUT TYPE NAME value> Add input fields to the form &lt ;ISINDEX> Definition query form <KBD>...</KBD> Indicates that the user enters text <LI TYPE>...</LI> List items(can specify symbols) <MARQUEE> Marquee effect <MENU>...</MENU> Article text label <meta NAME="REFRESH" CONTENT URL> Automatically update file content <MULTIPLE> A list bar that can select multiple items at the same time <NOFRame> Definition not The text that appears in the split window <OL>...</OL> Numbered list <OPTION> Define the items in the list column in the form &lt ;P ALIGN> Set the alignment direction Segmentation <PERSON>...</PERSON> Display person name <PRE> Use the original arrangement <SAMP>...</SAMP> Use the original arrangement <select >...</select > In the form Define the list column Show small font <STRIKE> The text is underlined Used to strengthen the tone &lt ;SUB> Subscripts Superscripts <TABLE BORDER=n> Adjust the width line height of the table < TABLE CELLPADDING> Adjust the border of the data field <TABLE CELLSPACING> Adjust the width of the table line <TABLE HEIGHT> Adjust the height of the table <TABLE WIDTH& gt; Adjust table The width of <TABLE>...</TABLE> Generate table labels <TD ALIGN> Adjust the left and right alignment of table fields <TD BGCOLOR> Set the background color of table fields T & lt; TD COLSPAN ROWSPAN & GT; & & lt; td nowrap & gt; Set the table field without change. <TD WIDTH> Adjust the table field width <TD>...</TD> Define the data fields of the table <TEXTAREA NAME ROWS COLS &gt ; How many columns of text input fields to add to the form <TEXTAREA WRAP> Determine whether the text input field will wrap automatically or not <TH>...</TH> Define the table The header field <TITLE> Document title <TR>...</TR> The definition table is beautiful in one line <TT> Typewriter Font Underlined text <UL TYPE>...</UL> Unnumbered list(can specify symbols) <var>...</var> Used to display variables BlockQuotc Text indent Back to top There are three ways ; <a href="#_labelTop">1</a>, <img class="anchorclass" alt="Summary of commonly used tags in html" >16<h2>Base color code</h2> Syntax: #RRGGBB Example: red (RRR,GGG , BBB) Example: red 3,Use color directly English name Example: red Back to top <body&g t;. ....</body> attributes can be divided into three types: 1, background attributes include: bgcolor, background 2, text attributes: includes: <a href="#_labelTop">text, link, alink, vlink, </a><img class="anchorclass" alt="Summary of commonly used tags in html" > <h2>3, Blank attribute: </h2> which is divided into: leftmargin, topmargin .bgcolorBackground Color Grammar format: <body bgcolor="#ff0000"> .backgroundBackground pattern. Grammar format: <body background="url"> .textText color (non-connected text color) .linkConnected text color (connectable text) Color) .alinkActive link text color (the color of the linkable text that is being clicked) .vlinkVisited link text color) (the color of the linkable text that has been clicked to visit) ) Grammar format: <body text="color" link="color" alink="color" vlink="color"> .leftmargin The white space on the left side of the page M p.topMargin grammar format: & lt; body leftmargin = "value" topmargin = "value" & gt; <img class="anchorclass" alt="Summary of commonly used tags in html" > Note: <h3>value is the The length value is a number </h3> align attribute Syntax: <h2 align="?">text</h2> There are three attributes: leftleft,centercenter,rightright 〈p〉 is a paragraph mark, The above attributes can be used to set the entire paragraph 〈br> is a line break mark is a non-line break mark and can be placed on both sides of the text Example: <body> <h3>Jiangnan meets the Year of Li Gui</h3> King Qi A common sight in the house p> </body> Pre-formatting: <pre class="brush:php;toolbar:false">......</pre> Browsing has the same effect as writing Back to top List <a href="#_labelTop"></a><img class="anchorclass" alt="Summary of commonly used tags in html" > <h2> 1</h2>Unordered list, also known as symbol list <img class="anchorclass" alt="Summary of commonly used tags in html" > <h3> Grammar format: <ul type=" "> The attribute of type</h3> can be selected as straightdiscsolid dot, clrclehollow dot, squaresolid box<li>Text</li> <li>Text</li> 2Ordered list<img class="anchorclass" alt="Summary of commonly used tags in html" > <h3>Grammar format:</h3> <ol type="?" start"?"> <li>Text</li> <li>Text </li> </ol> The value of type is a numbered character. The optional 1...,a ...,A...,i... ,I... start is the starting value. Example: If start is 3, then it will start from 3 Start and it must be a number. 3Definition list<img class="anchorclass" alt="Summary of commonly used tags in html" > <h3><dl>Definition list mark</h3> <dt>mark Define entry <dd> Mark definition content Grammar format: <dl> <dt>Text </dt> <dd>Text content </dd> " title="?">....</a> Attribute: href The connection target value can be url The address can also be the connection anchor &lt ;a href="url">...</a> or <a href="anchor">...</a> Back to topname Connection name Syntax format: <a name="Anchor name">...</a> Example: <a href="#_labelTop"><a name="abcdcf">...</a> </a><img class="anchorclass" alt="Summary of commonly used tags in html" > <h2>The connection to the anchor point should be: </h2><a name=" #abcdef">....</a> Back to toptargetTarget window syntax format : <a href="url"target= "_blank|_self|_farent|_top|windowname">....</a> -blankOpen a new window _self<a href="#_labelTop">The current window is open</a><img class="anchorclass" alt="Summary of commonly used tags in html" > <h2>Two at a time Applies only in the frame leaf </h2>_parentThe parent window (upper level) of the current window opens _topOpens the highest level window windowameThe named window Or open the connection in the frame titleConnection prompt <a href="http://www.crazytribe.net" title="Open the homepage of Crazy Tribe">Crazy Tribe</a&gt " height="?" border="?" align="?"> border attribute defines the width of the picture border, the default value is <a href="#_labelTop"></a>0 <img class="anchorclass" alt="Summary of commonly used tags in html" > <h2> align attribute sets the position of the text next to the picture </h2> Grammar format: <img src="" align""> Optional values are: topAlign the top of the picture and text middle Pictures Align the image and text in the center bottomAlign the bottom edge of the image and text (default) leftThe image is aligned to the left, the text is wrapped around the image rightThe image is aligned to the right, and the text is aligned along the Picture wrapping absmiddleThe picture is aligned to the absolute center of the current text line absbottomThe picture is aligned to the absolute bottom of the current text line Typesetting of text No Line break whitespace mark Back to top fontElement Syntax format: Font name" size="<a href="#_labelTop"></a>Font Size<img class="anchorclass"/ alt="Summary of commonly used tags in html" >" color="<h2>Font color"> The optional font size values are 1——7, the default is 3 Example: 〈 font face=" boldface" size="4" color="#ff00ff">.... horizontal line<hr> grammar Format: <hr width="width" align="alignment defaults to centercenter" size="horizontal line thickness defaults to 2" color="color" noshade> noshadeNo shadow, both solid lines layer〈p>two elements is a block-level element, similar to the paragraph element . The difference is that two elements will not produce two <p&gt ;The blank line between elements, is an inline element, which can define the attributes of some text in the paragraph Grammar format: ... alignSet the horizontal alignment of elements in the layer stuleSet the attributes of the element application csscanonical Compatibility is a little better than , it is best to use <a href="#_labelTop">Back to top</a><img class="anchorclass" alt="Summary of commonly used tags in html" > <h2> table syntax format ：</h2> <table width="" bgcolor="" background="" border="" cellspacing="" cellpadding=""> <tr>...<td>... .</td>.... pacing The margin size of the cells in the table, the default value is two pixelscellpaddingThe spacing size between cells in the table, the default value is two pixelstr Element Grammar format: <tr align="" bgcolor="">....</tr> align Optional values for attribute alignment are as follows: <img class="anchorclass" alt="Summary of commonly used tags in html" >left,center,tight, <h3>defaults to left </h3> bgcolorSpecifies the background color of the row td element Grammar format: <td width="width" height="height<img class="anchorclass"/ alt="Summary of commonly used tags in html" >" align="<h3>horizontal alignment" valign="vertical alignment</h3>" bgcolor="" background ="" rowspan="The row span of the cell" colapan="The column span of the cell">...</td> align attribute Optional values are: left, center, right valign Optional values for the attribute are: top, middle, bottom rowspan and colapan across rows and columns The quantity, the default is 1 Back to top<h2>input element syntax format: </h2> <input type=""> typeThe optional values of the attribute are: text Single-line text box Attributes: name Name of the text box value Initial value of the text box size Length of the text box maxlength Maximum length of the input string radio Radio button Attributes: name Radio button name value Internal value checked Default selected checkbox check Box Attributes: name checkbox name value internal value checked default selected reset Reset button submit OK button Attributes: name Button name value Text displayed on the button password Password box Properties and text box properties Identical file File field Attributes: nameFile field name size The length of the file field maxlength The number of characters accepted by the file field Upper limit hidden hidden domain Attributes: name hidden domain name value default value image Picture domain Attributes: The button to be represented by name can be submit, reset, or other . src url address List box<select&gt ; Grammar format: <select> .... <option>....</option> ... .. </select> Back to top<a href="#_labelTop"></a><img class="anchorclass" alt="Summary of commonly used tags in html" > <h2>select element </h2> Syntax format: <select name="" size="" multiple> </select> name Specify the name of the list box size Specify the number of list items displayed in the list box. If this parameter is specified, the select element is a list, otherwise It is a drop-down list box<a href="http://www.php.cn/code/4996.html" target="_blank"> </a> multiple If this parameter is specified, it means that the list box can select multiple items, otherwise only one item can be selected <img class="anchorclass" alt="Summary of commonly used tags in html" > <h3>optionAttribute </h3> Syntax format: <option value="" selected></option> value The value of the list item selected If this parameter is set, this will be selected by default One item <a href="#_labelTop">Back to top</a><img class="anchorclass" alt="Summary of commonly used tags in html" > <h2>Multi-line text box<textarea> </h2> <textarea name="" cols="" rows="" wrap="off /physical/virtual" > Height of text box wrapThe optional values for the wrapping method of the text box are: offDo not save the line wrapping information physicalForce the browser to send information to the webserver The text in the multi-line text box must be sent line by line, virtual to send a continuous string of words unless the user presses Enter. Back to top css Cascading Style Sheets Methods to introduce cascading style sheets include: <a href="#_labelTop">External style sheet</a><img class="anchorclass" alt="Summary of commonly used tags in html" > <h2> Example: <head> </h2> <link rel="stylesheet" href="/css/default.css"> </head><img class="anchorclass" alt="Summary of commonly used tags in html" > <h3><body> </h3> .... </body> </html> Attribute: rel is used to describe <link> Element is here The task to be accomplished is to connect a standalone css file. The href attribute gives the url address of the css file to be connected. font105{font:10.5pt;color:blue} --> </style> </head> <body>....&lt ;/body> </html> Element default Format: Imported style sheet 〈html> <head> <style type="text/css"> <! -- @import url(css/home.css); --><img class="anchorclass" alt="Summary of commonly used tags in html" > <h3></style></h3> <body> .... <img class="anchorclass" alt="Summary of commonly used tags in html" ></body> <h3> </html></h3> css’s priority The closer the style definition is to the target, the higher the priority. High priority styles will inherit the lower priority. Non-overlapping definitions of priority styles but overriding overlapping definitions If 4 types of style sheets define different styles for the same element, then their priority order from high to low is, element default, inline style sheet, imported style sheet, external style sheet. <img class="anchorclass" alt="Summary of commonly used tags in html" > <h3>css structure</h3> Example: td{font-size:10.5pt;color:#666666} c The ss style consists of two basic parts, selector <td> and declaration {font-size:10.5pt;color:#666666} The declaration also consists of two parts: Attributes font size , color and value 10.5pt, #666666 <img class="anchorclass" alt="Summary of commonly used tags in html" > <h3> selectors are divided into 6 types</h3> 1 element selectors When on the page When multiple elements have the same style, you can define multiple elements together and separate them with commas. For example: td,p,li,input,select{font-size:12px;} 2class( Class ) selector Example: 〈head> <title>....</title> <style type="text/ css">  </style> </head> <body bgcolor="#ffffff"> Scholar-official Jinggangshan District Official Nine Link Leaving Plan </body> Another way is to limit the page elements to which it can be applied Example: 〈head> <title>....</title> <style type="text/css">  </style> </head> <body bgcolor="# ffffff"> Scholar-official Jinggangshan District Official <h1 class="red">Nine Links Leaving Plan </h1> </body> 3 id selector is similar to class selection, just add '.'Change Into '#' Example: <body> <head> <style type="text/css"> <! -- #select{font-size:18px;color:#0000ff} --> </style> </head> <body> <table width="250" border="1" height="50"> <tr> T & lt; td align = "center" id = "select" & gt; id select rune & lt;/td & gt; & lt;/tr & gt; & & lt;/table & gt; </body> Replaced with id="" to facilitate the call of page script language association selector<body><head&gt ; <style type="text/css">  <tr> <td align="center">Associative selector </td> </table> Associative selector </body> </html> We set the style of the text contained in the element <td> . The style will take effect only when both conditions are met, Pseudo-class selector can only be used in css selectors, but cannot be used in html selectors in code Example: 〈 html&gt ; <head> <style type="text/css">  &lt ;/style> </head> <body> <a href="#">association selector </a> <a href="#">association selector </a> <a href="#">Association Selector </a> a > Otherwise it will cause the connection on the page to Color chaos <h3>Pseudo-element selector</h3> is similar to the definition of pseudo-class selector. Currently, there are two supported by most browsers: first-line pseudo-element (first-line) and first-character pseudo-element (first -letter) is used to achieve the effect of capitalizing the first line and sinking the first line Example: the first line <html> <head> <style> <!- -p:first-line{color:red;font-size:20pt}--> </style> </hesd> <body> <p&gt ;dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf... </body> </html> The length changes with the size of the browser window First word <html&g t; <head> <style>  </style> </hem t; Both of the above can only be applied On block elements Back to top cssRules<a href="#_labelTop" style="text-align: right;"></a><img class="anchorclass" alt="Summary of commonly used tags in html" > 1.<h2>InheritExample: </h2><html>< head>< style type="text/css">  </style> </hem ; cssrules </td> </table> </body> </html> is the most advanced <td>two sub-level css are used on an attribute element, the same coverage, different inheritance, 2.combination Example:td{font-size:12pt}p1{font-size:12pt}After combinationtd,.p1{font-size:12pt} 3.Layering After defining it in the style, define it in the table attribute <html> <head> <style type="text/css"> </style> </hesd> <body> <table width="300" border="1" height= "150"> <tr> <td align="center" style="color:#0000ff" class="red">The local magistrate</td> </tr> </table> </body> </html> cssunit divided into four categories: 1 Unit of length The value can be an integer, a decimal, a positive number, a negative number, 0, followed by the unit (don’t use negative values lightly)Conversion relationship: 1in(inch)=6pc(pie 1in(inch)=72pt(pound)1in(inch)=2.54(cm) 1cm(cm)=10mm(mm) 1cm(cm )=0.3937( inch) 1pt(pound)=1/72in(inch)=0.2478mm(mm) 1pc(pie )=1/6in (inch)=The size of China’s new No. 4 typeface 2 Percent unit 3 Color unit 4 urlUnit <a href="#_labelTop" style="text-align: right;">Back to top</a> <img class="anchorclass" alt="Summary of commonly used tags in html" > <h2>p Attributes </h2> color: #999999 Text color font-family: Song style font font-size: 10pt Text size font-style:itelic Text italic font-variant:small-caps small font <a href="http://www.php.cn/wiki/865.html" target="_blank">letter-spacing</a> : 1pt text spacing line-height : 200% set line height font-weight:bold text bold <a href="http://www.php.cn/wiki/869.html" target="_blank">vertical-align</a>:sub subscript vertical-align:super superscript <a href="http://www.php.cn/wiki/859.html" target="_blank">text-decoration</a>:line-through add?hexcept line text-decoration:overline Add top line text-decoration:underline Add underline text-decoration:none ?hExcept connect underline <a href="http://www.php.cn/wiki/863.html" target="_blank">text-transform</a> : capitalize Capitalize the first word text-transform : uppercase English capital text-transform : lowercase English writing text-align:right Text*right aligned text-align:left Text* Left alignment text-align:center Text-center alignment These are some simple text effects that can be applied to css pages. <a href="#_labelTop">Back to top</a><img class="anchorclass" alt="Summary of commonly used tags in html" > <h2> Background </h2> TEXTAREA STYLE="border:1px dashed pink"> solid line <TEXTAREA STYLE="border:1px solid pink"> </li></ul>The above is the detailed content of Summary of commonly used tags in html. For more information, please follow other related articles on the PHP Chinese website!</div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng">Statement：<div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div></div></div><div class="nphpSytBox">Previous article：<a class="dBlack" title="Summary and sharing of common global attributes" href="http://m.php.cn/faq/367595.html">Summary and sharing of common global attributes</a>Next article：<a class="dBlack" title="Summary and sharing of common global attributes" href="http://m.php.cn/faq/367598.html">Summary and sharing of common global attributes</a></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Related articles</h2><a href="http://m.php.cn/article.html" class="bBlack">See more</a><div class="clear"></div></div><ul class="nphpXgwzList"><li><a href="http://m.php.cn/faq/348757.html" title="Summary of Html knowledge" class="aBlack">Summary of Html knowledge</a><div class="clear"></div></li><li><a href="http://m.php.cn/faq/348804.html" title="How to learn HTML quickly" class="aBlack">How to learn HTML quickly</a><div class="clear"></div></li><li><a href="http://m.php.cn/faq/348873.html" title="The difference between html xhtml xml" class="aBlack">The difference between html xhtml xml</a><div class="clear"></div></li><li><a href="http://m.php.cn/faq/348884.html" title="The difference between src and href attributes" class="aBlack">The difference between src and href attributes</a><div class="clear"></div></li><li><a href="http://m.php.cn/faq/348902.html" title="About HTML5 and CSS replacement use" class="aBlack">About HTML5 and CSS replacement use</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/">Home</a></li><li><a href="http://m.php.cn/course.html">Course</a></li><li><a href="http://m.php.cn/wenda.html">Q&A</a></li><li><a href="http://m.php.cn/login">My</a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><a href="http://m.php.cn/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/">Home<div class="clear"></div></a></li><li><a href="http://m.php.cn/course.html">Course<div class="clear"></div></a></li><li><a href="http://m.php.cn/article.html">Article<div class="clear"></div></a></li><li><a href="http://m.php.cn/wenda.html">Q&A<div class="clear"></div></a></li><li><a href="http://m.php.cn/dic.html">Dictionary<div class="clear"></div></a></li><li><a href="http://m.php.cn/course/type/99.html">Manual<div class="clear"></div></a></li><li><a href="http://m.php.cn/xiazai/">Download<div class="clear"></div></a></li><li><a href="http://m.php.cn/faq/zt" title="Topic">Topic<div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/" >Home</a></div><div class="swiper-slide"><a href="http://m.php.cn/article.html" class="hover">Article</a></div><div class="swiper-slide"><a href="http://m.php.cn/wenda.html" >Q&A</a></div><div class="swiper-slide"><a href="http://m.php.cn/course.html" >Course</a></div><div class="swiper-slide"><a href="http://m.php.cn/faq/zt" >Topic</a></div><div class="swiper-slide"><a href="http://m.php.cn/xiazai" >Download</a></div><div class="swiper-slide"><a href="http://m.php.cn/game" >Game</a></div><div class="swiper-slide"><a href="http://m.php.cn/dic.html" >Dictionary</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;">简体中文（ZH-CN）</a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;">English（EN）</a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;">繁体中文（ZH-TW）</a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;">日本語（JA）</a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;">한국어（KO）</a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;">Melayu（MS）</a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;">Français（FR）</a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;">Deutsch（DE）</a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append(""); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>

Summary of commonly used tags in html

html tag<

...

(MAX)

...