本次我們著重講標簽，開講
排版標簽
注釋標簽
<!–注釋–>
換行標簽
</br>
段落標簽
<p>文本文字</p>
特點：段與段之間有行高
屬性：align對齊方式（left：左對齊 center：居中 right：右對齊）
水平線標簽
<hr/>
屬性:
- width：水平線的長度(兩種:第一種:像素表示；第二種，百分比表示)
- size: 水平線的粗細 (像素表示，例如：10px)
- color: 水平線的顏色
- align:水平線的對齊方式(left：左對齊 center：居中 right：右對齊)
容器標簽
<div></div>:塊級標簽，獨占一行，換行；主要是結合css頁面分塊布局<span></span>:行級標簽，所有內容都在同一行作用；進行友好提示資訊
標題標簽
在網頁中使用標題標簽可以使網頁更具有語意化，HTML一共有標題標簽一共有六個等級，數字越大，文字越小
<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6>
例如：
博主GT
高產勝似母豬
瀏覽一下
點個贊
評論一句
關注我
串列標簽
容器里面裝載著文字或圖表的一種形式，叫串列，
串列最大的特點就是 整齊 、整潔、 有序
無序串列
<ul>
<li>關注我</li>
<li>點個贊</li>
<li>評個論</li>
</ul>
例如：
- 關注我
- 點個贊
- 評個論
有序串列
<ol>
<li>關注我</li>
<li>點個贊</li>
<li>評個論</li>
</ol>
例如：
- 關注我
- 點個贊
- 評個論
定義串列
<dl>
<dt>名詞一</dt>
<dd>名詞一解釋一</dd>
<dd>名詞一解釋二</dd>
<dt>名詞二</dt>
<dd>名詞二解釋一</dd>
<dd>名詞二解釋二</dd>
</dl>
例如：
-
名詞一
- 名詞一解釋一
- 名詞一解釋二 名詞二
- 名詞二解釋一
- 名詞二解釋二
圖片標簽
獨立標簽
屬性：
src：圖片地址： 相對路徑 （同一個網站） 絕對路徑 （不同網站）
width:寬度height:高度border:邊框align:對齊方式，代表圖片與相鄰的文本的相當位置（有三個屬性值：top middle bottom）
alt:圖片的文字說明hspace 和 vspace 設定圖片邊沿上下左右空白，以免文字或其它圖片過于貼近
鏈接標簽
<a href="鏈接地址"></a>
例如跳轉我的首頁：
GT
超鏈接可以是文本，也可以是一幅影像，您可以點擊這些內容來跳轉到新的檔案或者當前檔案中的某個部分，（不僅可以創建文本超鏈接，在網頁中各種網頁元素，如影像、表格、音頻、視頻等都可以添加超鏈接）文本或圖片
屬性：
href:跳轉頁面的地址(跳轉到外網需要添加協議)；
name:名稱，錨點(回到錨點: 頂部，底部，中間)，在訪問錨點的書寫格式:#name的值
target:_self(自己) _blank(新頁面，之前頁面存在) _
__parent top 默認
self_search相等于給頁面起一個名字，如果再次打開時，如果頁面存在，則不再打開新的頁面，可以是任意名字，
如果當時沒有確定鏈接目標時，通常將鏈接標簽的href屬性值定義為“#”(即href="#")，表示該鏈接暫時為一個空鏈接，
base標簽
base 可以設定整體鏈接的打開狀態
錨點定位
通過創建錨點鏈接，用戶能夠快速定位到目標內容， 創建錨點鏈接分為兩步：
- 使用a href=”#id名>“鏈接文本"創建鏈接文本
- 使用相應的id名標注跳轉目標的位置
字體標簽
<font></font>
屬性：
- size:設定字體大小
- color:設定字體顏色
- face:設定字體
表格(table,tr,td)
表格的屬性：
- border:邊框的寬度
- bordercolor:邊框的顏色
- cellspacing:單元格的邊距
- width:寬度
- height:高度
使用方式：
<table><!--定義表格-->
<tr><!--定義表格中的一行，有多少對就表明有多少行-->
<th>姓名</th>
<th>性別</th>
<th>年齡</th><!--有多少對就表明有多少列(此處定義表頭)-->
</tr>
<tr>
<td>GT</td><!--有多少對就表明有多少列(此處定義每一列的單元格)-->
<td>男</td>
<td>24</td>
</tr>
</table>
例如：
| 姓名 | 性別 | 年齡 |
|---|---|---|
| GT | 男 | 24 |
合并單元格
- 跨行合并 rowspan
- 跨列合并 colspan
合并單元格的思想：
? 將多個內容合并的時候，就會有多余的東西，把它洗掉， 例如 把 3個 td 合并成一個， 那就多余了2個，需要洗掉，
? 公式： 洗掉的個數 = 合并的個數 - 1
代碼演示：
<table>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
<tr>
<td colspan="2">GT-男</td> <!--colspan演示跨列-->
<td rowspan="2">24</td><!--rowspan演示跨行-->
</tr>
<tr>
<td>FY</td>
<td>男</td>
</tr>
</table>
效果如下：
| 姓名 | 性別 | 年齡 |
|---|---|---|
| GT-男 | 24 | |
| FY | 男 | |
表格小結：
- 表格提供了HTML 中定義表格式資料的方法
- 表格中由行中的單元格組成
- 表格中沒有列元素，列的個數取決于行的單元格個數
- 表格不要糾結于外觀，那是CSS 的作用
文本格式化標簽
有點繁多，咱直接上代碼
<b>定義粗體文本</b>
<big> 定義大號字</big>
<em> 定義著重文字</em>
<i> 定義斜體字</i>
<small> 定義小號字</small>
<strong> 定義加重語氣</strong>
<sub> 定義下標字</sub>
<sup> 定義上標字</sup>
<ins> 定義插入字</ins>
<del> 定義洗掉字</del>
老樣子，看演示：
定義粗體文本
定義大號字
定義著重文字
定義斜體字
定義小號字
定義加重語氣
定義下標字
定義上標字
定義插入字
定義洗掉字
老T有些累了，今天的學習到此結束，下次更新主要講表格，希望能對大家有所幫助！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/266685.html
標籤：其他