<!--登錄窗口--
<div html' target='_blank'>class=”m-win”
<form action=”#” class=”m-login”
<fieldset
<legend登錄</legend
<input type=”text” value=”賬號”
<input type=”text” value=”密碼”
<button type=”submit” class=”u-btn”登錄</button
</fieldset
</form
</div
標(biāo)簽都是放在<尖括號里的,成對出現(xiàn),且是閉合的(開始&結(jié)束標(biāo)簽、自閉合標(biāo)簽)
// <標(biāo)簽內(nèi)容</標(biāo)簽
標(biāo)簽可以帶一個(gè)或多個(gè)屬性 // 寫法: 屬性名=”屬性值” 多個(gè)屬性用空格隔開
標(biāo)簽是可以嵌套的,閉合時(shí)要按照嵌套順序
<!--注釋:解釋說明&調(diào)試-- // 瀏覽器遇到注釋時(shí),會自動忽略注釋內(nèi)容
解釋說明:當(dāng)頁面的HTML結(jié)構(gòu)復(fù)雜或內(nèi)容較多時(shí),需要添加必要的注釋方便代碼閱讀和維護(hù);
調(diào)試:暫時(shí)注釋掉一些不必要的HTML代碼,從而預(yù)覽效果;
書寫規(guī)范:小寫、屬性值雙引號、嵌套縮進(jìn)(代碼清晰,便于維護(hù))
常用屬性(全局屬性):即對所有標(biāo)簽都有效的屬性
id屬性:規(guī)定了元素在頁面中的唯一標(biāo)識
class屬性:規(guī)定了元素的類名,頁面中具有統(tǒng)一功能或樣式的元素可以使用
style屬性:規(guī)定了元素的樣式,可以在style屬性中直接寫CSSyangshi_10628_1.html' target='_blank'>CSS樣式,但結(jié)構(gòu)和表現(xiàn)混合,不利于維護(hù);
title屬性:規(guī)定了元素的一些額外信息,鼠標(biāo)移動到元素上就會顯示這些信息,如顯示不全的內(nèi)容或解釋圖表含義;
// id與class的區(qū)別:同一個(gè)class在頁面中可出現(xiàn)多次,而id只能出現(xiàn)一次;
行級元素 & 塊級元素
行級元素:(默認(rèn)寬度)內(nèi)容寬度,(可否設(shè)置寬高)否,(起始位置)同行顯示
塊級元素:(默認(rèn)寬度)父元素寬度,(可否設(shè)置寬高)是,(起始位置)換行,即獨(dú)占一行
// 具體見,CSS-display 設(shè)置元素顯示方式
block(塊級元素) div,p,h1~h6,ul,form…
inline(行級元素) span,a,label,cite,em…
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選