------------------------------------------------------------
1.网页框架基本结构块
<html> <body> <head>
2.布局结构块 <div>
标题 <h1>---> <h6>
段落 <p>
列表结构块
<ol type="有序类型"> 有序
有序类型有:1,a,A,i,I
<ul type="disc圆黑点(默认)或circle空心圆或square黑方块"> 无序
<dl> 自定义
dl包含<dt>父级和<dd>父级的子集
结构装饰线 <hr> <----无闭合状态,单标签
网页标题框 <title>
行内包含框 <span>
超链接 <a> <a href="http://www.baidu.com" target="_blank"> target属性:_parent _top _self _blank
图像 <img src=''/> <--------单标签
表示强调 <strong> <em>
------------------------------------------------------------
表示粗体,斜体 <b> <i> <----只记住区别 不使用
引文 <q> <blockquote> <----只记住区别 不使用
插入行文本 下划线 <ins>或<u> <----只记住区别 不使用
删除文本(本子中间划删除线) <del> <----只记住区别 不使用
------------------------------------------------------------
表单 <form> 表单标题<legend>
表单域 <fieldset>
文本框 <input/> <--------单标签
换行符 <br/> <--------单标签
图像 <img/> <--------单标签
结构装饰线 <hr> <----无闭合状态,单标签
多行文本框 <textarea>
------------------------------------------------------------
按钮 <button>
下拉菜单 <select>
下拉框 <option>
下拉框分组 <optgroup>
<select>
<optgroup label="Swedish Cars">
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value ="mercedes">Mercedes</option>
<option value ="audi">Audi</option>
</optgroup>
</select>
---------------------------------------------------------------------
标签标记 <label> 详细了解聚焦
<label for="email">邮箱:</label><input id="email" type="email" value="Email">
for与ID关联 鼠标点到邮箱文字时,光标聚焦在文本框里。
---------------------------------------------------------------------
锚点
<a name="div1"></a>
<a href="#div1">回到顶部</a>
---------------------------------------------------------------------
表格 <table> 表格标题 <caption> 区别:表单标题<legend>
表头<thead> 表体 <tbody> 表尾 <tfoot>
行 <tr> 列 <col> 列的分组 <colgroup>
单元格 -
表头单元格 <th>
普通单元格 <td>
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
-------------------------------------------------------------
script用于引入JS文件
....................................................................
link用于引入一些文件,比如说CSS
<head>
<link rel="stylesheet" type="text/css" href="外部样式表文件地址" />
</head>
....................................................................
<!--嵌入外部样式表-->
<style>
@import url("style.css");
</style>
....................................................................
<meta> 元信息
<style> 用于内部书写CSS
--------------------------------------------------------------
1.网页框架基本结构块
<html> <body> <head>
2.布局结构块 <div>
标题 <h1>---> <h6>
段落 <p>
列表结构块
<ol type="有序类型"> 有序
有序类型有:1,a,A,i,I
<ul type="disc圆黑点(默认)或circle空心圆或square黑方块"> 无序
<dl> 自定义
dl包含<dt>父级和<dd>父级的子集
结构装饰线 <hr> <----无闭合状态,单标签
网页标题框 <title>
行内包含框 <span>
超链接 <a> <a href="http://www.baidu.com" target="_blank"> target属性:_parent _top _self _blank
图像 <img src=''/> <--------单标签
表示强调 <strong> <em>
------------------------------------------------------------
表示粗体,斜体 <b> <i> <----只记住区别 不使用
引文 <q> <blockquote> <----只记住区别 不使用
插入行文本 下划线 <ins>或<u> <----只记住区别 不使用
删除文本(本子中间划删除线) <del> <----只记住区别 不使用
------------------------------------------------------------
表单 <form> 表单标题<legend>
表单域 <fieldset>
文本框 <input/> <--------单标签
换行符 <br/> <--------单标签
图像 <img/> <--------单标签
结构装饰线 <hr> <----无闭合状态,单标签
多行文本框 <textarea>
------------------------------------------------------------
按钮 <button>
下拉菜单 <select>
下拉框 <option>
下拉框分组 <optgroup>
<select>
<optgroup label="Swedish Cars">
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value ="mercedes">Mercedes</option>
<option value ="audi">Audi</option>
</optgroup>
</select>
---------------------------------------------------------------------
标签标记 <label> 详细了解聚焦
<label for="email">邮箱:</label><input id="email" type="email" value="Email">
for与ID关联 鼠标点到邮箱文字时,光标聚焦在文本框里。
---------------------------------------------------------------------
锚点
<a name="div1"></a>
<a href="#div1">回到顶部</a>
---------------------------------------------------------------------
表格 <table> 表格标题 <caption> 区别:表单标题<legend>
表头<thead> 表体 <tbody> 表尾 <tfoot>
行 <tr> 列 <col> 列的分组 <colgroup>
单元格 -
表头单元格 <th>
普通单元格 <td>
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
-------------------------------------------------------------
script用于引入JS文件
....................................................................
link用于引入一些文件,比如说CSS
<head>
<link rel="stylesheet" type="text/css" href="外部样式表文件地址" />
</head>
....................................................................
<!--嵌入外部样式表-->
<style>
@import url("style.css");
</style>
....................................................................
<meta> 元信息
<style> 用于内部书写CSS
--------------------------------------------------------------