课后笔记--html

五大主流浏览器
1.IE浏览器
内核：Trident内核
2.Safari浏览器
内核：Webkit内核
3.Opera浏览器
内核：Blink内核
4.Firefox浏览器
内核：Gecko内核
5.Chrome浏览器
内核：Blink内核

1.web标准网页
html结构层
css表现层
Javascript行为层

画虚线
< hr style=“border: 1px dashed blue;”> 蓝色虚线
设置hr横线的颜色：< hr style=“background-color: beige;height: 1px;border: none;”/>
线条需要用background-color,需要给线条一个高度，hr是有默认的border的，我们需要将它的边框去掉，设为border:none
快捷键ctr+/ 注释
br换行
p段落标记
< h1>< /h1>到,< h6>< /h6> 从大到小 ，标题标记
< font>< /font>文本样式标记
< b>< /b>和< strong>< strong> 粗体显示
< i>< /i>和< em>< /em> 斜体显示
< s>< /s>和< dei>< /dei> 删除线显示
< u>< /u>和< ins>< /ins> 下划线显示
< img src=“图像URL” /> 图像标记
src 图像路径和文件名，它是img标记的必须属性
alt 不能显示时的替换文本
title 鼠标悬停时的替换文本
width 图像宽度
heigh 图像高度
相对路径:
相对路径不带有盘符，通常是以HTML网页文件为起点，通过层级关系描述目标图像的位置
绝对路径:
绝对路径一般是指带有盘符的路径。
&nbsp； 空格
&lt ; 小于号
&gt ; 大于号
&amp ; 和号
&yen ; 人民币
&copy ; 版权
&reg ; 注册商标
&deg ; 摄氏度
&plusmn ; 正负号
&times ; 乘号
&divide ; 除号
&sup2 ; 平方2
&sup3 ; 平方3
创建超链接：< a>< /a>标记环绕需要被链接的对象即可，其基本语法格式如下：
< a href=“跳转目标” target=“目标窗口的弹出方式”>文本或图像< /a>
href：用于指定链接目标的url地址，当为< a>标记应用href属性时，它就具有了超链接的功能。
target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式。
< base /> 可以设置整体链接的打开状态
text-decoration:none; 取消下划线
< a>标签是行级标签，行级标签是不能直接使用样式设置宽高的，要想给他设置宽高，得把行级标签变成块级标签display: block;让行级标签变成块级标签
碰到字体加下划线在hover里面加：text-decoration:underline;
注意: 暂时没有确定链接目标时，通常将< a>标记的href属性值定义为“#”(即href="#")，表示该链接暂时为一个空链接。 不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。

无序排列
< ul>
< li> …< /li>
< /ul>
type有三种
（1）disc：指定项目符号为一个实心圆点（默认值是disc，是否使用该值在浏览器中效果都一样）；
（2）circle：指定项目符号为一个空心圆点；
（3）square：指定项目符号为一个实心方块；

有序排列
< ol>
< li>…< /li>
< /ol>
type有五种
数字1、2、3、4……
小写英文字母a、b、c、d……
大写英文字母A、B、C、D……
小写罗马数字i、ii、iii、iv……
大写罗马数字I、II、III、IV……
start 开始

自定义排列
< dl>
< dt>…< /dt>
< dd>…< /dd>
< /dl>

colspon 横合并
rowspon 列合并
align 移动左右中
table 框架
tr 行
td 列
border 表格边框厚度
cellspacing 单元格与单元格之间的厚度
cellpadding 文字和单元格之间距离
align 表格移动
< th>< /th>代替< td>< /td> 表格里的字加粗
caption 元素定义表格标题
bgcolor 表格背景的颜色
form 表单
button 按钮
radio 单选
checkbox 多选
submit 提交
reset 重置
textarea cols= 文本框一列里的个数
textarea rows= 文本框一行里的个数
selected=“selected” 选中某个
multiple =“multiple” 多选
maxlength 属性规定输入字段的最大长度
滚动标签
< marquee>< img src=“img/.jpg”/ direction=“down”>< /marquee>
下拉框
< select>
< option>…< /option>
< /select>

link标签：
1：引用外部css
2: 引用title图片 （icon)
例如： < link rel=“icon” href=“1.icon”>

字符集（charset）: utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312
gb2312 简单中文
GBK包含全部中文字符 繁体
BIG5 繁体中文
UTF-8则包含全世界所有国家需要用到的字符

表格的结构
在使用表格进行布局时，可以将表格划分为头部、主体和页脚，具体 如下所示：
< thead>< /thead>：用于定义表格的头部，必须位于< table>< /table>标记中，一般包含网页的logo和导航等头部信息。
< tfoot></ tfoot >：用于定义表格的页脚，位于< table>< /table>标记中
< thead>< /thead>标记之后，一般包含网页底部的企业信息等。
< tbody>< /tbody>：用于定义表格的主体，位于< table>< /table>标记中
< tfoot></ tfoot >标记之后，一般包含网页中除头部和底部之外的其他内容。

表单(form)
< form name=“表单名称”method=“post/get” action=”">< /form>
extarea控件可以轻松地创建多行文本输入框，其基本语法格式如下：
< textarea cols=“每行中的字符数” rows=“显示的行数”> 文本内容 < /textarea>
Cols:相当于宽度
Rows:相当于高度
Form中获取数据的两个方式get和post的区别
1.get是从服务器上获取数据，post是向服务器传送数据
2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段——对应，在URL中可以看到.post是通过HTTP post机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程
3.对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.QueryString获取提交的数据。
4.get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。
5.get安全性较低，post安全性较高。但是执行效率却比Post方法好。
建议：
1.get方式的安全性较post方式要差些，包含机密信息的话，建议用Post数据提交方式；
2.在做数据查询时，建议用Get方式；而在做数据添加、修改或删除时，建议用Post方式

下拉菜单，就需要使用select控件
< select>
< option>选项1< /option>
< option>选项2< /option>
< option>选项3< /option>
…
< /select>

< fieldset> 标签没有必需的或唯一的属性
< legend> 标签为 fieldset 元素定义标题