All-round detailed explanation of common HTML tags

HTML is the core and foundation of all web page production technologies, and it is also the basic knowledge that every web page maker must master. The html tag is the most basic unit in the html language and the most important part of HTML.

Beginners must first know some of the characteristics of HTML tags:

HTML tags are not case-independent, for example, " <BODY>" <body>has the same meaning as that, and it is recommended to use lowercase. <p>Composed of angle bracket package keywords like " ", for example:

<P>P is a paragraph tag, HTML tags are not case sensitive</P>
<p>The meaning is the same, lowercase is recommended.</p>

Note: HTML tags are not case sensitive, but lowercase is recommended!

HTML tags generally appear in pairs. For example <h1>, the left tag is generally called the start tag, and the right side </h1>is called the end tag. There is a beginning and an end. Except for some individual closing tags, the following lists HTML single closing tags.

single closed label

Label	Function
<br />	Insert a newline simple newline
<hr />	define horizontal line
<area />	Define the area inside the image map
<base />	Defines the default address or default destination for all links in the page
<img />	define image
<input />	define input controls
<link />	Define the relationship of documents to external resources
<meta />	Define meta information about HTML documents
<basefont />	Not recommended for use. Define the default font, color, or size of text in the page
<param />	Define the parameters of the object
<col />	Define property values for one or more columns in a table
<frame />	Defines the window or frame of the frameset
<embed />	Define external interactive content or plugins

font effect

Label	Function
<h1>...</h1>	Title word (max)
<h6>...</h6>	Title word (minimum)
<b>...</b>	Bold
<strong>...</strong>	bold (emphasis)
<i>...</i>	italics
<em>...</em>	italics (emphasis)
<dfn>...</dfn>	italics (for definition)
<u>...</u>	bottom line
<ins>...</ins>	Underline (indicates insert text)
<strike>...</strike>	horizontal line
<s>...</s>	strikethrough
<del>...</del>	Strikethrough (indicates deletion)
<kbd>...</kbd>	keyboard text
<tt>...</tt>	typeface
<xmp>...</xmp>	Fixed-width font (blank, newline, and positioning functions are valid in the file)
<plaintext>...</plaintext>	Fixed width font (does not perform markup)
<listing>...</listing>	Fixed width small font
<font color=00ff00>...</font>	font color
<font size=1>...</font>	minimal font
<font style =font-size:100 px>...</font>	infinite increase

section mark

Label	Function
<hr>	horizontal line
<hr size=9>	Horizontal line (set size)
<hr width=80%>	Horizontal line (set width)
<hr color=ff0000>	Horizontal line (set color)
<br>	(newline)
<nobr>...</nobr>	waters (no line break)
<p>...</p>	waters (paragraph)
<center>...</center>	Set in

Link

Label	Function
<base href=address>	(preset link path)
<a href=address></a>	external link
<a href=address target=_blank></a>	External Links(Opens in a new window)
<a href=address target=_top></a>	External link (full window link)
<a href=address target=page frame name></a>	External links (links in specified page frames)

Image/Music

Label	Function
<img src=image address>	texture
<img src=image address width=180>	set image width
<img src=image address height=30>	set image height
<img src=image address alt=prompt text>	Set image prompt text
<img src=image address border=1>	set picture border
<bgsound src=MID music file address>	Background music settings

sheet

Label	Function
<table align=left>...</table>	table position, left
<table align=center>...</table>	table position, center
<table background=image path>...</table>	The URL of the background image = is the path URL
<table border=border size>...</table>	Set table border size (using numbers)
<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 color of the dark border of the table
<table borderclorlight=color code>...</table>	Set the color of the table's bright border
<table cellpadding=parameter>...</table>	Specifies the spacing between content and gridlines (using numbers)
<table cellspacing=parameter>...</table>	Specifies the distance between grid lines (using numbers)
<table cols=parameter>...</table>	Specify the number of columns in the table
<table frame=parameter>...</table>	Set the display method of the outline of the table
<table width=width>...</table>	Specify the width and size of the table (using numbers)
<table height=height>...</table>	Specify the height and size of the table (using numbers)
<td colspan=parameter>...</td>	Specify the number of columns for cell merge columns (using numbers)
<td rowspan=parameter>...</td>	Specifies the number of columns for cell merge columns (using numbers)

split window

