文档设置标记 - 标签:
<hr>: 分割线标记:
color: 颜色
width: 长短
size: 高度
html实体:
" <=> "
' <=> ′
< <=> <
> <=> >
空格 <=>
文档设置标记 - 文本标记:
<hn>: 标题标记,共6个级别,n=1~6,h1最大,h6最小;
<font>: 字体设置标记,
size:字体大小(取值范围1~7,默认是3);
color:颜色;
face:字体类型;
<b>: 粗字体标记,
<i>: 斜字体标记,
<sub>: 文字下标字体标记,
<sup>: 文字上标字体标记,
<u>: 下划线字体标记,
<strong>: 表示强调,通常显示为粗体字,
<em>: 表示强调,通常显示为斜体字,
<big>: 大型字体标记,
<small>: 小型字体标记,
<cite>: 引用方式的字体,通常是斜体,
<tt>: 打印机字体标识,
Html - 表格:
语法格式:
<table width="500" height="500" border="1" align="center">
<caption align="top">表格的标题</caption>
<tr>
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td>数据</td>
<td>数据</td>
</tr>
</table>
标记:
<table> 属性:
width="500" 表格宽度,值可以是px或者父级元素的%;
height="500" 表格高度,值可以是px或者父级元素的%;
border="1" 表格外边框的宽度;
align="center" 表格水平显示位置:
left居左显示(默认),
center居中显示,
right居右显示;
cellpadding="0" 单元格内容与单元格边框的显示距离
cellspacing="0" 单元格之间的间距,默认2px
frame 控制表格外框最外层的四条线框:
void 无边框(默认值),
above 仅顶部有边框,
below 仅底部有边框,
hsides 仅顶部和底部有边框,
lhs 仅左侧有边框,
rhs 仅右侧有边框,
vsides 仅左侧和右侧有边框,
box 有全部的4个边框,
border 又全部的4个边框;
rules 控制单元格之间的分割线:
none 无分割线,
all 有所有分割线,
rows 仅有行分割线,
cols 仅有列分割线,
groups 仅在行组和列组之间有分割线;
bgcolor="#f00" 背景色
background="1.jpg" 背景图
<caption> 表格标题,位于<table>属性之后,<tr>表格行之前:
align 标题位置:
top 放在表格上部,
bottom 放在表格下部,
left 放在表格左侧,
right 放在表格右侧;
<tr> 定义表格的一行,属性:
bgcolor 设置背景颜色
align 水平方向对齐方式:
left 居左对齐,
center 居中对齐,
right 居右对齐;
valign 垂直方向对齐方式:
top 靠顶端对齐,
middle 居中对齐,
bottom 靠底部对齐;
height="50" 行高
<th> 单元格标记-表头标记,首行或首列,标签内的文本默认被加粗
<td> 单元格标记-数据标记,<th>与<td>属性:
width 单元格宽度
height 单元格高度
bgcolor 设置单元格背景
align 单元格水平对齐方式:
left 居左对齐,
center 居中对齐,
right 居右对齐;
valign 单元格垂直对齐方式:
top 靠顶端对齐,
middle 居中对齐,
bottom 靠底部对齐;
colspan 设置单元格所占列数(合并列)
rowspan 设置单元格所占行数(合并行)
如果都合并:遵循“先列后行”。
Html - 表单:
语法格式:
<form action="" name="" method="">
<input type="" name="" value="" size="" maxlength="" />
<textarea name="" cols="" rows="" value=""></textarea>
<input type="hidden" />: 隐藏域
<input type="file" />: 上传图片
<input type="image" src="1.jpg" />: 图片提交按钮
<select name="" size="" multiple>
<option value="" select="selected"></option>
<option value=""></option>
</select>
</form>
表单标记:
<form> 属性:
action 服务器端地址/接收表单内容的地址/表单数据的处理程序的URL地址,若为空则表示当前文档的URL地址,若不需要使用此属性,要指定其属性为"no";
method 传送数据的方式,分为post和get两种:
get 限制提交内容的长度,
post 没有数据大小限制;
enctype 设置表单资料的编码方式;
name 表单名称;
target 和超链接的类似,用于指定目标窗口;
文本域:
<input> 单标签:
type 值为"text"时,表示一个文本输入框,
值为"password"时,表示一个密码输入框,
值为"submit"时,表示一个提交按钮,
值为"reset"时,表示一个重置按钮,
值为"button"时,表示一个普通按钮,
值为"radio"时,表示一个单选按钮,
值为"hidden"时,表示一个隐藏域,
值为"checkbox"时,表示一个复选框,
单选框和复选框均可用"checked"属性设置默认选中项;
单选框要将name值设为相同才能实现单选效果,
name 定义控件的名称;
value 初始化值,初次打开时,文本框中的值;
size 设置控件的长度;
maxlength 输入框中允许输入的最大字符数;
多行文本域:
<textarea> 属性:
cols 指定显示的行数(单位:字符个数),
rows 指定显示的列数,
下拉菜单:
<select> 属性:
multiple 支持多选,
<option> 属性:
value 当前选项的值,若不设置此属性,默认为此选项的文本内容,
select 默认选中项;
Html - 框架:
语法格式:
<frameset rows="120,*,120" frameborder="1" border="1">
<frame name="top" src="top.html" />
<frameset cols="20%,80%">
<frame name="left" src="left.html" />
<frame name="right" src="right.html" />
</frameset>
<frame name="bottom" src="bottom.html" />
</frameset>
标记:
<frameset> 属性:
cols 使用"像素数"和"%"分割左右窗口,"*"表示剩余部分,
如使用"*,*",表示平均分成2个部分,
如使用"*,*,*",表示平均分成3个部分;
rows 使用"像素数"和"%"分割上下窗口,"*"表示剩余部分,
frameborder 设置是否显示边框:
0 不显示,
1 显示;
border 设置边框的大小,默认为5像素,
<frame> 单标记,必须放在<frameset>内,一个<frame>框架代表一个窗口:
src 链接的网页文件的地址(必须填写);
name 框架名称,根据name判断页面打开位置(要在超链接处加:target="name值")
noresize 禁止调整框架大小,不设置表示可以调整大小;
scrolling 是否需要滚动条:
auto 根据需要自动出现,
yes 有,
no 无;
frameborder 设置是否显示边框:
0 不显示,
1 显示;