_3_body_标签

创：20_3_2017
修：5_4_2017

什么是div标签？
　　div 　　 双 　　 -- div标签没有任何默认属性
　　　　-可以任意写入样式和内容，和 水一样，水自然平凡而又最多

什么是h1标签？
　　h1 标题（双） 　　 --　　对一段内容设置主题，数字最多到6，字体依次变小，企业开发最多只能有一个h1标签，占用一行

　　　　<h1>小菊花</h1>
　　　　<h2>小菊花</h2>
　　　　<h3>小菊花</h3>
　　　　<h4>小菊花</h4>
　　　　<h5>小菊花</h5>
　　　　<h6>小菊花</h6>

什么是p标签？
　　p 段落（单）　　 --块级 　　-内容没有占用一行，默认占用一行
　　

<p>菊花是中国十大名花第三，花中四君子（梅兰竹菊）之一，也是世界四大切花（菊花、月季、康乃馨、唐菖蒲）之一，

　　产量居首。因菊花具有清寒傲雪的品格，才有陶渊明的“采菊东篱下，悠然见南山”的名句。

　　中国人有重阳节赏菊和饮菊花酒的习俗。唐·孟浩然《过故人庄》：“待到重阳日，还来就菊花。

　　”在古神话传说中菊花还被赋予了吉祥、长寿的含义。</p>
　　<p>菊花是经长期人工选择培育的名贵观赏花卉，公元八世纪前后，作为观赏的菊花由中国传至日本。

　　17世纪末叶荷兰商人将中国菊花引入欧洲，18世纪传入法国，19世纪中期引入北美。此后中国菊花遍及全球。</p>

什么是水平线标签？
　　hr 　　-- 水平线（单） 　　 --块级，有斜杠或者没有都行　　

什么是换行标签？
　　br 　　--换行(单) 　　--相当于 ,很少用，用于不另起一个段落换行
　　　　　　　　- 一般用用p标签包裹表示占用一行

　　<p>菊花是中国十大名花第三，花中四君子（梅兰竹菊）之一，也是世界四大切花（菊花、月季、康乃馨、唐菖蒲）之一，

　　产量居首。因菊花具有清寒傲雪的品格，才有陶渊明的“采菊东篱下，悠然见南山”的名句。

　　<br>中国人有重阳节赏菊和饮菊花酒的习俗。唐·孟浩然《过故人庄》：“待到重阳日，还来就菊花。”

　　在古神话传说中菊花还被赋予了吉祥、长寿的含义。</p>

什么是超链接标签？
　　a 　　--超链接（双） 　　--内联，页面之间跳转，a标签里面可以嵌套图片、文字或者其他内容

　　　　　　-href =“URL或本地页面“ 指定点击跳转到的页面，本地html应用相对路径,

　　　　　　　　<a href="http://www.baidu.com">百度</a>
　　　　　　　　<a href="yizhihua.html">一株花</a>

　　　　　　-href =”#或JavaScript：” 假链接，用于未上线的页面链接

　　　　　　　　　　　　<a href="#">返回顶部</a>
　　　　　　　　　　　　　　<!--会返回顶部，JavaScript：无任何效果-->

　　锚？
　　　　-- href =”#id” 　　--跳转到本页面id所在的标签，无滚动动画
　　　　　　-- href =”其他页面路径#id” --跳转到其他页面id所在标签，中间没有空格

　　　　　　　　- target =“_self 或_blank“ _self本窗口跳转，_blank新窗口跳转

　　　　　　　　<a href="http://www.baidu.com" target="_self">百度</a>
　　　　　　　　<a href="yizhihua.html" target="_blank">一株花</a>

　　　　--title =“鼠标悬停 显示的提示“

　　　　　　　　<a href="yizhihua.html" target="_blank" title="来点人家，快">一株花</a>

如何显示符号？
　　百度搜索，把相关的代指写入代码中 

如何显示列表？
　　-- 有序：

　　　　<ol>
　　　　　　<li>有序列表1</li>
　　　　　　<li>有序列表n</li>
　　　　</ol>

　　-- 无序：　　　　

       <ul>
　　　　　　<li>无序列表1</li>
　　　　　　<li>无序列表n</li>
　　　　</ul>    

　　--可以嵌套使用

如何显示分组信息或一个主题+解释？

　　<dl>
　　　　<dt>主题a</dt>
　　　　　　<dd>解释内容a1</dd>
　　　　　　<dd>解释内容a2</dd>
　　　　<dt>主题b</dt>
　　　　　　<dd>解释内容b1</dd>
　　　　　　<dd>解释内容b2</dd>
　　</dl>
　　　　　　<!--每一个dd都是上一个dt的补充说明-->

如何在浏览器中显示表格？
　　逻辑结构：

　　　　<table>
　　　　　　<thead>
　　　　　　　　<tr>
　　　　　　　　　　<th>表字段名</th>
　　　　　　　　</tr>
　　　　　　</thead>
　　　　　　<tbody>
　　　　　　　　<tr> 表示一行数据
　　　　　　　　　　<td>表内容</td>表字段对应依次对应的内容
　　　　　　　　</tr>
　　　　　　</tbody>
　　　　</table>

　　在table中</thead>和<tbody>可省略

　　　　--加colspan属性，该单元格在水平方向占多少格子。默认右

　　　　--加rowspan属性，该单元格在垂直方向占多少格子。默认下

　　　　--水平、垂直对齐：align =“left 或 center 或right”

　　　　--外、内边距：cellspacing = 0 设置单元格边距，默认2px

　　　　--bgcolor =“颜色”设置table背景颜色或者单元格背景颜色

　　　　--caption 标题标签（双） 单独为表格设置标题

如何设置密码验证框？

　　<fieldset>
　　　　<legend>登录</legend>（边框左上角显示内容）
　　　　<p> <label for="user">账号:</label> <input type="text" id="user"name="user"></p>
　　　　<p><label for="pwd">账号:</label> <input type="password" id="pwd"name="password"></p>
　　</fieldset>
　　<!-- 自带样式-->