Label	Function
<frameset cols="20%,*">	Split left and right, split the left frame to 20%, the size of the right frame will be automatically adjusted by the browser
<frameset rows="20%,* ">	Split up and down, divide the upper frame to 20% and the size of the lower frame will be automatically adjusted by the browser
<frameset cols="20%,*">	Split left and right frames
<frameset cols="20%,*,20%">	Split left, middle and right three frames
<frameset rows="20%,*,20% ">	Divide the upper, middle and lower frames
<! - - ... - ->	annotation
<a href target>	Specify a split window for hyperlinks
<a href=#anchor name>	hyperlink specifying anchor name
<a href>	Specify a hyperlink
<a name=name of the anchor>	The name of the connected point
<address>....</address>	Used to display email addresses
<b>...</b>	Bold
<base target>	Specify a split window for hyperlinks
<basefont size>	Change the default font size
<bgsound src>	add background music
<big>	display large font
<blink>	flashing text
<body text link vlink>	set text color
<body>	show this article
<br>	newline
<caption align>	Set table title position
<caption>...</caption>	Add a title to the table
<center>	Align to the center
<cite>...<cite>	Text used to cite scriptures
<code>...</code>	Used to list a piece of program code
<comment>...</comment>	annotate
<dd>	Item Description of Setting Definition List
<dfn>...</dfn>	show "definition" text
<dir>...</dir>	list text label
<dl>...</dl>	Set the label of the definition list
<dt>	Set the items of the definition list
<em>	for emphasis
<font face>	Arbitrarily specify the glyph to use
<font size>	set font size
<form action>	Set the handling of user-driven forms
<form method>	Set the data transfer method of the user-driven form
<frame marginheight>	Set the upper and lower boundaries of the window
<frame marginwidth>	Set the left and right borders of the window
<frame name>	Name the split window
<frame noresize>	Lock the size of the split window
<frame scrolling>	Set the scroll bar of the split window
<frame src>	Add HTML file to window
<frameset cols>	Split 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>...</head>	Mark file information
<hr>	add gridlines
<html>...</html>	start and end of file
<i>...</i>	italics
<img align>	Adjust the position of the graphic image
<img alt>	Annotate your graphic images
<img dynsrc loop>	add video
<img height width>	Insert pictures and preset graphic sizes
<img hspace>	Insert pictures and preset left and right borders of graphics
<img lowsrc>	Preload picture function
<img src border>	set image borders
<img src>	Insert picture
<img vspace>	Insert pictures and preset the upper and lower boundaries of the graphics
<input type name value>	Add input fields to forms
<isindex>	define query form
<kbd>...</kbd>	Indicates that the user enters text
<li type>...</li>	Items of the list (symbols can be specified)
<marquee>	marquee effect
<menu>...</menu>	striped text label
<meta name="refresh " content url>	Automatically update file contents
<multiple>	List bar that can select multiple items at the same time
<noframe>	Defines the text that does not appear in split windows
<ol>...</ol>	numbered list
<option>	Defines the items of the list bar in the form
<p align>	Set alignment direction
<p>...</p>	segment
<person>...</person>	show name
<pre>	Use original arrangement
<samp>...</samp>	used to quote words
<select>...</select>	Define a list column in a form
<small>	show small font
<strike>	text underlined
<strong>	used to reinforce the tone
<sub>...</sup>	subscript
<sup>...</sup>	superscript
<table border=n>	Adjust the width of the table's line height
<table cellpadding>	Adjust data field bit boundaries
<table cellspacing>	Adjust the width of table lines
<table height>	Adjust the height of the table
<table width>	Adjust the width of the table
<table>...</table>	generate tab
<td align>	Adjust left and right alignment of table fields
<td bgcolor>	Set the background color of the table field
<td colspan rowspan>	Merge of table fields
<td nowrap>	Set table fields to not wrap
<td valign>	Adjust the top and bottom alignment of table fields
<td width>	Adjust table field width
<td>...</td>	Define the data field bits of the table
<textarea name rows cols>	How many columns of text input fields to add to the form
<textarea wrap>	Determines whether the text input field wraps automatically or not
<th>...</th>	Define the header fields of the table
<title>...</title>	file title
<tr>...</tr>	Define a table with a row
<tt>...</tt>	typewriter font
<u>...</u>	text underlining
<ul type>...</ul>	an unnumbered list (with assignable symbols)
<var>...</var>	for displaying variables

marquee

Label	Function
<marquee>...</marquee>	normal scroll
<marquee behavior=slide>...</marquee>	slide
<marquee behavior=scroll>...</marquee>	Default scrolling
<marquee behavior=alternate>...</marquee>	scroll back and forth
<marquee direction=down>...</marquee>	scroll down
<marquee direction=up>...</marquee>	scroll up
<marquee direction=right>...</marquee>	scroll right
<marquee direction=left>...</marquee>	scroll left
<marquee loop=2>...</marquee>	number of scrolls
<marquee width=180>...</marquee>	set width
<marquee height=30>...</marquee>	set height
<marquee bgcolor=ff0000>...</marquee>	set background color
<marquee scrollamount=30>...</marquee>	Set scroll distance
<marquee scrolldelay=300>...</marquee>	Set scroll time