有序列表、無序列表和自定義列表

無序列表適合所有并列或沒有上下級關系的條目的顯示

有序列表適合有明確排序的條目的顯示

自定義列表更突出自定義標題

可以直接在 li 和 dd 中寫新的列表來嵌套

如何去除列表前的點或者數字

li{

list-style: none;

}

class和id的區別以及適用情況

class可以同時賦給多個標簽，使用.class定義樣式

id只能賦給單個標簽，使用#id定義樣式

只有在需要對某個特殊的標簽定義樣式時才用id

塊級元素和行內元素

塊級元素占用一整行空間，而行內元素占用它本身寬度的空間

行內元素可以并排顯示，而塊級元素不能

塊級元素：div，p，h1~h6，table，tr，ul，ol，dl，li，dt，form

行內元素：a，span，img，btn，imput，em，textarea

行內元素設置寬高無效，由它自身決定

行內元素左右padding和margin有效，但是上下padding和margin不占據空間，可用line-height調整上下高度

display: block，display: inline，display: inline-block分別有什么作用

display：block，作為塊級元素展示

display：inline，作為行內元素展示

display：inline-block，將對象作為行內元素，但是對象的內容作為塊級元素。旁邊的行內元素會被呈遞在同一行內(應用此特性的元素呈現為內聯元素，周圍元素保持在同一行，但可以設置寬度和高度等塊級元素的屬性)

讀代碼

頁面效果

頁面包含header，content，footer三個大div，每個打div包含一個wrap。header中wrap中有一個導航列表，content中wrap包含一個aside塊和一個main塊。wrap的樣式被定義為寬900px，上下margin為0，左右margin自動。可以看到只有content塊可以被wrap撐開(瀏覽器寬度小于900px時被wrap撐開，瀏覽器寬度大于900時同瀏覽器寬度)，而header和footer的寬度隨著瀏覽器寬度的變化而變化。

HTML語義化

選擇合適的標簽

使用合理的代碼結構

符合內容的命名方式

便于開發者閱讀，同時可以讓瀏覽器的爬蟲和機器更好地解析。

form表單的作用

用于向服務器提交用戶輸入的數據

input屬性

name=“#”，表單名稱，作用：用于獲取提交表單的某表單域信息， 作為可與服務器交互數據的HTML元素的服務器端的標示，瀏覽器會根據name來設定發送到服務器的request， 在表單的接收頁面只接收有name的元素, 所以賦ID的元素通過表單是接收不到值的。 我們可以在服務器端根據其Name通過Request.Params取得元素提交的值。在form里面，如果不指定name，就不會發送到服務器端。

type=“#”，表單類型(text，password(密碼)，radio(單選)，checkbox(復選，加checked屬性會默認選中)，hidden(隱藏域))

placeholder=“#”，表單為空時顯示的提示字符

value=“#”，表單初始值

maxlength=“#”，最大長度

post和get方式的區別

數據提交的方式不同，get提交的數據可以在url中看到，post看不到

get一般用于提交少量數據，post用于提交大量數據

get最多提交1k數據，受瀏覽器的限制；post理論上無限制，受服務器限制

get提交的數據在瀏覽器歷史記錄中，安全性不好

提交、提交、 三者有什么區別？

button不具有任何的跳轉功能

a標簽的href功能自帶跳轉功能

submit用于form表單提交，可以將表單內的所有內容發動至action中的地址

radio如何分組

radio為單選框，每次每個name只能提交一個數據，如需將幾個不同的數據放在同一個分組，只需將name定義成相同的。

1

2

3

4

type=hidden的作用

type=hidden時，用戶看不到這一項數據，可以用于安全驗證。如用戶請求頁面時產生一個隨機數，在用戶提交表單時比對提交的隨機數和產生的隨機數。

本教程版權歸饑人谷和作者所有，轉載須說明來源。

總結

以上是生活随笔為你收集整理的html4基础,HTML 基础 4的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。