HTML基礎(chǔ)應(yīng)用

2018-4-27    seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

本篇文章基本介紹了學(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] view plain copy
  1. <html>  
  2. <head>  
  3. <span style="color:#33ff33;"><title></span>HTML 5 Tag Reference</title>  
  4. </head>  
  5. <body>  
  6. <span style="color:#33ff33;"><h1></span>The content of the document......<span style="color:#33ff33;"><br/></span></h1>  
  7. <h2>The content of the document......<br/></h2>  
  8. <h3>The content of the document......<br/></h3>  
  9. <h4>The content of the document......<br/></h4>  
  10. <h5>The content of the document......</h5>  
  11.   
  12. <h1>The content of the document......<br/></h1>  
  13. <h1><span style="color:#33ff33;"><small></span>The content of the document......</small><br/></h1>  
  14.   
  15. <span style="color:#33ff33;"><pre></span>  
  16. HTML基礎(chǔ)應(yīng)用  
  17.   
  18. HTML基礎(chǔ)應(yīng)用學(xué)習(xí)和掌握HTML語言的基本語法,常用的標(biāo)簽的使用方法;學(xué)會(huì)使用HTML設(shè)計(jì)基本的簡(jiǎn)單  
  19.   
  20. 網(wǎng)頁。  
  21.   
  22. </pre>  
  23. <span style="color:#33ff33;"><hr/></span>  
  24. <span style="color:#33ff33;"><p>  
  25. <i></span>This is some text in a very short paragraph</i>  
  26. </p>  
  27. <span style="color:#33ff33;"><b></span>The content of the document......</b></br>  
  28.   
  29. 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>  
  30.   
  31. <span style="color:#33ff33;"><ul></span>  
  32. <li>sports</li>  
  33. <li> food </li>  
  34. <li> drink </li>  
  35. <li> friends </li>  
  36. </ul>  
  37. <span style="color:#33ff33;"><ol></span>  
  38.     <li>sports</li>  
  39.     <li> drink</li>  
  40.     <li> friends</li>  
  41. </ol>  
  42.   
  43. <span style="color:#33ff33;"><dl> </span>  
  44. <dt>計(jì)算機(jī)</dt>   
  45.     <dd>用來計(jì)算的儀器 ... ...</dd>   
  46. <dt>顯示器</dt>   
  47.     <dd>以視覺方式顯示信息的裝置 ... ...</dd>   
  48. </dl>   
  49.   
  50. </body>  
  51. </html>  

效果:

其中<title>體現(xiàn)在最上方的搜索欄中。

 


藍(lán)藍(lán)設(shè)計(jì)m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

日歷

鏈接

個(gè)人資料

存檔