HTML（基礎）
元素：從開始標籤到結束標籤的所有代碼
屬性：爲元素提供附加信息，以名稱/值對的形式出現
標籤分爲
- 圍堵標籤
- 自閉和標籤
注意：本節筆記：圍堵標籤名稱用開始標籤表示，自閉和標籤用**<標籤名/>**表示
註釋方式：<!-- 這是一段註釋 -->
文件標籤
<html>html文檔的根標籤<head>頭標籤<metal/>用於方便瀏覽器解析或搜索引擎搜索<link/>引用外部樣式表- href：外部樣式表路徑
<title>標題標籤<body>體標籤<!DOCTYPE html>html5中定義該文檔是html文檔
常用的文本標籤
<h1> to <h6>標題標籤，h1~h6:字體大小逐漸減小- align ：對齊方式
<p>段落標籤<br/>換行標籤<hr>展示一條水平線<font>字體標籤<center>文本居中
圖片標籤
<img/>展示圖片- src：指定圖片位置
- title：鼠標懸停時提示文字
- width：圖片寬度
- height：圖片高度
- alt ：如果圖片無法顯示，則顯示這些文字
列表標籤
<ol><li>有序列表<ul><li>無序列表<dl><dt><dd>定義列表 ，是標題與列表項的結合
超鏈接標籤
-
<a>超鏈接-
href:指定訪問資源的URL
-
target:指定打開資源的方式：
- _self:默認值，在當前頁面打開
- _blank:在新建頁面打開
-
name:錨，用來創建直接跳至本頁面某一節的鏈接
-
塊級標籤與內聯標籤
<div>每一個<div>的內容沾滿一行，塊級標籤<span>文本信息在一行內展示，內聯標籤
表格標籤
-
<table>定義表格- width：寬度
- border：邊框
- cellPadding：定義內容和單元格之間的距離
- cellspacing：定義單元格之間的距離
-
<tr>定義行- bgcolor：背景顏色
- align：對齊方式
-
<td>定義單元格-
colspan：合併列
-
rowspan：合併行
-
-
<th>定義表頭單元格 -
<caption>表格標題 -
<thead>表示表格的頭部分 -
<tbody>表示表格的體部分 -
<tfoot>表示表格的腳部分
表單標籤
<form>用於收集用戶信息輸入- action：定義在提交表單時執行的動作
- method：規定在提交表單時所用的 HTTP 方法
- GET：默認值，表單數據在頁面地址欄中是可見的
- POST：頁面地址欄中被提交的數據是不可見的，更安全
<input/>根據type屬性值不同，有不同作用-
type
- text：定義常規文本輸入框
- password：定義密碼框
- radio：定義單選按鈕
- checkbox：定義複選框
- button：定義按鈕
- submit：提交表單
- file：多用於文件上傳
-
value：該元素的初始值
-
checked：按鈕是否被選中
-
placeholder：爲文本框提示用戶輸入
-
required：規定文本框不能爲空
-
pattern：輸入的內容必須符合自定義的正則表達式
-
<select>定義下拉列表<option>定義待選擇的選項<textarea>多行文本域，不能用value賦初始值- name：標識名
- cols：顯示的列數
- rows：顯示的行數
多媒體標籤
<video>視頻標籤
-
src：提供視頻路徑
-
controls：提供播放暫停和音量控件
- autoplay：自動播放
- loop：循環播放
<source/>用於鏈接不同的視頻文件，瀏覽器會自動選擇第一個可識別的格式
- src：提供視頻路徑
<audio>音頻標籤，屬性與<video>一樣
框架標籤
<iframe>方便在頁面中引用站外的頁面內容- name：此框架的標識名
- src：引用的頁面地址
顯示代碼標籤
<kbd定義鍵盤輸入文本<samp>定義計算機輸出<code>定義編程代碼（不保留空格和空行）<pre>在<code>裏使用，定義預格式化文本，保留代碼的空格