本篇文章基本介紹了學(xué)習(xí)HTML的一些基礎(chǔ)的語法與標(biāo)簽,標(biāo)簽包括換行</br>,加粗<b>,下劃線<hr/>斜體字<i>,字體<h1....6>,標(biāo)題<title>......
<small>
<small> 標(biāo)簽呈現(xiàn)小號(hào)字體效果
。如果被包圍的字體已經(jīng)是字體模型所支持的最小字號(hào),那么 <small> 標(biāo)簽將不起任何作用。
<small> 標(biāo)簽也可以嵌套,從而連續(xù)地把文字縮小。每個(gè) <small> 標(biāo)簽都把文本的字體變小一號(hào),直到達(dá)到下限的一號(hào)字。
<sub>表示下標(biāo)<sup>表示上標(biāo)。
<p>與<pre>有些類似
pre 元素可定義預(yù)格式化的文本。被包圍在 pre 元素中的文本通常會(huì)保留空格和換行符。而文本也會(huì)呈現(xiàn)為等寬字體。
<pre> 標(biāo)簽的一個(gè)常見應(yīng)用就是用來表示計(jì)算機(jī)的源代碼。
p 元素會(huì)自動(dòng)在其前后創(chuàng)建一些空白。
<ul>與<ol>
兩者都指列表,前者是無序的,后者是有序的。
- <html>
- <head>
- <span style="color:#33ff33;"><title></span>HTML 5 Tag Reference</title>
- </head>
- <body>
- <span style="color:#33ff33;"><h1></span>The content of the document......<span style="color:#33ff33;"><br/></span></h1>
- <h2>The content of the document......<br/></h2>
- <h3>The content of the document......<br/></h3>
- <h4>The content of the document......<br/></h4>
- <h5>The content of the document......</h5>
- <h1>The content of the document......<br/></h1>
- <h1><span style="color:#33ff33;"><small></span>The content of the document......</small><br/></h1>
- <span style="color:#33ff33;"><pre></span>
- HTML基礎(chǔ)應(yīng)用
- HTML基礎(chǔ)應(yīng)用學(xué)習(xí)和掌握HTML語言的基本語法,常用的標(biāo)簽的使用方法;學(xué)會(huì)使用HTML設(shè)計(jì)基本的簡單
- 網(wǎng)頁。
- </pre>
- <span style="color:#33ff33;"><hr/></span>
- <span style="color:#33ff33;"><p>
- <i></span>This is some text in a very short paragraph</i>
- </p>
- <span style="color:#33ff33;"><b></span>The content of the document......</b></br>
- a<span style="color:#33ff33;"><sup>2</sup><sub>0</sub></span>+b<sup>2</sup><sub>0</sub>=c<sup>2</sup><sub>0</sub>
- <span style="color:#33ff33;"><ul></span>
- <li>sports</li>
- <li> food </li>
- <li> drink </li>
- <li> friends </li>
- </ul>
- <span style="color:#33ff33;"><ol></span>
- <li>sports</li>
- <li> drink</li>
- <li> friends</li>
- </ol>
- <span style="color:#33ff33;"><dl> </span>
- <dt>計(jì)算機(jī)</dt>
- <dd>用來計(jì)算的儀器 ... ...</dd>
- <dt>顯示器</dt>
- <dd>以視覺方式顯示信息的裝置 ... ...</dd>
- </dl>
- </body>
- </html>
效果:
其中<title>體現(xiàn)在最上方的搜索欄中。