1.常見的標(biāo)簽
1. 標(biāo)題標(biāo)簽 h1~h6
- h1 一級標(biāo)題
- h2 二級標(biāo)題
- h3 ...更弱的標(biāo)題
2. 段落標(biāo)簽 p
ps:換行標(biāo)簽為< br> 和段落標(biāo)記的段間距不同
3. 鏈接標(biāo)簽 a
- <a href="鏈接地址">這是一個鏈接</a>
4. 圖片標(biāo)簽 img
5. 分塊標(biāo)簽 div
- <div id="這一大塊">...</div>
6. 無序列表 ul
- <ul>
? <li>Coffee</li>
? <li>Tea</li>
? <li>Milk</li>
</ul>- 可以嵌套
7. 有序列表 ol
- <ol>
? <li>把大象變小</li>
? <li>打開冰箱</li>
? <li>把大象塞進(jìn)去</li>
</ol>- 也可以嵌套
8. 展示一系列“標(biāo)題:內(nèi)容...”的場景 dl dt dd
- <dl>
? <dt>商品介紹:</dt>
? <dd>軟糖</dd>
? <dt>特性:</dt>
? <dd>表面平滑細(xì)膩</dd>
? <dd>糖體半透明</dd>
? <dt>口感:</dt>
? <dd>富有彈性</dd>
? <dd>入口綿軟</dd>
</dl>
9. 按鈕標(biāo)記 button
- <button>點(diǎn)我點(diǎn)我!</button>
10. 重要文本 b em strong
- <b>我是粗體文字</b>
- <em>我是強(qiáng)調(diào)文字</em>
- <strong>我是加強(qiáng)調(diào)文字</strong>
11. 嵌入一個界面iframe
- iframe 元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架(即行內(nèi)框架)情龄。
- <iframe src="鏈接" name="嵌入了一個這個頁面"> </iframe>
12. 展示表格 table
- 用于展示表格贺归,不要用來做布局 thead tbody tfoot可省略台猴,瀏覽器會自動添加 border-collapse: collapse;用于合并邊框
2. 注意
- 標(biāo)簽屬性全小寫
- 標(biāo)簽要閉合才写、自閉合標(biāo)簽可以省略 /
- 標(biāo)題里不能有段落驯用,段落里不能有標(biāo)題
- 關(guān)于路徑:""表示本地分隔符驼鞭,"/"表示網(wǎng)絡(luò)分隔符,因?yàn)榫W(wǎng)站制作好肯定是在網(wǎng)絡(luò)上運(yùn)行的衫贬,因此要求使用"/"作為路徑分隔符德澈。