標簽和規(guī)范

<!-- 規(guī)范：
1、命名規(guī)范：文件名字、類名、變量名等，寫的時候不要有中文、空格、特殊字符。可以包含數(shù)字和下劃線。
駝峰命名法（首字母小寫，后面單詞首字母大寫）
2、所有html的標簽都要小寫。
3、子級父級之間要有縮進，為一個TAB鍵。
4、所有的標簽都要正確的閉合。（有始有終）
5、注釋
 -->

 <!-- doctype不是標簽 -->
<!DOCTYPE html>
<html>
    <head>
     <meta charset="utf-8">
     <title>標簽和規(guī)范</title>
    </head>
    <body>
  <!-- HTML 超級文本標記語言 -->
  <!-- h1標簽，語義就是標題 -->
  <!-- h1：像我這么NB的還有5個h2~h6 -->
  <h1>范德薩范德薩</h1>
  <!-- span是專門存放文字的一個容器 -->
  <span style="color:blue">娛樂圈B姐</span>
  <span style="color:gray">20169-11-21 17：30</span>
  <!-- hr 的作用是分割線 -->
  <hr/>
  <!-- p標簽代表的是段落。 -->
  <p>規(guī)范的股份佛擋殺佛反倒是</p>
  <!-- div 重要?。ㄊ澜缟献詈玫臉撕灒┦且粋€容器?？梢园岩恍┢渌臉撕灮蛘呶淖挚闯梢粋€整體-->
  <div>
  <!-- br 的作用就是換行 -->
   <span>我是span1</span><br />
   <span>我是span2</span>
  </div>
  <!--組合標簽-->
  <!--列表標簽（無序列表）ul和li必須是配套使用，中間不能有其他標簽
   li里面可以嵌套別的標簽
  -->
  <ul>
   <li>我是1</li>
   <li>我是2</li>
   <li>我是3</li>
  </ul>
  <!--有序列表-->
  <ol>
   <li>我是1</li>
   <li>我是2</li>
   <li>我是3</li>
  </ol>
  <!--自定義列表 dt是標題 dd是內(nèi)容-->
  <dl>
   <dt>我是標題</dt>
   <dd>我是內(nèi)容我是內(nèi)容我是內(nèi)容</dd>
  </dl>
  <!--a標簽是鏈接標簽 也叫錨點。可以跳轉(zhuǎn)到指定的網(wǎng)頁
   可以通過設(shè)置href屬性來設(shè)置要跳轉(zhuǎn)到的地址  可以通過設(shè)置targer="_blank"在新的窗口打開鏈接
  -->
  <a  target="_blank">點我呀</a>
  <a href="HTML初識.html" target="_blank">別點我</a>
  
  <!--img標簽，可以顯示一張圖片，顯示的圖片可以通過src屬性來設(shè)置，src可以設(shè)置網(wǎng)址（必須是張圖片）-->
  ![AKL](http://upload-images.jianshu.io/upload_images/3523104-51e6f9cea4e49b1d.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
  <!--src的也可以設(shè)置本地圖片。
   相對路徑：從本HTML文件的位置開始查找，向下就寫/  ，向上就是..
   絕對路徑：從根目錄（硬盤）開始查找，一般不常用，絕對路徑在移植代碼的時候容易出現(xiàn)BUG（路徑不一致。）
  -->
  <!--alt 文本替代方案，當圖片加載失敗之后可以顯示alt里面的文字-->
  [站外圖片上傳中……(2)]
    </body>
</html>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容