HTML的基本知识
特点和常识
1.不区分大小写
2.文件后缀名 .html .htm .xhtml
3标记型语言 基本格式 <标识名字 属性=属性的值>
4.以标签为单位，可以多层嵌套
5.回车和空格对网页内容不起作用
6.外层标签和内层标签冲突时，内层标签起作用
HTML整体结构
<html> </html>
HTML开始标记，位于网页最前端和最后端
<head> </head>
html头标记信息，半酣文件基本信息，不会在浏览器中显示
<meta> </meta>
必须属性 content =“some_text” 定义name属性的元信息
页面的元信息，存在与头信息中
http-equiv 自动跳转属性 值是 refresh
content 延时的时间 （秒） 和跳转网址
如 <meta http_equiv="refresh" content="3;url=http://www.baidu.com">
标记: 3秒后跳转到百度
包含常见的属性
auther 作者
description 网页描述信息
key words 网页关键词
<title> </title>网页的标题信息
<body> </body> 网页的主题部分 可以嵌入其他标签 如表格 文本 图片 超链接等
常见属性
bgcolor 设置背景颜色
颜色属性
1. 字符串形式 如："red" ,"green"
2. 6位16进制数字形式
#FFFFFF 白色
#000000 黑色
#FF0000 红色
#00FF00 绿色
#0000FF蓝色
超链接
alink 设置被点击的 超链接的字体颜色
vlink 设置访问过的 超链接的字体颜色
link 设置超链接的字体颜色
边距
leftmagin 设置左边距值为像素 （数字）
topmargin 设置上边距 值为像素 （数字）
background 设置背景图片 值为图片地址
属性 bgproperties 背景图片固定属性 可省略
text 设置文本颜色
html标签含义及使用方法
html的格式控制标记
<br/> 换行 单标记
<p/> 段落标记
<center>要显示的居中文字</center> 居中对齐标记
<pre></pre> 预格式化
<ul></ul> 无序列表
默认是 disc【实心圆】 ul
一层嵌套的ul项目符号是 circle【空心圆】
二层嵌套的ul项目符号是square【方块】
<ul>
<li>列表项</li>
</ul>
<ol></ol> 有序列表
<hr/> 水平分割线
属性：color 设置水平线的颜色
Size 设置水平线的高度
Width 设置水平线的宽度
Align 设置水平线的对齐方式
<div></div> 分区显示标记
html文本标记
<h*> </h*> 标题字体大小标记 * 为1-6 （h1最大 ，h6最小）
<font> </font> 文本字体设置标记
属性
size 字体大小 （1-7） 例： <font size="3"> </font> 默认为3
color 文字颜色
属性 src 图像的文件路径
1.如果在当前目录 则直接用文件名+后缀名就行
2. 在下层目录 直接 目录名/文件
3.在HTML文件上层目录 ../文件名+后缀
4.其他目录 用绝对路径-----一般不用 因为远程访问无法得到图片
属性 width 图像的显示的宽的属性
属性 height 图像的高属性
属性 border 图像的边框宽的属性
属性 alt 值为字符串
1.如果图像加载完成。则鼠标在上面时，显示该字符串
2.如果图像加载失败，则该字符串代替图像显示
3.搜索引擎可以根据该属性抓取该图片
html 超链接标记
<a>网页显示的名字</a>
属性
href 图像的地址(可以是远程或者本地)
target 打开方式
标记: 紫色
_self [在当前界面中打开，原来的界面不存在了]
_blank [在新的界面中打开，原来的界面还存在]
_top
_parent
framename 写框架的名字，可以使链接打开到该页面
表单数据 <form> </form>--可以把表单中数据提交到servlet中
表单标签：<form></form>
属性：action： 提交路径/位置
method 设置提交的方式 其属性有：get[获取数据]/post[传送数据]
<input type=”#”/>
1, text 文本框
Value 设置默认文本
2，password 密码输入框 Value 设置默认密码
3,radio 单选按钮 8
name 必须有的 分组
checked="checked" 设置默认被选中
4, checkbox 复选框
name 可有可无 分组
checked="checked" 设置默认被选中
5，file 文件域
6，submit 提交按钮 Value 设置按钮文字
7，reset 重置按钮 Value 设置按钮文字 默认的不能被清空
8，button 普通按钮 Value 设置按钮文字
9，image 图片域 src 设置图片域的图片路径
10 hidden 隐藏域 内容不显示
<input> 输入标签
属性
type属性不同的值
文本输入类
值 text 单行输入文本框
值 password 单行输入密码框
文本输入类共有属性
maxlength 文本框最大允许输入最大字符数
onchang 当文本改变时要执行的函数
值 onfocus 当文本接受焦点时要执行的函数
value 指定初始值
按钮点击类
值 button 按钮执行相应函数
值 submit 提交表单按钮 点击后连接到表单action 属性指定的URL地址
选择输入类
值 checkBox 复选框 及多选框
属性 checked =true/false 代表默认选中（可以不写值 默认为true）
值 radio 单选框
属性 name =任意值 名字相同的单选框是一组
属性 checked =true/false 代表默认选中（可以不写值 默认为true）
属性 name 定义控件名称
属性 size 指定控件显示的最大宽度
属性 method＝“post/get” 提交方式
属性 actoｎ＝＂地址＂ 表单提交的地址
<select> </select> 下拉选择标签
<option> 下拉选择的选项</option> --必须在<select>标签里
<textarea> </textarea> 多行文本输入框（文本域）
属性 row 表示输入框的行数
属性 cols 表示输入框每行文字个数
属性 selected =true/false 代表默认选中（可以不写值 默认为true）
表格标签 <table> </table> 表格里可以嵌入其他标签
<tr> 行标签</tr> 列标签，元素内容为嵌入的列标签
Valign：设置垂直对齐方式
属性值：top【上】/ bottom【下】/middle【垂直居中】
Bordercolor：设置行的边框颜色
Bgcolor： 设置行背景颜色
Height 设置行高
align: 设置水平对齐方式 属性值：left/right/center
<td>单元格内容</td> 列标签，元素为单元格内容
background 设置单元格的背景图片
Bordercolor 设置单元格边框颜色
Bgcolor 设置单元格背景颜色
Align 设置单元格水平对齐方式
Valign 设置单元格垂直对齐方式
Height 设置单元格的高度
Width 设置单元格的宽度
Rowspan 合并单元格垂直跨度 合并行
Colspan 合并单元格水平跨度 合并列
cellspacing 属性 设置每个单元格之间的距离
属性 border 表格的边框宽度 单位px
属性 align 整个表格相对于网页的对齐方式
值 center 中间对齐
值 right 右对齐
值 lift 左对齐
Height 设置表格的高度
cellspacing 设置单元格与单元格之间的距离
background 设置table的背景图片
bordercolor 设置table边框颜色
bgcolor 设置table的背景颜色
cellpadding 设置文字距离单元格的距离
Width: 设置表格的宽度
页面框架
<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" name="show"/>
<frame src="frame_c.htm" />
</frameset>
</html>
frameborder="no" 不显示边框
------不包含body 上中下的布局 设置name属性，可以是链接打开到该框架中