HTML--常用的元素,元素分類,分類區別?


一、簡介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元素。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM