HTML標記語言，網頁製作的第一步。 什麼是HTML呢？查百度 基礎語法 常用標簽 HTML是超文本標記語言，HTML不用編譯，直接在瀏覽器中執行，HTML是一個文本文件。 HTML基本結構，標簽，元素，屬性，註解 標簽屬性格式： 文檔類型聲明： 編碼文件 標題標簽，段落標簽，預格式化標簽，水平線 ...
HTML標記語言，網頁製作的第一步。
什麼是HTML呢？查百度
基礎語法
常用標簽
HTML是超文本標記語言，HTML不用編譯，直接在瀏覽器中執行，HTML是一個文本文件。
HTML基本結構，標簽，元素，屬性，註解
<html>
<head>
<title>標題</title>
</head>
<body>
</body>
</html>標簽屬性格式：
<標簽名 屬性名=“屬性值”></標簽名>文檔類型聲明：
<!DOCTYPE> 聲明必須放在html文檔第一行，不是html標簽編碼文件
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>標題標簽，段落標簽，預格式化標簽，水平線
<h1></h1> <p> <pre></pre> <hr/>
<i></i>
<b></b>
<ins>
<del>
<sub>
<sup>無序列表：
<ul>
<li></li>
</ul>
disc 圓點
square 正方形
circle 空心圓有序列表:
<ol>
<li></li>
</ol><dl>
<dt>
<dd>
</dl>結構，表現，行為
圖片標簽
<img src="" alt=""/>相對路徑，絕對路徑
超鏈接標簽：
<a href=""> 內容 </a>
href target title name
_self _blank _top _parent定義錨：
<a href="#錨名"></a>
<a name="錨名" ></a>郵件鏈接：
<a href="mailto:郵件地址"></a>下載：
<a href="xxx.rar"></a>表格的基本結構，操作表格，屬性，跨行，嵌套
<table>
<tr>
<td>
<table>
<tr>
<td></td>
</tr>
</table>添加標題
<caption></caption>載入過長，內容過多
表格分：表頭，主體，腳註
thead tbody tfoot
<table>
<caption><caption>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>表格屬性
width表格寬度，align對齊方式，border表格邊框的寬度，Bgcolor表格背景顏色，cellpadding內容之間的空白，cellspacing單元格之間的空白，frame和rules。
跨列屬性: colspan
跨行屬性: rowspan
表格嵌套：
<table>
<tr>
<td></td>
<td>
<table>
<tr>
<td></td>
<td></td>
<tr>
</table>
</td>
</tr>
</table>表單結構，表單常用元素，表單交互屬性
語法：文本域，單選框，覆選框，按鈕，列表
<form>
...
</form>
input
select
option
textarea
optgroup
<input type="" name=""/>
text password file checkbox radio button submit reset hidden image
name maxlength size value placeholder<input type="image" name="" src="imageurl" />
<input type="hidden" name="" value="" />
傳輸給伺服器下拉菜單和列表標簽
<select>
<option value=""></option>
<option value=""></option>
</select>
name multiple可以多選 size顯示條目
<option>標簽屬性
selected value分組下拉菜單
<select name="">
<optgroup label="組1">
<option value=""></option>
</optgroup>
<optgroup label="組2">
<option value=""></option>
</optgroup>
</select>多行文本域
<textarea name="" rows="" cols="">
</textarea>
name placeholder rows cols<form action="" method="" name="" >
</form>
action method name target enctype網頁結構：
<body>
// 頭部
<div></div>
// 主體
<div></div>
// 頁腳
<div></div>
</body>
<div>
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
</div>總結：
html表單，表單應用場景，表單工作原理
<input type="" name="" />
text password file checkbox radio button submit reset hidden image
<form>
<input type="text" name=""/>
</form>
name, maxlength, size, value, placeholder
<form>
<input type="password" name=""/>
</form>
<form>
<input type="file" name=""/>
</form>
<form>
<input type="radio" name="" value="" checked/>
</form>
<form>
<input type="checkbox" name="" value="" checked/>
</form>
<input type="button" name="" value=""/>
type="submit"
type="reset"
<input type="image" name="" src="imageurl"/>
<input type="hidden" name="" value=""/>
html表單
input select option optgroup textarea
<select>
<option value=""></option>
</select>
name multiple size
selected value
<textarea name="" rows="" cols="" >
</textarea>
name placeholder rows cols
<form action="" method="" name="">
</form>
action method name targer enctype
url get,post form_name _blank,_self,_parent,_top
text/plain
multipart/form-data
<!DOCTYPE html>
<html>
<head>
<!-- 網頁頭部內容 -->
<title>標題</title>
</head>
<body>
<!-- 網頁主體內容 -->
</body>
</html>結言
好了，歡迎在留言區留言，與大家分享你的經驗和心得。
感謝你學習今天的內容，如果你覺得這篇文章對你有幫助的話，也歡迎把它分享給更多的朋友，感謝。
作者簡介
達叔，理工男，簡書作者&全棧工程師，感性理性兼備的寫作者，個人獨立開發者，我相信你也可以！閱讀他的文章，會上癮！，幫你成為更好的自己。長按下方二維碼可關註，歡迎分享，置頂尤佳。
感謝！承蒙關照！您真誠的贊賞是我前進的最大動力！
這是一個有質量，有態度的公眾號
喜歡本文的朋友們
歡迎長按下圖關註訂閱號
收看更多精彩內容
