前端全棧學習第三章

1.1?HTML?文件的基本結構

由最前面的文檔聲明標簽??及一個??內包含一個文檔頭標簽??和一個文檔主體標簽??組成

?? ???? ???? ???? ?? ?? ????

1.2 重要的標簽

1、??文檔類型聲明，確保瀏覽器按照最佳的相關規范進行渲染 2、頭部標簽，規定文檔相關的配置信息（元數據）包括文檔的標題，引用的文檔樣式和腳本等 3、 ?? ?? ????Anker ?? 在??元素內設置 ?元素內有鏈接 Anker 此時點擊該鏈接，會在新窗口中打開?https://example.com/#anchor?網頁地址

6.1?img?圖片標簽

1、用于定義一張圖片，屬于單標簽結果，它有兩個屬性，src?代表圖片的地址，alt?屬性代表當圖片無法顯示時的替代文本 2、圖片地址可以使用相對或絕對路徑 3、alt?屬性不要省略，目的是為了更好的兼容無圖瀏覽器 4、可設置?height?和?width?屬性來設置圖片的寬度和高度

示例

7.1 無序列表 (Unordered List)

1、使用?

?標簽定義無序列表，
• ?標簽定義列表項無序列表的含義是列表項內容沒有前后順序 2、ul?標簽上可使用?type?屬性定義圖形符號的樣式 屬性值為?disc?時，顯示為點 屬性值為?square?時，顯示為方塊 屬性值為?circle?時，顯示為圓

  效果如下：

• 列表項1
• 列表項2
• 列表項3

○? 列表項1

○? 列表項2

○? 列表項3

7.2 有序列表 (Ordered List)

1、使用?

?標簽定義有序列表，
1. ?標簽定義列表項有序列表的每一項有順序含義 2、有序列表的前綴通常為數字或者字母 3、ol?標簽上可使用?type?屬性定義編號的類型 ??a?表示小寫英文字母編號 ??A?表示大寫英文字母編號 ??i?表示小寫羅馬數字編號 ??I?表示大寫羅馬數字編號 ??1?表示數字編號（默認） 4、ul?標簽上可使用?start?屬性定義列表編號的起始值,?是一個整數值屬性

   效果如下：

   ??

2. 列表項1
??
3. 列表項2
??
4. 列表項3

d. 列表項1

e. 列表項2

f. 列表項3

7.3 自定義列表 (Definition List)

1、使用?

?標簽定義自定義列表，內部可有多個列表項 2、每個列表項用?

?定義標題 3、用?

?定義列表項

效果如下：

??

上海市

??

普陀區

??

浦東新區

??

靜安區

上海市

普陀區

浦東新區

靜安區

MDN HTML（超文本標記語言）

W3C HTML 系列教程

web前端

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。