簡介
Hyper Text Markup Language 超文本標記語言;用超鏈接的方法，將各種不同空間的文字信息組織在一起的網狀文本。
菜鳥教程: https://www.runoob.com/html/html-tutorial.html
常用概念
- html文檔后綴名 .html 或者 .htm
- 標簽種類
- 圍堵標簽：有開始標簽和結束標簽。如
<html> </html> - 自閉和標簽：開始標簽和結束標簽在一起。如
<br/>
- 圍堵標簽：有開始標簽和結束標簽。如
- 注釋:
<!-- 注釋內容 -->
常用標簽
<h6>：標題標簽，h1~h6:字體大小逐漸遞減；<p>： 段落標簽；<br>：換行標簽；<hr>：展示一條水平線；- 屬性
- color： 顏色
- width： 寬度
- size： 高度
- align： 對其方式
- center： 居中
- left： 左對齊
- right： 右對齊
- 屬性
<b>：字體加粗；<i>：字體斜體；<font>：字體標簽；<img>：圖片標簽；- 屬性
- src：指定圖片的位置
- align: 對齊方式
- alt： 占位
- width：寬度
- height：高度
- 屬性
<a>：定義一個超鏈接；- 屬性
- href：指定訪問資源的URL(統一資源定位符)
- target：指定打開資源的方式
- _self:默認值，在當前頁面打開
- _blank：在空白頁面打開
- 屬性
<div>：每一個div占滿一整行,塊級標簽；<span>：文本信息在一行展示，行內標簽 內聯標簽；<header>：頁眉；<footer>：頁腳；<table>：定義表格；width：寬度border：邊框cellpadding：定義內容和單元格的距離cellspacing：定義單元格之間的距離。如果指定為0，則單元格的線會合為一條bgcolor：背景色align：對齊方式
<tr>：定義行；bgcolor：背景色align：對齊方式
<td>：定義單元格；colspan：合並列rowspan：合並行
<th>：定義表頭單元格；<caption>：表格標題；<thead>：表示表格的頭部分；<tbody>：表示表格的體部分；<tfoot>：表示表格的腳部分；<header>：頁眉；<header>：頁眉；<form>：表單標簽；- 屬性
- action：指定提交數據的URL
- method：指定提交方式
- get:參數會在地址欄中顯示
- post：參數不會再地址欄中顯示
- 屬性
<input>：表單項標簽；- 屬性
- type：指定提交數據的URL
- text:文本輸入框，默認值
- placeholder：指定輸入框的提示信息，當輸入框的內容發生變化，會自動清空提示信息
- password:密碼輸入框
- radio：單選框
- checkbox：復選框
- file:文件選擇框
- hidden：隱藏域，用於提交一些信息
- submit：提交按鈕。可以提交表單
- submit：button
- image：圖片提交按鈕 src屬性指定圖片的路徑
- type：指定提交數據的URL
- 屬性
<label>：指定輸入項的文字描述信息；<select>：下拉列表；<option>: 子元素,指定列表項；
<textarea>：文本域；- 屬性
- cols：指定列數，每一行有多少個字符
- rows:默認多少行
- 屬性
特殊字符對照表
Gitee地址
HTML案例：https://gitee.com/zhuayng/FontEndBasis/blob/develop/HtmlBasis/new_file.html
表單案列: https://gitee.com/zhuayng/FontEndBasis/blob/develop/HtmlBasis/form_demo.html