2，html(前端知识)-CSDN博客

1，hr独目标签
修饰段落的水平分割线<hr/>默认只占一行
页面显示<a>    <aZ>
 空格实体符号，两个空格代表一个房子的间距
元：¥©®商标 ；×乘；÷s除
2，th标签和td标签都是单元格，只不过th多了几个样式：居中，粗体字，适合当表头
3，rowspan行合并
   colspan列合并
   bgcolor背景颜色
   background 背景图片
4,<img src="images/luzhishen.png" width="500px" height="200px" title="鲁智深"  alt="这里是鲁智深的图片"/>title设置鼠标悬停显示提示信息,alt设置图片找不到的时候，显示的文本提示信息
5，超链接：又叫做热链接通过热链接可以向服务器发送请求请求：从Browser发送数据到Server响应：从Server发送数据到Browser直接在浏览器的地址栏上输入：http://www.baidu.com，也可以向服务器发送请求直接在地址栏上输入URL，和用户点击超链接，这两种方式本质上是完全相同的。只不过，输入URL的这种方式需要用户提前知道详细的URL地址而用户通过点击超链接这种方式更为傻瓜式操作。超链接语法格式：   * 使用a标签   * 开始标签和结束标签之间的内容是显示在页面上的，用户点击的就是这部分内容   * a标签有一个非常重要的属性：href【hot references：热引用】，     这个属性后面写URL（发送的请求路径）
<!--关于超链接当中的target属性：用来设置最终资源的显示位置--><!--   target取值：      _blank 新窗口中显示      _self 当前窗口中显示（默认值）      _top   在顶层窗口中显示      _parent 在父窗口中显示-->
6，html中的锚点
链接到锚点；#锚点名称
<a href="#first">第一回</a><br> <a href="#second">第二回</a><br> <a href="#third">第三回</a><br> <a name="first">第一回</a><br><br>
7，html中的列表
<!--无序列表--><ul type="circle">    <!--列表项-->   <li>中国       <ul type="square">          <li>北京             <ul type="disc">                <li>东城</li>                <li>西城</li>                <li>海淀</li>                <li>大兴</li>             </ul>          </li>          <li>天津</li>          <li>上海</li>          <li>重庆</li>       </ul>    </li>    <li>美国</li>    <li>俄罗斯</li> </ul>
<!--有序列表--><ol type="A">    <li>水果       <ol type="i">          <li>西瓜             <ol type="a">                <li>红壤</li>                <li>黄壤</li>                <li>绿壤</li>                <li>紫壤</li>             </ol>          </li>          <li>水黄瓜</li>          <li>水萝卜</li>          <li>苹果</li>       </ol>    </li>    <li>汽车</li> </ol>
8，html的格式标签
<strong></strong>粗体字
<b></b> 粗体字
 <i></i>斜体字
<ins></ins>插入字
 <del></del>删除字
<pre></pre>预留格式标签，该标签中的文本格式显示到网页上的时候会被原始的保留下来。
10<sup>2</sup>   10的2次方 10<sub>2</sub>
9，表单
1、什么是表单？   有很多时候，我们需要在一个网页当中填写相关的信息，例如用户信息，   那么用户信息填写到哪里呢？填写的位置就被称为表单，英语单词是form，   注意：不是from   常见的表单：登录表单，注册表单，调查问卷.....2、表单的作用是什么？   * 用户通过填写表单，会提供不同的数据，网页可能会根据这些不同的   数据展示不同的页面，这样就增强了人和浏览器之间的交互度。   * 表单可以帮助“服务器”去收集用户提供的数据。3、表单的提交都发生了什么？   * 表单的提交也是相当于浏览器向服务器发送了一次请求   * 表单当中的数据会提交给服务器【通过网络传送的方式传输给服务器】4、总结：到目前为止，浏览器向服务器发送请求包括几种常见方式：      常见的三种方式：      * 1、超链接方式      * 2、提交表单方式      * 3、直接在浏览器地址栏上输入URL，然后回车   表单提交方式：这种方式不但可以发送请求，而且发送请求同时还可以携带数据。   以上的1和3本质上是相同的。5、一个网页当中可以有多个表单，每个表单都使用form括起来。
form标签的属性：   action属性：等同于超链接当中的href
5.1 <input type="submit" value="百度"/>
1、input标签被称为输入域标签2、input标签相关属性：   2.1、type属性：设置input输入域的类型       type属性的值：         text   文本框         password 密码框         submit 提交按钮         reset  重置表单         radio  单选按钮         checkbox   复选框         file   文件上传组件         button 普通按钮         hidden 隐藏域（网页上看不见，但是这一项是存在的）   2.2、name属性和value属性：提交表单的时候，以键值对儿的方式提交给服务器   name是input控件的名字，随意编写   value是input控件的值，   文本框text、密码框password的value不需要程序员指定，需要用户进行填写提供。   假设以下文本框，name="uname"，value用户填写的是：zhangsan的话，提交的键值   对儿是：uname=zhangsan   name只是input控件的名字，可以随意起名。   以上表单在最终提交数据的格式是：   http://192.168.143.2:8080/oa/user/login?username=lisi&password=123以上格式是W3C制定的，和浏览器无关，无论是哪个版本的浏览器，最终提交表单的数据格式都是以上的格式这种格式遵守W3C制定的HTTP超文本传输协议。格式：   action?name=value&name=value&name=value.....
 
