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

對文字的格式化元素：
<b>:定義粗體文本
<i>:定義斜體文本
<em>:定義強調文本
<strong>:定義粗體文本，與<b>基本類似，不過改行的行間距較大
<sup>:定義上標文本
<sub>:定義下標文本
<bdo>:定義文本顯示方向，可以指定dir屬性，可以是ltr或者rtl

語義相關元素
<abbr>:用于表示一個縮寫，<abbr title=“瘋狂講義”></abbr>
<address>:用于表示一個地址，該處的地址顯示會使用斜體字
<blockquote>:用于定義一段長的引用文本
<q>:用于定義一段短的引用文本，自動添加引號
<cite>:用于表示作品的標題，會使用斜體字顯示
<code>:用于表示一段計算機代碼
<dfn>:用于定義一個專業術語，會使用粗體或者斜體字顯示
<del>:定義被刪除的文本
<ins>:定義插入的文本
<pre>:所有的空格，回車，TAB鍵和其他字符都會被保留下來
<samp>:用于定義示范文本內容
<kbd>:定義鍵盤文本
<var>:定義一個變量，使用斜體字顯示

超鏈接或者錨點
href屬性:用于表示超鏈接所關聯的另一個資源
target屬性:四個值:_self,_blank,_top,_parent分別表示自身，新窗口，頂層框架，父框架來裝載新資源
media屬性:指定目標所使用的媒體類型

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

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

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

框架相關元素
<iframe>:用于在普通html頁面中生成一個內聯框架

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

文檔結構元素
<article>:用來表示一篇文章，是一片獨立的文檔內容。
<section>:對頁面的內容進行分塊
<nav>:定義導航條
<aside>:定義當前頁面或當前文章的附屬信息
<header>:定義頭部信息
<hgroup>:主要為了組織h1~h6這樣的標題元素
<footer>:定義腳注部分
<figure>:表示一塊獨立的圖片區域，內部可以包含多個img所表示的圖片
<figcaption>:定義在figure內部，來表示圖片區域的標題

轉載于:https://www.cnblogs.com/likaopu/p/5143443.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。