HTML第二小節(jié)

一、列表標簽

1、無序列表:ul--li

2、有序列表:ol--li

備注:ul和ol中間不能嵌套標簽,li中間可以嵌套標簽。

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

二、表格標簽

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

thead-----表格的頭部 ?th---表格的標題

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

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

?colspan:將一行中的一個單元格占用兩個列進行顯示。

三、節(jié)標簽

Div標簽-------塊級標簽:獨占行

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

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

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

四、表單標簽

Form:包裹標簽 action:# ? 指向后臺地址屬性

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

<input type="text">

<input type="radio"> 單選

?<input type="checkbox"> 多選

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

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

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

lable標簽,for屬性指向要提供服務的標簽的id值。

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

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

Option設置我們的列表的選項。

Textarea文本域標簽:當輸入大量的文本的時候需要使用文本域標簽。

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

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

Fieldset標簽

Legend,組合標簽的標題。

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

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

其他的補充標簽

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

link標簽:引入CSS

script標簽:引入JS

a標簽補充:#錨定。 target屬性補充::blank _parent _self _top framename

base標簽:設置當前面頁所有的超級鏈接屬性。

特殊字符標記



HMTL:

1、網(wǎng)頁結構:HTML

常用的標簽:Div、span、strong、em、table、tr、td

Ul、li、ol、dl、dt、dd

Input ?select ?textarea lable form fielset

2、CSS,描述樣式

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

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

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

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

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