HTML中的常用元素與屬性
<hr>:定義一條水平線
<div>:定義文檔中的節(jié)，默認(rèn)換行
<span>:定義一個(gè)節(jié)，但不換行

對(duì)文字的格式化元素：
<b>:定義粗體文本
<i>:定義斜體文本
<em>:定義強(qiáng)調(diào)文本
<strong>:定義粗體文本，與<b>基本類(lèi)似，不過(guò)改行的行間距較大
<sup>:定義上標(biāo)文本
<sub>:定義下標(biāo)文本
<bdo>:定義文本顯示方向，可以指定dir屬性，可以是ltr或者rtl

語(yǔ)義相關(guān)元素
<abbr>:用于表示一個(gè)縮寫(xiě)，<abbr title=“瘋狂講義”></abbr>
<address>:用于表示一個(gè)地址，該處的地址顯示會(huì)使用斜體字
<blockquote>:用于定義一段長(zhǎng)的引用文本
<q>:用于定義一段短的引用文本，自動(dòng)添加引號(hào)
<cite>:用于表示作品的標(biāo)題，會(huì)使用斜體字顯示
<code>:用于表示一段計(jì)算機(jī)代碼
<dfn>:用于定義一個(gè)專業(yè)術(shù)語(yǔ)，會(huì)使用粗體或者斜體字顯示
<del>:定義被刪除的文本
<ins>:定義插入的文本
<pre>:所有的空格，回車(chē)，TAB鍵和其他字符都會(huì)被保留下來(lái)
<samp>:用于定義示范文本內(nèi)容
<kbd>:定義鍵盤(pán)文本
<var>:定義一個(gè)變量，使用斜體字顯示

超鏈接或者錨點(diǎn)
href屬性:用于表示超鏈接所關(guān)聯(lián)的另一個(gè)資源
target屬性:四個(gè)值:_self,_blank,_top,_parent分別表示自身，新窗口，頂層框架，父框架來(lái)裝載新資源
media屬性:指定目標(biāo)所使用的媒體類(lèi)型

列表相關(guān)的元素
<ul>:定義無(wú)序列表
<ol>:定義有序列表，可以指定以下三個(gè)屬性：start,指定列表的起始數(shù)字；type指定使用哪種類(lèi)型的編號(hào)(1表示數(shù)字，A或者a表示字母，I或者i表示羅馬數(shù)字)；reversed指定是否可以將順序反轉(zhuǎn)（目前不支持該屬性）
<li>:定義列表項(xiàng)目
<dl>:定義列表，只能包含dt,dd兩種子元素。
<dt>:定義標(biāo)題列表項(xiàng)
<dd>:定義普通列表項(xiàng)

圖像相關(guān)的元素
img下：
src屬性：指定圖片文件所在的位置
alt屬性：指定一段文本，作為該圖片的提示信息
height，weight屬性：定義圖片的高度和寬度，可選項(xiàng)。
<map>用于定義圖片的映射
<area>用于定義圖片映射的內(nèi)部區(qū)域：
shape屬性：指定該區(qū)域的內(nèi)部區(qū)域
coords屬性：指定多個(gè)坐標(biāo)值來(lái)確定區(qū)域位置
href屬性：確定該區(qū)域所連接的資源
alt屬性：指定一段文本，作為該圖片的提示信息
target屬性：與之前的target屬性一致
media屬性：與之前的media屬性一致

表格相關(guān)元素
<table>:用于定義表格
cellpadding指定單元格內(nèi)容和單元格邊框之間的間距
cellspacing指定單元格之間的間距
width指定表格寬度
<caption>:用于定義表格標(biāo)題
<tr>:定義表格行
colspan:指定該單元格跨多少列
rowspan:指定該單元格跨多少行
height,weight
<th>:定義表格頁(yè)眉的單元格,與<td>類(lèi)似，只是顯示不完全一樣,<th>所顯示的文字是居中的
<tbody>:定義表格的主體
<thead>:定義表格頭
<tfoot>:定義表格腳
其中，thead,tfoot,tbody,應(yīng)當(dāng)按照這樣的順序來(lái)編輯，并且，這三個(gè)只能在table下才能使用。

框架相關(guān)元素
<iframe>:用于在普通html頁(yè)面中生成一個(gè)內(nèi)聯(lián)框架

HTML5新增的通用功能
contentEditable屬性：如果是true則表示允許開(kāi)發(fā)者直接修改該html內(nèi)的元素
designMode屬性：相當(dāng)于一個(gè)全局的contentEditable屬性，默認(rèn)是off，如果設(shè)置為on，則所有可支持contentEditable屬性的元素都變成可編輯狀態(tài)（document.designMode=‘on’）
hidden屬性：若為true則表示該組件不顯示，也不會(huì)保留該組件所占用的空間。相當(dāng)于CSS中的display:none。
spellcheck屬性：為input,textarea等元素添加了spellcheck屬性，可以執(zhí)行輸入檢驗(yàn)

文檔結(jié)構(gòu)元素
<article>:用來(lái)表示一篇文章，是一片獨(dú)立的文檔內(nèi)容。
<section>:對(duì)頁(yè)面的內(nèi)容進(jìn)行分塊
<nav>:定義導(dǎo)航條
<aside>:定義當(dāng)前頁(yè)面或當(dāng)前文章的附屬信息
<header>:定義頭部信息
<hgroup>:主要為了組織h1~h6這樣的標(biāo)題元素
<footer>:定義腳注部分
<figure>:表示一塊獨(dú)立的圖片區(qū)域，內(nèi)部可以包含多個(gè)img所表示的圖片
<figcaption>:定義在figure內(nèi)部，來(lái)表示圖片區(qū)域的標(biāo)題

轉(zhuǎn)載于:https://www.cnblogs.com/likaopu/p/5143443.html

總結(jié)

以上是生活随笔為你收集整理的HTML笔记一，部分常用的元素与属性的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。