一何荚、列表
列表是有三種形式
1.1無序列表
無序列表猪杭,用來表示一個列表語義,并且每個項目與項目之間是不分先后順序的
ul的英文unordered list “無序列表”
li的英文list item“列表項”
你會發(fā)現(xiàn)戒傻,我們學習的“組標簽”需纳,就是要么不寫艺挪,要寫就寫一組
北京
上海
深圳
廣州
也就是,當前的這個列表項li不能單獨的存在口蝠,必須包裹在ul標簽里面津坑,反過來說ul的“兒子”就是li
錯誤演示:沒有被ul標簽包裹疆瑰,默認沒有ul的語義,所以直接沒有排版
Ul標簽并不是給文字添加小圓點的寸五,而是給無序列表增加“語義”
Ul標簽實際應用的場景:導航條播歼,排版文章掰读,標題欄(ul放li,li是個容器級標簽烁试,什么都可以放)
ul的層級結(jié)構(gòu)(嵌套結(jié)構(gòu))
1.2有序列表
ordered list有序列表减响,用ol表示
瀏覽器會自動添加阿拉伯序號:
總結(jié):
ol與ul的定義是不同的:
1.有序和無序
2.當前都是列表項(li)被包裹
3.一般來說很少使用有序列表支示,基本都是使用無序列表
定義列表實際上一個組標簽,不過比較復雜促绵,出現(xiàn)三個標簽
dl表示definition? list定義列表
dt表示definition title定義標題
dd表示definition ?description定義表述次
表示的語義兩層:
1.是一個列表败晴,列出北京栽渴、上海,廣州
2.每個專有名詞都有自己的描述項
一個dt可以對應多個dd
京東最下方的列表
京東的下拉欄
二佛致、DIV和SPAN
2.1、DIV
DIV和span是非常重要的標簽感昼,div的語義是division“分割”罐脊;span的語義是“范圍、跨度”
Css課程中你將會知道宵溅,這二個標簽都是盒子模型最重要的標簽之一
中國主要的城市
Div在瀏覽器中上炎,默認是不會增加任何的效果改變的藕施,但是語義變了。
總結(jié):div中的所有元素是一個小區(qū)域裳食,div是一個容器級標簽诲祸,里面什么都可以存放而昨,甚至可以放div自己
2.2找田、SPAN
span表達“小區(qū)域、小跨度”的標簽躺孝,是一個文本級的標簽
Span里面只能存放圖片,文字惧眠,表單元素氛魁。Span不能存放p、h捶码、ul或链、dl、ol祈纯、div叼耙。
詳情參見代碼示例
2.4表單元素
表單就是收集數(shù)據(jù)的筛婉,就是讓用戶添加當前的數(shù)據(jù)
Form標簽
Form標簽里面action和method屬性,
在ajax課程:
action屬性表示的就是“表單提交到那里去”
method屬性表示是用什么HTTP(get入蛆、post)方式提交
Input表示“輸入”匆浙,指的是輸入一個小部件
Type表示:“類型”
Text表示“文本”首尼,指的是一個文本框的小部件
Password表示的是一個密碼框的小部件
Radio表示的是一個單選按鈕
Checkbox表示的是一個復選框
Button表示的一個按鈕
Submit表示一個提交按鈕言秸,默認沒有value屬性
Reset表示是一個重置按鈕
Selected表示是一個下拉框
Label表示的是綁定input里面的id迎捺,使input和label進行綁定