3. Common Html tags_html/css_WEB-ITnose

1, basic tag

: the root element of the html document, you can specify an xmlns attribute, the value can only be http://www/w3 .org/1999/xhtml.
: The main part of the page
: The beginning of the page

2.

can contain , but cannot contain

, but

can contain everything. In practice

is also used the most.

The following is a html containing the above tags:

<title>Html基本标签</title>	<!-- 标题一到标题6输出文本 -->	<h1 id="林肯公园">林肯公园</h1>	<h2 id="林肯公园">林肯公园</h2>	<h3 id="林肯公园">林肯公园</h3>	<h4 id="林肯公园">林肯公园</h4>	<h5 id="林肯公园">林肯公园</h5>	<h6 id="林肯公园">林肯公园</h6>	<!-- 输出换行 -->	<br>	<!-- 输出一条水平线 -->	<hr>	<!-- 使用span定义3个节 -->	<span>不换行</span><span>不换行</span><span>不换行</span>	<!-- 使用div定义3个节 -->	<div>换行</div><div>换行</div><div>换行</div>	<!-- 使用p定义3个段落 -->	<p>换行</p><p>换行</p><p>换行</p>

2, text formatting tags

: bold text
: italic text
: emphasized text
: Large font text
: Bold text
: Small font text
: Superscript text
: Define the display direction of the text. This tag can specify the dir attribute, which can only be ltr and rtl.
The following is an html containing the above tags:

<title>文本格式化标签</title>	<span><b>加粗的文本</b></span><br>	<span><i>斜体的文本</i></span><br>	<span><b><i>加粗的斜体文本</i></b></span><br>	<span><em>被强调的文本</em></span><br>	<span><big>大号字体文本</big></span><br>	<span><small>小号字体文本</small></span><br>	<span><strong>加粗的文本</strong></span><br>	<span>普通的文本<sup>上标文本</sup></span><br>	<span>普通的文本<sub>下标文本</sub></span><br>	<bdo dir="ltr">指定文本内容从左到右，left to right么</bdo><br>	<bdo dir="rtl">指定文本内容从右到左，right to left</bdo>

3, hyperlink

: super Link. The page uses hyperlinks to remain associated with another resource on the network. When the user clicks on the hyperlink on the page, the browser will define the resource pointed to by the browser link. There are two important attributes about this tag:
href: Specifies another resource associated with the hyperlink. The attribute value here can be a relative path or an absolute path. When this attribute is specified, the hyperlink becomes a gesture icon when the mouse is moved over it, and the font also changes color.
target: Specify which frame in the frame set to use to load resources. Generally there are _self (self), _blank (new window), _top (top-level frame), _parent (parent frame)
Note: When the attribute value of href specifies an absolute path, the attribute value is a URL. Not much to say about url, its grammatical specification is:
scheme://host.domain:port/path/filename


The tag can also generate a named anchor point . Named anchors are used to generate an anchor point in HTML, allowing a hyperlink to link to that anchor point on a specified page. In layman's terms, if there is no anchor point, every time the page is linked, it will start displaying at the top. If a page is very long, then we have to drag and scroll by ourselves. Once an anchor point is positioned, the page will jump to the specified place immediately, without dragging the page.
For example, The name attribute here is the name of the named anchor

Here That is to say, the anchor name is specified after the url resource, and the anchor name and the url resource are separated by #.

The following is a html containing the above tags:

<title>超链接</title>	<a href="http://www.baidu.com">使用绝对路径打开百度(自己的窗口)</a><br>	<a href="http://www.baidu.com" target="_blank">使用绝对路径打开百度(新的窗口)</a><br>	<a href="Park.html">使用相对路径打开自己的文件</a><br>	<a href="Park.html#linkin">直接定位到linkin锚点</a>

<title>Park.html</title>	<h1 id="这里是另外的一个页面">这里是另外的一个页面</h1>	<hr>	<h1 id="这里是另外的一个页面">这里是另外的一个页面</h1>	<hr>	<a name="linkin">这里定义了一个锚点</a>