<meta>標籤
阿新 • • 發佈：2022-03-05
<!DOCTYPE html> <!-- html語言是解釋型語言,不是編譯型 --> <!-- html頁面中由一對標籤組成：<html></html> <html>稱為開始標籤 </html>稱為結束標籤 --> <html> <head> <!-- meta標籤中設定編碼方式 --> <meta charset="utf-8"> <!-- 網頁的標題 --> <title>標題</title> <!-- 控制div --> <style type="text/css"> div{ width: 200px; height: 200px; position: absolute;<-- 讓其他的div在下一個下 --> } #div1{ background-color: #ABC; } #div2{ background-color: #BBC; left: 100px; top: 1200px; } #div3{ background-color: #CBC; left: 200px; top: 1300px; } </style> </head> <body> Hello World! <!-- <br/>表示換行，br標籤是一個單標籤 --> <!-- 單表籤：開始標籤和結束標籤是同一個，斜槓放在單詞後面 --> <br/> 你好，世界！<!-- p表示段落標籤 --> <p>第一段內容</p> <p>第二段內容</p> <!-- 圖片標籤 --> <!-- src屬性表示圖片檔案的路徑 width和height表示圖片的大小 alt表示圖片的提示 --> <!-- 路徑的問題 1.相對路徑imgs\Male.gif 2.絕對路徑D:\web\imgs\Male.gif --> <img src="D:\web\imgs\Male.gif" width="57" height="57" alt="這裡是一張圖片"/> <!-- 最小到h6 --> <h1>標題一</h1> <h2>標題二</h2> <h3>標題三</h3> <h4>標題四</h4> <h5>標題五</h5> <h6>標題六</h6> <!-- <h7>標題七</h7> <h8>標題八</h8> --> <!-- 列表標籤 --> <!-- ol有序列表 --> <!-- start表示從*開始 type 顯示的型別:1(default) A a I i --> <ol > <li>一</li> <li>二</li> <li>三</li> <li>四</li> </ol> <ol type="A" start="3"> <li>一</li> <li>二</li> <li>三</li> <li>四</li> </ol> <!-- ul無序列表 --> <!--type 顯示的型別:disc(default) circle square--> <ul> <li>一</li> <li>二</li> <li>三</li> <li>四</li> </ul> <ul type="square"> <li>一</li> <li>二</li> <li>三</li> <li>四</li> </ul> <!-- 字型 --> <!-- u 下劃線 b 加粗 i 斜體 --> 你還差的遠呢 <br /> <b>你還差的遠呢!</b> <br /> <i>你還差的遠呢!</i> <br /> <u>你還差的遠呢!</u> <br /> <b><i><u>你還差的遠呢!</u></i></b> <br /> <!-- 上標 sup 下標 sub --> 水分子化學式：H<sub>2</sub>O <br /> 氧氣的化學式：O<sup>2</sup> <br /> <!-- HTML中的實體 --> <!-- 小於號 < 大於號 > 大於等於號 ≥ 小於等於號 ≤ 註冊商標 ® 版權符號 © 僅隨意例舉幾個";"不能漏寫 --> 5<10 10>5 5≤10; 10≥5 註冊商標 ® 版權符號 © <!-- span --> <!-- 不換行的塊標籤 --> <!-- 光寫span是沒什麼意義的,用span圍起來做特殊處理 --> <span>我</span>是帥哥 <br /> <!-- 超連結 --> <!-- href 連結的地址 target: _self 在本視窗開啟 _blank 在一個新視窗開啟 _parent 在父視窗開啟 _top 在頂層視窗開啟 --> <a href="http://www.baidu.com">超連結</a> <!-- div 層 --> <!-- 通過id在<head><style type="text/css">***</type></head>的***裡控制 --> <div id="div1">div1</div> <div id="div2">div2</div> <div id="div3">div3</div> </body> </html>