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

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

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

自定義列表更突出自定義標(biāo)題

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

如何去除列表前的點(diǎn)或者數(shù)字

li{

list-style: none;

}

class和id的區(qū)別以及適用情況

class可以同時賦給多個標(biāo)簽，使用.class定義樣式

id只能賦給單個標(biāo)簽，使用#id定義樣式

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

塊級元素和行內(nèi)元素

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

行內(nèi)元素可以并排顯示，而塊級元素不能

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

行內(nèi)元素：a，span，img，btn，imput，em，textarea

行內(nèi)元素設(shè)置寬高無效，由它自身決定

行內(nèi)元素左右padding和margin有效，但是上下padding和margin不占據(jù)空間，可用line-height調(diào)整上下高度

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

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

display：inline，作為行內(nèi)元素展示

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

讀代碼

頁面效果

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

HTML語義化

選擇合適的標(biāo)簽

使用合理的代碼結(jié)構(gòu)

符合內(nèi)容的命名方式

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

form表單的作用

用于向服務(wù)器提交用戶輸入的數(shù)據(jù)

input屬性

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

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

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

value=“#”，表單初始值

maxlength=“#”，最大長度

post和get方式的區(qū)別

數(shù)據(jù)提交的方式不同，get提交的數(shù)據(jù)可以在url中看到，post看不到

get一般用于提交少量數(shù)據(jù)，post用于提交大量數(shù)據(jù)

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

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

提交、提交、 三者有什么區(qū)別？

button不具有任何的跳轉(zhuǎn)功能

a標(biāo)簽的href功能自帶跳轉(zhuǎn)功能

submit用于form表單提交，可以將表單內(nèi)的所有內(nèi)容發(fā)動至action中的地址

radio如何分組

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

1

2

3

4

type=hidden的作用

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

本教程版權(quán)歸饑人谷和作者所有，轉(zhuǎn)載須說明來源。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。