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 : CSS definition <br> <h1> to <h6>: Define title one to title six. The larger the number, the smaller the title displayed <br> <p>: paragraph <br> <br />: line break <br> <hr />: horizontal line <br> <!-- -- >: Comment <br> <div>: Section in the document <br> <span>: Also a section in the document <br> <br> <br> ok, the common tags of html are the above, there are 3 The tags <p><span><div> are often used, and they can be used as containers for other content. Pay attention to the differences between them here: <br> 1. <span> will not wrap, <div> and <p> will wrap, and the default spacing between <p> paragraphs is larger. <br> </strong> <p><strong>2. <p> can contain <span>, but <span> cannot contain <p>, but <div> can contain everything. In practice <div> is also used the most. </strong></p> <p><strong><br> </strong></p> <strong>The following is a html containing the above tags: <br> </strong> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre name="code" class="sycode"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Html基本标签</title></head><body> <!-- 标题一到标题6输出文本 --> <h1>林肯公园</h1> <h2>林肯公园</h2> <h3>林肯公园</h3> <h4>林肯公园</h4> <h5>林肯公园</h5> <h6>林肯公园</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></body></html></pre><div class="contentsignin">Copy after login</div></div> <br> <br> <br> <li><strong>2, text formatting tags </strong></li> <b>: bold text <br> <i>: italic text <br> <em>: emphasized text <br> <big>: Large font text <br> <strong>: Bold text <br> <small>: Small font text <br> <sup>: Superscript text <br> <sub> ;: Subscript text <br /> <bdo>: Define the display direction of the text. This tag can specify the dir attribute, which can only be ltr and rtl. <br> The following is an html containing the above tags: <br> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre name="code" class="sycode"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>文本格式化标签</title></head><body> <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></body></html></pre><div class="contentsignin">Copy after login</div></div> <br> <br> <br> <li><strong>3, hyperlink </strong></li> <a>: 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: <br> 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. <br> 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) <br> 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: <br> scheme://host.domain:port/path/filename <br> <br> <br> The <a> 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. <br> For example, <a name="linkin"> The name attribute here is the name of the named anchor <br> <p><strong><a href="Linkin.html#linkin"> 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 #. </strong></p> <p><strong><br> </strong></p> <strong>The following is a html containing the above tags: <br> <br> </strong> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre name="code" class="sycode"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>超链接</title></head><body> <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></body></html></pre><div class="contentsignin">Copy after login</div></div> <br> <br> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre name="code" class="sycode"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Park.html</title></head><body> <h1>这里是另外的一个页面</h1> <hr /> <h1>这里是另外的一个页面</h1> <hr /> <a name="linkin">这里定义了一个锚点</a></body></html></pre><div class="contentsignin">Copy after login</div></div> <br> <br> <br>