<input type="text" name="username"/>
<input type="password" name="password"/>
 
男<input type="radio" name="sex" value="f"/> 女<input type="radio" name="sex" value="m" checked/> <!--默认选择-->
 
input type="checkbox" name="aihao" value="chouyan"/>抽烟 <input type="checkbox" name="aihao" value="hejiu"/>喝酒 <input type="checkbox" name="aihao" value="tangtou" checked/>烫头 <!--默认选择-->
 
<select name="xueli">    <option value="">--请选择学历--</option>    <option value="gz">高中</option>    <option value="dz">大专</option><!--假设选中这一项的话，提交：xueli=dz-->   <option value="db" selected>大本</option>    <option value="ss">硕士</option>    <option value="bs">博士</option> </select>
<!--cols：列数，rows：行数-->
<!--textarea标签没有value属性，textarea开始标签和结束标签之间的内容就是value--><textarea cols="60" rows="10" name="jianjie"></textarea>
<!--提交按钮--><input type="submit" value="注册"/>
<!--重置表单按钮--><input type="reset" value="重置" /> <!--普通按钮不具备提交表单的功能--><input type="button" value="注册" />
<!--文件上传组件-->
<input type="file">
<!--隐藏域：在网页上用户是看不见的，但是提交表单的时候，age=30会被提交的--><input type="hidden" name="age" value="30">
6，
6.1 <!--设置浏览器采用哪一种字符集打开当前页面--><!--注意：这行代码不是设置当前源码的字符集--><!--当以下代码删除之后，由于windows环境是简体中文，所以浏览器默认采用GBK简体中文的方式打开当前页面，会中文乱码--><meta charset="UTF-8"/>
6.2
readonlydisabled相同点：都会显示在网页上，都不能修改，都是只读的不同点：readonly会提交，disabled不会提交
6.3
表单在提交数据的时候包括多种方式，其中有两个非常重要的方式：    get    postget请求会将用户提交的数据展示在浏览器地址栏上post请求提交的时候，数据不会显示在浏览器地址栏上method属性不提供的话，默认是GET还是POST？    默认情况下是GET请求。在HTML中发送请求包括多种方式：    * 超链接    * 在地址栏上直接输入URL    * 表单提交以上方式只有当form中的method="post"的时候，才是POST方式的请求。其它所有方式都是GET方式。提交数据的格式，属于HTTP协议的一部分，格式如下所示：    http://localhost:8080/oa/save?username=zhangsan&password=123
 
6.4
1、HTML文档中有大量的标签，这些标签可以看成是一棵树（树立一棵树的思想）2、这棵树只有一个根，根是<html></html>，根有两个分支，分支下可能还会有其它分支，这就是一棵树3、树上的每一个标签都可以看做一个节点（Node），每一个节点可以称为元素Element4、换句话说，一个HTML文档中有大量的节点，节点之间存在父子关系以及兄弟关系等。5、HTML的文档document中的每一个元素又被称为DOM元素。6、重点：大部分DOM元素都有id属性，id属性是DOM节点/DOM元素在当前页面当中的身份证号，唯一标记7、id属性在同一个document当中不允许重名。8、id属性的作用是什么？    id是唯一的，便于以后通过javascript程序快速定位该节点    以便对这个节点进行增删改操作，来完成网页动态效果
<!--注意：表单提交数据的时候提交的是name=value&name=value...，提交的数据和id无关-->
6.5
1、div是图层，可以帮助完成很好的布局效果2、每一个图层之间都是独立的，可以通过div左上角的坐标来定位div图层在网页中的位置3、div可以嵌套div4、div有id属性5、默认情况下，一个div会独自占用一行
6.6
<!--frameset：只能使用在head标签当中，不能编写到body当中--><!--cols：纵向切，左边25%，右边75%-->
<frameset cols="25%,*">     <!--frame标签是窗体标签-->    <!--左边-->    <frame src="http://www.baidu.com"/>     <!--右边-->    <frame src="http://www.jd.com"/> </frameset>
---------------- <frameset cols="25%,*">     <frameset rows="30%,*">         <frame src="http://www.126.com"/>         <frame src="http://www.baidu.com"/>     </frameset>     <frame src="http://www.jd.com"/> </frameset>
6.7 ifrane
<!--浮动窗体，更灵活，比frame灵活，frame负责定制网页中大的框架，iframe属于局部的设计--><iframe src="http://www.baidu.com"></iframe>
target总结：    _blank      新窗口    _top        顶层窗口    _parent     父窗口    _self       自己    frame的名称    指定的窗体
 