標籤:內容 收錄 筆記 項目 tab 空格 連結 href 實現
html網頁結構
<!DOCTYPE html> 版本申明
<html>
<head></head>頭部標籤
<body></body>主體內容標籤
</html>
html標籤大多成對出現
常用標籤學習:
<p></p>段落標籤 使用效果:顯示一段文字,不能分段,能空格,但只能空一個字元位置。
<pre></pre>預格式文本 使用效果:顯示多段文字,能分多段,能空多格。
空格標籤 使用效果:一個標籤代表一個空格,能在<p>標籤中使用
<hr/>水平線標籤(單標籤) 使用效果:顯示一條水平線,可根據color、width、size、align屬性設定外觀(老師說所有能設定更改標籤外觀的屬性都不用去設定,統一在css中設定)。
<h1></h1>......<h6></h6> 標題標籤 使用效果:字型大小的變化h1最大,h6最小(老師說設定這個標籤比其他普通標籤有權重加分,易被收錄)。
<b></b> 字型加粗
<u></u>字型加底線
<s></s>字型加刪除線
<sub></sub>下標 <sup></sup>上標 用途:一般用於數學公式
<ol><li></li></ol> 有序列表 使用效果:使資料按照一定順序排列,可根據type屬性更改以什麼方式排列(可嵌套無序列表使用)。
<ul><li></li></ul> 無序列表 使用效果:資料排列沒有順序(可嵌套使用)。
<dl> 定義列表 使用效果跟有序列表和無序列表類似(老師說雖然效果看著差不多,但是<dl>更具有語義化)。
<dt></dt>需要定義說明的項目
<dd></dd>對項目進行描述
</dl>
<table> 表格 使用效果:在網頁中插入一張表格,可通過,<tr><td>來增加行列(老師說也可以用來布局做架構,但現在通常用<div>)。
<tr><td></td><td></td></tr>三行兩列,其中<td>有colspan跨列和rowspan跨行屬性。
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>
<a></a> 超連結標籤 使用效果:通過href屬性設定網頁連結,實現跳轉頁面。
html學習筆記一