html+css入門知識點有哪些

這篇文章主要介紹“html+css入門知識點有哪些”，在日常操作中，相信很多人在html+css入門知識點有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”html+css入門知識點有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

 列表是什么,列表分為哪幾種？

HTML列表就是顯示列表使用的。列表分為無序列表，有序列表和定義列表3種

無序列表

無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進行標記。

無序列表始于 <ul> 標簽。每個列表項始于 <li>。

如下代碼：

<ul><li>Coffee</li><li>Milk</li></ul>

頁面上顯示如下

Coffee

Milk

這就是有無序列表，是以ul包含li的形式，默認每行前的符號是圓點，可以通過樣式表改為無、方塊，空心圓等。列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

有序列表

同樣，有序列表也是一列項目，列表項目使用數字進行標記。

有序列表始于 <ol> 標簽。每個列表項始于 <li> 標簽。

如下代碼：

<ol><li>Coffee</li><li>Milk</li></ol>

頁面上顯示如下

1. Coffee

2. Milk

定義列表

自定義列表不僅僅是一列項目，而是項目及其注釋的組合。

自定義列表以 <dl> 標簽開始。每個自定義列表項以 <dt> 開始。每個自定義列表項的定義以 <dd> 開始

<dl><dt>Coffee</dt><dd>Black
 hot drink</dd><dt>Milk</dt><dd>White cold 
drink</dd></dl>

頁面上顯示如下：

• Coffee

• Black hot drink

• Milk

• White cold drink

定義列表的列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。

列表標簽

圖像標簽（<img>）和源屬性（Src）

在 HTML 中，圖像由 <img> 標簽定義。

1)<img> 是空標簽，意思是說，它只包含屬性，并且沒有閉合標簽。

src源屬性,要在頁面上顯示圖像需要用到這個。src 指 "source"。源屬性的值是圖像的 URL 地址。

定義圖像的語法是：<img src="url" />

URL 指存儲圖像的位置。如果名為 "boat.gif" 的圖像位于 http://f2e.tming.net.cn 的 images 目錄中，那么其 URL 為 http://f2e.tming.net.cn/images/boat.gif。

瀏覽器將圖像顯示在文檔中圖像標簽出現的地方。如果你將圖像標簽置于兩個段落之間，那么瀏覽器會首先顯示第一個段落，然后顯示圖片，最后顯示第二段。

替換文本屬性（Alt）

alt 屬性用來為圖像定義一串預備的可替換的文本。替換文本屬性的值是用戶定義的。

<img src="boat.gif" alt="愛思資源網">

在瀏覽器無法載入圖像時，替換文本屬性告訴讀者她們失去的信息。此時，瀏覽器將顯示這個替代性的文本而不是圖像。為頁面上的圖像都加上替換文本屬性是個好習慣，這樣有助于更好的顯示信息，并且對于那些使用純文本瀏覽器的人來說是非常有用的。

<map>和<area>

<map>定義一個客戶端圖像映射。圖像映射指帶有可點擊區域的一幅圖像。

<area>標簽定義圖像映射中的區域，即帶有可點擊區域的圖像（注：在 HTML 中，<area> 沒有結束標簽；在 XHTML 中，<area>必須正確地關閉；）。

area 元素總是嵌套在 <map> 標簽中。

<img
 src="planets.jpg" border="0" usemap="#planetmap"alt="Planets" 
/><map name="planetmap" id="planetmap"><area shape="circle" 
coords="180,139,14"href ="venus.html" alt="" /><area 
shape="circle" coords="129,161,10"href ="mercur.html" alt="" 
/></map>

到此，關于“html+css入門知識點有哪些”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！