HTML概述
HTML:Hyper Text Markup language 超文本標(biāo)記語(yǔ)言
超文本：比普通文本功能更加強(qiáng)大，可以添加各種樣式
標(biāo)記語(yǔ)言：通過(guò)一組標(biāo)簽聪蘸，來(lái)對(duì)內(nèi)容進(jìn)行描述.<關(guān)鍵字>
<h1>清明</h1>
<b> <i>--杜牧</i></b><br/>
<p>清明時(shí)節(jié)雨紛紛，</p>
<p>路上行人欲斷魂。</p>
<p>借問(wèn)酒家何處有肌蜻，</p>
<p>牧童遙指杏花村黎泣。</p>
HTML語(yǔ)法規(guī)范
<!DOCTYPE html>
<!--
1.上面一個(gè)是文檔聲明
2.根標(biāo)簽是 html
3.html文件主要包含兩部分.頭部分和體部分
頭部分： 主要是用來(lái)放置一些頁(yè)面信息
體部分：主要來(lái)放置我們的HTML頁(yè)面內(nèi)容
4.通過(guò)標(biāo)簽來(lái)對(duì)內(nèi)容進(jìn)行描述恕刘，標(biāo)簽通常都是由開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽組成
5.標(biāo)簽不區(qū)分大小寫(xiě)
-->
<html>
<head>
<!--meta 網(wǎng)站配置信息-->
<!--指定瀏覽器打開(kāi)頁(yè)面的編碼方式-->
<meta charset="utf-8" />
<!--指定網(wǎng)站標(biāo)題-->
<title>入門(mén)案例</title>
</head>
<body>
Hellow world
</body>
</html>
標(biāo)簽
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>demo1</title>
</head>
<body>
<!--
h1標(biāo)題：
h后面數(shù)字的取值范圍：1~6
-->
<h1>標(biāo)題1</h1>
<h2>標(biāo)題2</h2>
<h3>標(biāo)題3</h3>
<h4>標(biāo)題4</h4>
<h5>標(biāo)題5</h5>
<h6>標(biāo)題6</h6>
</body>
</html>
表格以及輸入框?qū)傩?/h4>
<form action="#" method=post>
<table width="60%" >
<tr>
<td align="right"><p>注冊(cè)郵箱：</p></td>
<td >
<input type="text" name="email" />
</td>
</tr>
<tr>
<td align="right"><p>創(chuàng)建密碼：</p></td>
<td><input type="password" name="password" /></td>
</tr>
<tr>
<td align="right"><p> 真實(shí)姓名：</p></td>
<td><input type="username" name="username" /></td>
</tr>
<tr>
<td align="right"><p>性別：</p></td>
<td><input type="radio" name="sex" value="男" checked="checked">男</input>
<input type="radio" name="sex" value="女" >女</input>
</td>
</tr>
<tr>
<td align="right">愛(ài)好：</td>
<td>
<input type="checkbox" name="hobby" value="籃球" checked="checked" />籃球
<input type="checkbox" name="hobby" value="足球 " />足球
<input type="checkbox" name="hobby" value="乒乓球 " />乒乓球
<input type="checkbox" name="hobby" value="羽毛球 " />羽毛球
</td>
</tr>
<tr>
<td align="right"><p>生日：</p></td>
<td>
<select name="year">
<option value="1990">1990</option>
<option value="1991" selected="selected">1991</option>
<option value="1992">1992</option>
</select> 年
<select name="month">
<option value="12">12</option>
<option value="11">11</option>
<option value="10"selected="selected">10</option>
</select>月
<select name="day">
<option value="31">31</option>
<option value="30" selected="selected">30</option>
<option value="29">29</option>
</select>日
</td>
</tr>
<tr>
<td align="right"><p>我現(xiàn)在：</p></td>
<td>
<select name="doing">
<option value="正在上學(xué)">正在上學(xué)</option>
<option value="已畢業(yè)">已畢業(yè)</option>
</select>
</td>
</tr>
<tr>
<td class="me">問(wèn)題詳細(xì)描述</td>
<td><textarea cols="45" rows="5" name="detail" ></textarea>*必填 </td>
</tr>
</table>
</form>
文本格式化標(biāo)簽
<b> 定義粗體文本。
<big> 定義大號(hào)字抒倚。
<em> 定義著重文字褐着。
<i> 定義斜體字。
<small> 定義小號(hào)字托呕。
<strong> 定義加重語(yǔ)氣含蓉。
<sub> 定義下標(biāo)字。
<sup> 定義上標(biāo)字项郊。
<ins> 定義插入字馅扣。
<del> 定義刪除字。
html框架標(biāo)簽
<form action="#" method=post>
<table width="60%" >
<tr>
<td align="right"><p>注冊(cè)郵箱：</p></td>
<td >
<input type="text" name="email" />
</td>
</tr>
<tr>
<td align="right"><p>創(chuàng)建密碼：</p></td>
<td><input type="password" name="password" /></td>
</tr>
<tr>
<td align="right"><p> 真實(shí)姓名：</p></td>
<td><input type="username" name="username" /></td>
</tr>
<tr>
<td align="right"><p>性別：</p></td>
<td><input type="radio" name="sex" value="男" checked="checked">男</input>
<input type="radio" name="sex" value="女" >女</input>
</td>
</tr>
<tr>
<td align="right">愛(ài)好：</td>
<td>
<input type="checkbox" name="hobby" value="籃球" checked="checked" />籃球
<input type="checkbox" name="hobby" value="足球 " />足球
<input type="checkbox" name="hobby" value="乒乓球 " />乒乓球
<input type="checkbox" name="hobby" value="羽毛球 " />羽毛球
</td>
</tr>
<tr>
<td align="right"><p>生日：</p></td>
<td>
<select name="year">
<option value="1990">1990</option>
<option value="1991" selected="selected">1991</option>
<option value="1992">1992</option>
</select> 年
<select name="month">
<option value="12">12</option>
<option value="11">11</option>
<option value="10"selected="selected">10</option>
</select>月
<select name="day">
<option value="31">31</option>
<option value="30" selected="selected">30</option>
<option value="29">29</option>
</select>日
</td>
</tr>
<tr>
<td align="right"><p>我現(xiàn)在：</p></td>
<td>
<select name="doing">
<option value="正在上學(xué)">正在上學(xué)</option>
<option value="已畢業(yè)">已畢業(yè)</option>
</select>
</td>
</tr>
<tr>
<td class="me">問(wèn)題詳細(xì)描述</td>
<td><textarea cols="45" rows="5" name="detail" ></textarea>*必填 </td>
</tr>
</table>
</form>
<b> 定義粗體文本。
<big> 定義大號(hào)字抒倚。
<em> 定義著重文字褐着。
<i> 定義斜體字。
<small> 定義小號(hào)字托呕。
<strong> 定義加重語(yǔ)氣含蓉。
<sub> 定義下標(biāo)字。
<sup> 定義上標(biāo)字项郊。
<ins> 定義插入字馅扣。
<del> 定義刪除字。
1.框架標(biāo)簽不能和body同時(shí)出現(xiàn)
2.frameset: border去除框架標(biāo)簽的框 着降，示例：border="0"
border="10px" bordercolor="yellow"
3.frame框大小不變：兩種情況:
第一種：border ="0"
第二種： noresize="noresize" 不改變大小
備注:scrolling是否顯示滾動(dòng)條
yes 顯示
no 不顯示
auto 如果內(nèi)容高度超過(guò)屏幕高度直接顯示滾動(dòng)差油，
4. frame 是框，內(nèi)容使用src來(lái)填充任洞，
定位顯示到指定位置： 使用name屬性
例如：
點(diǎn)擊left.html的標(biāo)簽跳轉(zhuǎn)內(nèi)容顯示在right.html
1.給right.html的frame添加name屬性蓄喇，方便定位。
2.在left.html中使用target目標(biāo)定位交掏，根據(jù)name名查找
<frameset rows="200,*" border="10px" bordercolor="yellow">
<frame src="top.html" scrolling="yes" noresize="noresize" />
<frameset cols="200,*">
<frame src="left.html" scrolling="yes" noresize="noresize" />
<frame src="right.html" name="content" scrolling="yes" />
</frameset>
</frameset>
其他標(biāo)簽
<!--該網(wǎng)頁(yè)的關(guān)鍵字-->
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<!--該網(wǎng)頁(yè)的描述-->
<meta http-equiv="description" content="this is my page">
<!--該網(wǎng)頁(yè)的編碼-->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- href：引入css文件的地址-->
<link rel="stylesheet" type="text/css" href="./styles.css">
<!--src：js的文件地址-->
<script type="text/javascript" src=""></script>
