一、簡介HTML元素
HTML文檔是由HTML元素定義,HTML元素指的是從開始標簽(start tag)到結束標簽(end tag)的所有代碼。
開始標簽常常被稱為起始標簽(opening tag),結束標簽常常被稱為閉合標簽(closing tag)。
二、HTML元素語法
1.HTML元素以開始標簽起始,以結束標簽終止,例如:<p>這是一個段落</p>,注意“/”。
2.元素的內容是開始標簽和結束標簽之間的內容,例如:<p>這是內容</p>。
3.沒有內容的標簽被稱為空元素,空元素是在開始標簽中關閉的,例如:<br/>,這是一個換行標簽。
4.大多數HTML元素可以擁有屬性,這個屬性之后再詳細說明。
三、HTML元素分類
1.塊級元素:塊級元素是指本身屬性為display:block;的元素,因為它自身的特點,我們通常使用塊級元素來進行大布局、大結構的搭建。
2.行內元素(內聯元素):行內元素是指本身屬性為display:inline;的元素,因為它自身的特點,我們通常使用行內元素來進行文字、小圖標、小結構的搭建。
四、塊級元素和行內元素的區別
塊級元素 | 行內元素 |
本身屬性為display:block; | 本身屬性為display:inline; |
獨占一行,每一個塊級元素都會從新的一行重新開始,從上到下排布 | 和其他行內元素從左到右在一行顯示 |
可以直接控制寬度、高度等其他相關css屬性,例如(padding系列,margin系列) | 不可以直接控制寬度、高度等其他相關css屬性,但是可以直接設置內外邊距的左右值。 |
在不設置寬度的情況下,塊級元素的寬度是它父級元素內容的寬度 | 行內元素的寬高是由本身內容大小決定的(文字、圖片等)。 |
在不設置高度的情況下,塊級元素的高度是它本身內容的高度 | 行內元素只能容納文本或者其他行內元素,不能嵌套塊級元素 |
五、常用的HTML元素
標簽不區分大小寫,但是推薦使用小寫 ,(X)HTML 版本中強制使用小寫,這樣更加嚴謹
塊級元素 | 描述 | 行內元素 | 描述 |
div | 常用的塊級容器 | span | 常用的行內元素,定義文本內區塊 |
h1~h6 | 主標題、二級子標題、三級子標題..... | a | 錨點、超鏈接 |
hr | 水平分割線 | b | 文字內容加粗 |
menu | 菜單列表 | strong | 文字內容加粗強調 |
ol | 有序列表 | i | 文字內容斜體 |
ul | 無序列表 | em | 文字內容斜體強調 |
li | 列表項 | br | 強制換行 |
dl | 定義列表 | input | 文本輸入框 |
table | 表格 | textarea | 多行文本輸入框 |
p | 段落 | img | 引入圖片 |
form | 交互表單 | select | 下拉列表 |
2019.06.27 22:11
明日任務:
1.編寫HTML代碼常見錯誤以及解決方法?
2.<head></head>都可以放什么,什么作用?
3.新建網頁,練習HTML元素。