3沒有語義的標籤

3、沒有語義的標籤(div、span)

HTML中大部分標籤都是具有語句的(有固定格式),有語義的標籤在使用時一定要注意不能亂用。還有一部分標籤是沒有語義的,沒有語義的標籤只用來進行頁面佈局。
3.1、div標籤
代碼:<div></div>
特點:div默認佔一整行,並且一行裏面只能顯示一個div。

3.2、span標籤
代碼:<span></span>
特點:span大小由內容來決定,並且一行裏面可以有多個span。
3沒有語義的標籤
4、前端三劍客
html---------------------用來確定頁面的結構(人的骨骼)
css-----------------------用來給頁面添加樣式(人的衣服):美化頁面
javascript--------------讓頁面動起來(人的行爲):實現頁面與服務器進行交互

5、認識CSS
css的存放位置:放在head標籤裏面的title標籤下面
所有CSS樣式代碼必須放在同一個標籤中
代碼:<style></style>
3沒有語義的標籤
在style標籤中寫入對應的樣式代碼
代碼:
<style type="text/css">
選擇器 {
屬性名1:屬性值2;
屬性名2:屬性值2;
……
}
</style>
3沒有語義的標籤
注意:
1、一個屬性名(鍵)對應一個屬性值(值),一般我們把這種對應關係代碼稱之爲鍵值對;
2、最後一個屬性值可以不加分號,但是不建議這麼寫;
3、在對應標籤內部是可以直接設置樣式的,但是實際開發不會這麼寫,一律將所有樣式寫在style裏面。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章