Common HTML tags and html tags

Common HTML tags and html tags

First, you need to know some features of html tags:

1. Similar to "<keyword>", it is composed of angle brackets, such as

2. generally, it appears in pairs. The start label is similar to "<div> element content </div>". The left label is the start label, and the right label is the end label, in addition, some of them are single-closed labels.

 

First, record some single closed tags with some exceptions, such:

<Meta/>	Set the page information		<Param/>	Parameters can be provided for <object> or <applet> containing it
<Br/>	Line feed		<Keygen/>	Define generate key
<Hr/>	Horizontal line		<Source/>	Define media sources for media elements (such as <video> or <audio>)
<Area/>	Image Display Area		<Col/>	Define attribute values for one or more columns in the table
<Input/>	Different input fields of form elements and types have different forms.		<Frame/>	Define a specific window (framework) in the frameset)
<Link/>	Link style sheet		<Embed/>	Define embedded content, such as plug-ins
<Basefont/>	Defines the baseline font. html5 does not support <basefont> labels.		......

The labels are classified based on different effects:

 

1. Font Effect

<H1>... </H1>	Title 1 (maximum) Level 1 down font becomes smaller, the page is generally from h1 ~ H4 and h4 will not be used later.		<S>... </S>	Strikethrough
<H6>... </H6>	Title 6 (minimum)		<Del>... </Del>	Strikethrough (delete)
<B>... </B>	Bold Chinese		<Kbd>... </Kbd>	Keyboard text
<Strong>... </strong>	Bold (emphasis)		<Tt>... </Tt>	Font
<I>... </I>	Italics		<Xmp>... </Xmp>	Fixed-width font (in the file blank, line feed, positioning function is effective)
<Em>... /Em>	Italics (emphasis)		<Plaintext>... </Plaintext>	Fixed-width font (without marking)
<Dfn>... </dfn>	Italic (meaning definition)		<Listing>... </Listing>	Small font with fixed width
<U>... </U>	Bottom Line		<Font color = 00ff00>... </Font>	Font color (similar to color = "#00ff00)
<Ins>... </ins>	Bottom line (insert text)		<Font size = 1>... </Font>	Minimum font
<Strike>... </Strike>	Horizontal line		<Font style = font-size: 100 px> </font>	Unlimited increase (font size: 100px)

 

2. Cut mark

<Hr/>	Horizontal line		<Nobr>... </Nobr>	Disable line breaks, short for No Break
<Hr size = 9/>	Horizontal line (set size)		<P>... </P>	Section
<Hr width = 80%/>	Horizontal line (Set width)		<Center>... </Center>	Center The text surrounded by it
<Hr color = 00ff00/>	Horizontal line (set color)
<Br/>	Line feed

 

3. Links

<Base href = address>	Specify the default address or default target for all links on the page		<A href = address target = _ top> </a>	Specify the URL of the hyperlink target (full-window connection)
<A href = address> </a>	URL of the hyperlink target		<A href = address target = page Box Name> </a>	Specify the URL of the hyperlink target (connect to the URL in the specified page)
<A href = address target = _ blank> </a>	Specify the URL of the hyperlink target (new window is opened)

 

4. Images/music

	Posting images to webpages			Set the image border
	Set the Image Width		<Bgsound src = MID music file address/>	Background Music settings
	Set the Image Height

 

5. Table

<Table aling = left>... </Table>	Table location, left		<Table cellpadding = parameter>... </Table>	Distance between grid lines and network lines (using numbers)
<Table aling = center>... </Table>	The position of the table.		<Table cols = parameter>... </Table>	Number of columns in the specified table
<Table background = image path>... </Table>	URL of the background image = path URL		<Table frame = parameter>... </Table>	Set the display mode of the outer frame of the table.
<Table border = border size>... </Table>	Set the table border size (using numbers)		<Table width = width>... </Table>	Specify the table width (using numbers)
<Table bgcolor = color code>... </Table>	Set the background color of the table.		<Table height = height>... </Table>	Specify the table height (using numbers)
<Table bordercolor = color code>... </Table>	Set the table border color		<Td colspan = parameter>... </Td>	Number of columns in the merge bar of a bucket (using numbers)
<Table bordercolordark = color code>... </Table>	Set the color of the dark border of the table		<Td rowspan = parameter>... </Td>	Specifies the number of columns in the merged bucket (using numbers)
<Table bordercolorlight = color code>... </Table>	Set the color of the highlighted border of the table

 

6. Split the window

<Frameset col = "20%", *>	Split left and right. Split the left frame to 20%. The browser automatically adjusts the size of the right frame.		<Comment>... </Comment>	Add Annotation
<Frameset rows = "20%, *">	Split up and down. The size of the above frame is 20%. The browser automatically adjusts the size of the following frame.		<Dd>... </Dd>	Set the project description of the definition list
<Frameset cols = "20%, *">	Split the left and right frameworks		<Dfn>... </Dfn>	Show "Definition" Text
<Frameset cols = "20%, *, 20%">	Split the left, middle, and right Frames		<Dir>... </Dir>	List text flags
<Frameset rows = "20%, *, 20%">	Split the bottom three frameworks		<Dl>... </Dl>	Set the volume label of the definition list
<! --... -->	Annotation		<Dt>... </dt>	Define a project in the list
<A href target>	Split Window of the specified hyperlink		<Em>... </Em>	Emphasis
<A href = "# anchor Name>	Specify the hyperlink of the anchor name		<Font face>	Any specified font
<A href>	Specify hyperlink		<Font size>	Set Font Size
<A name = anchor name>	Name of the connected Node		<Form action>	Set
<Address>... </Address>	Used to display email addresses
<B>... </B>	Bold Chinese
<Base target>	Split Window of the specified hyperlink
<Bgsound src>	Add background music
<Big>... </Big>	Show large font Effects
<Blink>	Display flashing strings or text (not supported by IE)
<Body text link vlink>	Set text color
<Body>... </Body>	Show this article
<Br/>	Line feed
<Capition align>	Set the table title Position
<Caption>... </Caption>	Add a title to the table
<Center>... </Center>	Center The surrounded text. html5 does not support this tag
<Cite>... <Cite>	Text used for reference
<Code>... </Code>	Used to list a piece of program code