超文本标记语言HTML

Html代码由开始结束。里面由头部分和体部分两部分组成。
头部分是给Html页面增加一些辅助或者属性信息，它里面的内容会最先加载。
体部分是真正存放页面数据的地方。
注意：
Html就是超文本标记语言的简写，是最基础的网页语言。
Html是通过标签来定义的语言，代码都是由标签所组成。
Html代码不用区分大小写。
B:对格式的解释
html:放在html文件的开头，但没有实质性的功能，即使没有这个标记，浏览器在碰到其他的html标记时也一样会进行解析。
浏览器内置了html语言的解析器.
可以设置默认打开浏览器:工具—文件夹选项-文件类型
head:头标记，放置关于此html文件的信息，如提供索引，定义css等。
title:标题标记，包含在head标记内，它的作用是设定网页的标题。
body:主体标记，网页所需要显示的内容都放在这个标记内。
A：格式：
<标签名 属性名='属性值'> 数据内容 </标签名>
<标签名 属性名='属性值' />

B:操作思想：
为了操作数据，都需要对数据进行不同标签的封装，通过标签中的属性对封装的数据进行操作。
标签就相当于一个容器。对容器中的数据进行操作，就是在再不断的改变容器的属性值。
常见的标签：
注释标签
标题标签： x的取值范围是1-6
数字从小到大，字体的大小是从大到小。
标题标签能够换行，并在行与行之间有空行。
文字粗体标签：
文字斜体标签：
下划线标签：
换行标签：

换行标签是一个单标签。
段落标签：

自动换行,还能在行与行之间加入一个空行。
空格标签：  
文字排版标签：
A:在html页面中,普通的文本显示,是从左到右,从上到下.除非你用了html标签进行控制。
B:hr标签
水平分割线标签。
C:加入前面刚讲过的标签。br, 
D:文字居中显示：
center
E:文字段落缩进标签
blockquote 缩进并换行，而且在不同行之间加入空行
F:文字内容的原始版面显示
pre
多种多样的文字：
字体标签：font
大部分的html标签都提供了一些属性供我们使用。
怎么使用属性呢？
A:在开始标签的后面写出来
B:属性标签的使用格式：
属性名="属性值" 这里的""可以使用'',还可以不写""，但是推荐使用""
C:标签名和属性名之间,属性名和属性名之间用空格隔开
color:
颜色的控制。可以写英文名称。但是有些颜色如果我们不能用英文描述怎么办？
颜色：
我们自然界的颜色其实可以用三种基本的颜色组成。基本的三原色。红,绿,蓝
因为每一种颜色都有256种。0-255。变成十六进制：0-ff
红色：0-255，颜色由浅到深
绿色：0-255，颜色由浅到深
蓝色：0-255，颜色由浅到深
最后又这三种颜色的搭配就能组成我们任意想要的颜色。
格式是：
#rrggbb
红色：
#ff0000
绿色：
#00ff00
蓝色：
#0000ff
白色：
#ffffff
黑色：
#000000
字体大小：size
取值范围：1-7,值越大,字体越大。
字体设置：face
宋体，楷书，隶书，黑体
这个属性可以赋值多个,这样的就可以尽量的使用我们设置的字体。
你目前可用的字体,通过记事本就可以看到。
特殊字符：具有特殊意义的字符。
比如说：我要在页面上显示：标签是字体标签。
这个时候，<,>就是特殊的字符。你得用特殊的方式进行处理。
查看W3School里面的HTML--HTML 字符实体
举例：
H(2)+O(2)=H(2)O
控制滚动
bgcolor 背景颜色
direction 滚动方向 left、right、up、down
behavior 滚动方式scroll滚动、silde滑动、alternate摆动
height 滚动对象高度，值为像素
width 滚动对象宽度 ，值为像素
hspace 滚动对象到背景左右空白区域的宽度，值为像素
vspace 滚动对象到背景上下空白区域的宽度，值为像素
scrollamount滚动速度，值是数字，数字越大，速度越快
scrolldelay两次滚动之间的延迟时间， 值为数字,单位是毫秒,数字越大，延迟时间越长
loop设定滚动次数，-1为一直滚动。
内只能用
换行，不能用

注意：在一个标记中有多个属性，基本格式是：< 属性名1=属性值1 属性名2=属性值2………. >。各个属性间必须以空格间隔。
图片标签：img
src:指定图片的位置。可以用相对路径，也可以用绝对路径，还可以使用网络路径。
height:图片的高
width:图片的宽
alt:一般用于提示问题
title:给出提示
注意：图片的格式是有要求的。
浏览器的兼容性问题：
很多web技术都是有w3c制定的规范。普通话。
所以，有些浏览器厂商为了实现自己特定的需求，制定了自己浏览器能够识别的标签。
其他的浏览器不一定能识别。其实可以看成：方言。
图片的热点区域其实就是将一个图片专门的分割出一个链接区域，这就是热点。
shape 热点区域形状，值有：矩形rect 、圆形circle、多边形poly
coords 热点区域划分坐标：圆形是圆心上下坐标和半径、矩形是左上、右下两点的坐标，多边形是各个顶点的坐标。（相对图片）
href 超级链接的目标。

