【筆記7】HTML及其常見標簽
時間：2023-07-25 00:36:01 | 來源：網(wǎng)站運營
時間：2023-07-25 00:36:01 來源：網(wǎng)站運營
【筆記7】HTML及其常見標簽：
概述：HTML（Hypertext Markup Language）是“超文本標記語言”，它是制作網(wǎng)頁的標準語言
它的標簽有四個特點：尖括號包圍；通常成對出現(xiàn)（有些不是，比如：<img />）；標簽層層嵌套；需要注意縮進。
歷史
- HTML 的版本（W3C 組織制定規(guī)范）：HTML 4.01 // XHTML // HTML 5 // HTML 5.1
- 規(guī)范文檔（Specifications）
由 W3C 寫文檔（李爵士）
W3C 根據(jù)瀏覽器的實際情況總結(jié)文檔 - DOCTYPE：用來選擇文檔類型
- 常見標簽：a、form、input、button、h1、p、ul、ol、small、strong、div、span、kbd、video、audio、svg（除了 div 和 span，其他標簽都有默認樣式）
HTML（5）文件結(jié)構(gòu)1. <!DOCTYPE html> //文檔類型：符合HTML5標準<html lang="en"> //lang屬性：搜索引擎en英文，zh中文<head> <meta charset="UTF-8"> //<meta>：元數(shù)據(jù)；charset屬性：字符集編碼方式；瀏覽器：UTF-8是國際編碼 <title> </title></head><body></body></html>2.字符集與編碼
字符(character)：文字，符號；比如123 abc !%@
字符集(charset)：字符的集合；比如英文字符集，漢字字符集等等
編碼：將字符和二進制碼對應(yīng)起來；比如a—01000001（ASCII）
3.亂碼問題
源文件保存時的編碼
源文件申明<meta charset="編碼方式">不一致，就會出現(xiàn)亂碼
HTML常見標簽iframe 標簽：嵌套頁面<iframe src="
https://www.baidu.com" name="xxx"></iframe>
1. 超鏈接a（文字超鏈接，圖片超鏈接，導航欄）
<a href="網(wǎng)址">文字或圖片</a>
2. 鏈接到本站點其他網(wǎng)頁
<a href="news.html">新聞</a>
3. 鏈接到其他站點
<a href="
http://www.baidu.com">百度</a>
4. 虛擬超鏈接
<a href="#">板塊2</a>
form 標簽：跳轉(zhuǎn)頁面（HTTP POST 請求）1.文本框，密碼框input
<form>
<input type="text/password"/>
</form>
2.提交，重置按鈕submit,reset
<form>
<input type="text"/>
<input type="submit" value="確定" />
<input type="reset" value="重置" />
</form>
3.單選框，復(fù)選框radio,checkbox
(單選框只能選擇一項，復(fù)選框任意選擇多項）
<form>
<input type="radio/checkbox"
value="值" name="名稱" checked="checked" />
</form>
4.下拉列表框select option
<select>
<option>選項1</option>
<option selected="selected">選項2</option>
</select>
5.文本域Textarea
<textarea roxs="行數(shù)" cols="列數(shù)">文本</textarea>
(input / button 區(qū)別：是否為「空標簽」)
table 標簽：用于展示數(shù)據(jù)1.表格table tr td
<table>
<tr>
<td>data</td>
</tr>
</table>
2.表格table th （表頭單元格：<th>）
<table border="1">
<tr> <th>文字</th> <th>文字</th> </tr>
<tr> <th>文字</th> <th>文字</th> </tr>
</table>
在線咨詢
