行級元素:行內元素寬高自動設置(設置了寬高也不起作用),併排顯示 <a>.................</a>:鏈接 <abbr>...... </abbr>:縮寫 <b>.................</b>:加粗 <q>.................</q> : 短引用 <i>... ...
行級元素:行內元素寬高自動設置(設置了寬高也不起作用),併排顯示
<a>.................</a>:鏈接
<abbr>...... </abbr>:縮寫
<b>.................</b>:加粗
<q>.................</q> : 短引用
<i>......................</i> :斜體
<u>...................</u> :下劃線
<br/> : 換行
<del>.....</del> :刪除線
<code>.....</code> : 電腦代碼(在引用源碼的時候需要)
<strong>.....</strong>:加粗
<img> :圖片
<sup>.....</sup>:上標
<sub>.....</sub>:下標
<input>.....</input>:文本框
<textarea>.....</textarea>:多行文本
<select>....</select>:下拉列表
<span>....</span> :通過span可以自定義效果樣式
塊級元素:獨占一行(當內容占滿一行時,會自動添加下一行)
<header>.....</header> : 某個區域頭部 <nav>................</nav> :導航欄 <article>........</article> : 一個整體的一部分信息 <section>.....</section> : 表示右邊的側邊欄 <aside>...........</aside> : 周圍相關主題附加信息 <footer>..........</footer> : 某個區域的腳註<h1></h1> :一級標題
<h2></h2> :二級標題
<h3></h3> :三級標題
<h4></h4> :四級標題
<h5></h5> :五級標題
<h6></h6> :六級標題
<hr/> :水平分割線
<pre></pre> :預設文本格式化
<blockquote> </blockquote> :段落縮進,前後5個字元
<marquee></marquee> :滾動文本
<ul>.....</ul> :無序列表
<ol>.....</ol> :有序列表
<dl>.....</dl> :定義列表
<p>.....</p> : 段落
<div>.....</div> :
<table></table> : 表格
<form></form> : 表單
附加學習內容(下麵都是實用塊級,行級,行內塊級的轉換)
display:inline; 將某個元素轉換為行級元素
display:block; 將某個元素轉換為塊級元素
display:inline-block; 將某個元素轉換為行內塊元素