文字列表的使用:
有序列表：
ol(ordered List)
|--li(list item)
属性：
start：表示从第几个编号开始。默认从第一个开始
type：类型。1，A,a,I,i(罗马数字)。默认阿拉伯数字。
无序列表：
ul(unordered list)
|--li
属性：
type：
disc 实心圆点
circle 空心圆
square 实心方块
定义列表：
dl:
dt:定义语
dd:定义说明
hr:
水平分割线标签。
属性：
size:线的粗细
color:线的颜色
width:线的长度
align:水平位置，分为：左,中,右。left,center,right
超链接标签:
属性：
href:指示连接的地址
target:以什么方式打开
在新页面中打开 _blank
注意：
你想以什么方式访问，就得加上什么方式的说明。
所有访问的网址，需要自己加上http协议说明。如果没有加，默认启动的是文件解析协议。
锚点链接：
建立一个锚点，

使用锚点

表格标签的使用：
table：表格标签
属性：
border:表格的边框
width:表格的宽度,默认px单位。还可以给百分比。
background:背景图片
align="center"
cellpadding：数据和边框的距离
cellspacing：边框与边框的举例

--caption 表格的标题
|--tr 表格的行
|--td 表格的列,单元格
width 单元格的宽度
|--th 表格的标题行

表格的位置设置：
table center是让表格居中。
tr 的center是让数据行居中。这个时候，每个td数据都居中。
td 的center是让单元格居中。
合并表格
行合并：rowspan=值
列合并：colspan=值
表单标签的使用:
form:表单标签，用于和服务器进行交互。
属性：
action:跟的是表单提交的服务器的地址。servlet,jsp
method:表示表单的提交方式。get和post提交。建议使用post提交。

在form标签嵌套中，使用input标签，表示用户的输入。它有一个type属性。用于定义不用的表单的类型。
默认情况下，指的是文本框。

文本框：
type="text" 表示这是文本框。
name="username" 是用于将来服务器取值使用。
id="username" 是用于将来js取值使用。
readonly="readonly" 只读属性。这个属性，是一个标记属性。后来为了和新
的html规则统一，所有的html属性都必须有值。
这个时候，给所有的标记属性赋值为它本身。
value="请在这里输入用户名" 默认值
size="20" 表示文本框的长度

密码框：
type="password" 表示这是密码框
name="password" 是用于将来服务器取值使用。
id="password" 是用于将来js取值使用。
size="20" 表示密码框的长度
value="admin" 默认值
readonly="readonly" 只读属性

单选按钮：
type="radio" 表示这是单选按钮
name="sex" 是用于将来服务器取值使用。
name是用于表示多个按钮属于同一个按钮组。
所以，如果是属于统一按钮组的单选按钮，要求名称一致。
这样的话，他们在选择的时候就是互斥关系。
id="man" 是用于将来js取值使用。
value="男" 这是服务器实际获取到的值。
标签外：男 这是显示给用户看到的信息。
checked="checked" 标记属性。表示默认选中。

复选按钮：
type="checkbox" 表示这是一个复选框
name="likes" 是用于将来服务器取值使用。复选框服务器获取到的是一个数组。
id="read" 是用于将来js取值使用。
value="看书" 这是服务器实际获取到的值。
标签外：睡觉 这是显示给用户看到的信息。
checked="checked" 标记属性。表示默认选中。

文件选择框：
type="file" 表示这是一个文件框
name="file" 是用于将来服务器取值使用。
id="file" 是用于将来js取值使用。

隐藏框：
type="hidden" 这表示是一个隐藏框
name="admin" 是用于将来服务器取值使用。
id="admid" 是用于将来js取值使用。

按钮：
特殊的按钮，内置了js事件。
type="submit" 这是提交按钮
type="reset" 这是重置按钮
type="button" 这是普通的按钮，需要自己实现事件才可以用。

特殊表单标签：
下列框：
select
name="province" 是用于将来服务器取值使用。
id="province" 是用于将来js取值使用。
|--option 下列选项
value="辽宁省" 服务器实际获取的值
selected="selected" 默认选中

文本域：
textarea
rows="10" 行
cols="40" 列
name="myself" 是用于将来服务器取值使用。
id="myself" 是用于将来js取值使用。