第一章 Html的基本標籤

格式
  1. <html>
  2. <head><title></title></head>
  3. <body>
  4. </body>
  5. </html>
解決亂碼問題
   簡體中文:gb3212
   繁體中文:big5
   純英文網頁:ios-8859-1
我們一般用 utf-8編碼解決中文亂碼問題
在head之間 Content-Type表示內容類型
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
keywords表示關鍵字,方便百度這類的爬蟲引擎方法根據關鍵字搜索到
  1. <meta http-equiv="keywords" content="購物,商品,電商" />
refresh 表示刷新 後面的2 表示2秒
  1. <meta http-equiv="refresh" content="2" />

<!--  -->這是註釋標籤,是瀏覽器不會對註釋標籤進行解釋



1、body標籤
    <body></body>
   屬性主要使用bgcolor背景顏色、background背景圖片
    如果這兩個屬性同時使用,背景圖片將會覆蓋掉背景顏色

2、標題標籤
    <h1></h1>  .....<h6></h6> 字體大小逐步減小,字體加粗,上下有空行

3、換行標籤        <br />
空格標籤        &nbsp;
其他特殊符號包含html的關鍵字使用&實現轉義
    如 < 用 &lt;表示     > 用&gt;表示

   標籤與標籤可以嵌套使用,但是不能在一個標籤沒有結束時交錯其他未結束的標籤

4、font標籤----H5已經不使用
       用來修飾字體的大小和顏色

5、加粗標籤     <b></b>
6、刪除線標籤    <del></del>
7、下劃線標籤     <u></u>
8、段落標籤        <p></p>
        上下有空行
9、圖片標籤    <img src="" />
       alt  表示圖片資源未找到的提示信息
       title表示鼠標懸停時的提示信息
10、分割線標籤        <hr />  size 粗度    with 寬度    color顏色
11、列表標籤        <li></li>
12、無序列表標籤        <ul></ul>
13、有序列表標籤        <ol></ol>
            這兩個標籤是結合<li></li>使用的, type 前面的符號
14、超鏈接標籤        <a></a>
        可以跳轉到內部或者外部的地址
        郵件的跳轉發送
  1. <a href="mailto:[email protected]">聯繫我們</a>
        跳轉至錨點 
               設置錨點
  1. <a name="star">明星演唱會</a>
                跳轉到錨點
  1. <!--內部的錨點跳轉-->
  2. <a href="#star">跳轉至明顯演唱會位置</a><br />
  3. <!--外部的錨點跳轉,需要在#前面加上文件名-->
  4. <a href="demo2.html#point">跳轉至demo2的錨點</a><br />


15、滾動標籤        <marquee></marquee>
        屬性 direction 滾動的方向    scrolldelay 滾動的速度
        οnmοuseοver="this.stop()"    鼠標放在上面,停止滾動
        onmouseout ="this.start()"     鼠標移開,開始滾動
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章