HTML第二小節(jié)

一、列表標(biāo)簽

1、無序列表:ul--li

2、有序列表:ol--li

備注:ul和ol中間不能嵌套標(biāo)簽,li中間可以嵌套標(biāo)簽。

3、自定義列表:dl--dt--dd

二、表格標(biāo)簽

table-----tr(行)-----td(單元格)

thead-----表格的頭部 ?th---表格的標(biāo)題

tbody-----表格的內(nèi)容

單元格的合并聯(lián) rowspan:一個(gè)單元格占用兩行進(jìn)行顯示

?colspan:將一行中的一個(gè)單元格占用兩個(gè)列進(jìn)行顯示。

三、節(jié)標(biāo)簽

Div標(biāo)簽-------塊級(jí)標(biāo)簽:獨(dú)占行

span標(biāo)簽------行級(jí)標(biāo)簽:可以和其他的行內(nèi)標(biāo)簽共用一行

塊:p,div,ul,ol,dl,li,dt,h1-h6

行:span,strong,em,文本相關(guān)的標(biāo)簽都是行內(nèi)標(biāo)簽

四、表單標(biāo)簽

Form:包裹標(biāo)簽 action:# ? 指向后臺(tái)地址屬性

Input:文本框、單選按鈕、多選按鈕、提交的按鈕、按鈕、重置的按鈕

<input type="text">

<input type="radio"> 單選

?<input type="checkbox"> 多選

<input type="submit" value="提交"> 提交的按鈕

<input type="button" value="普通按鈕">

<input type="reset" value="重置">

lable標(biāo)簽,for屬性指向要提供服務(wù)的標(biāo)簽的id值。

lable直接包裹標(biāo)簽,可以實(shí)現(xiàn)點(diǎn)擊標(biāo)簽的文字內(nèi)容,讓包裹的表單標(biāo)簽獲得焦點(diǎn)。

Select:下拉列表,列表。 Multiple,單屬性

Option設(shè)置我們的列表的選項(xiàng)。

Textarea文本域標(biāo)簽:當(dāng)輸入大量的文本的時(shí)候需要使用文本域標(biāo)簽。

Cols設(shè)置文本域可以輸入多少列字符,寬度。

Rows設(shè)置文本域可以輸入多少行字符數(shù),高度。

Fieldset標(biāo)簽

Legend,組合標(biāo)簽的標(biāo)題。

內(nèi)聯(lián)框架標(biāo)簽

iframe標(biāo)簽,現(xiàn)在不建議使用,都用DIV。

其他的補(bǔ)充標(biāo)簽

meta標(biāo)簽:網(wǎng)站SEO,關(guān)鍵詞和描述,對(duì)網(wǎng)頁沒有用,給搜索引擎用的。

link標(biāo)簽:引入CSS

script標(biāo)簽:引入JS

a標(biāo)簽補(bǔ)充:#錨定。 target屬性補(bǔ)充::blank _parent _self _top framename

base標(biāo)簽:設(shè)置當(dāng)前面頁所有的超級(jí)鏈接屬性。

特殊字符標(biāo)記



HMTL:

1、網(wǎng)頁結(jié)構(gòu):HTML

常用的標(biāo)簽:Div、span、strong、em、table、tr、td

Ul、li、ol、dl、dt、dd

Input ?select ?textarea lable form fielset

2、CSS,描述樣式

3、JavaScript,實(shí)現(xiàn)頁面交互的效果。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 高級(jí)標(biāo)簽 列表標(biāo)簽 無序列表 unorder list 沒有順序的標(biāo)簽列表 北京 上海 杭州 有序列表 order...
    alienskywalk閱讀 316評(píng)論 0 7
  • 內(nèi)聯(lián)框架 會(huì)破壞網(wǎng)站的seo,不建議使用,是行內(nèi)標(biāo)簽,可以多個(gè)用在同一行. meta標(biāo)簽 網(wǎng)站SEO 關(guān)鍵詞和描述...
    alienskywalk閱讀 375評(píng)論 0 1
  • 1. 快捷鍵 ctrl+{ 進(jìn)行左縮進(jìn) ctrl+} 進(jìn)行右縮進(jìn) 2.table 代表整個(gè)單元格 tr代表一整...
    becauseyou_90cd閱讀 564評(píng)論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,199評(píng)論 1 92
  • 列表標(biāo)簽: 無序列表:ul 語法:(下圖) 注: … 標(biāo)記表示這一個(gè)無序列表的開始與結(jié)束,而 則表示這是一個(gè)列表項(xiàng)...
    顯然2017閱讀 803評(píng)論 1 2

友情鏈接更多精彩內(nèi)容