全局框架标签:
<html>
<head>
</head>
<body>
</head>
</html>
head 标签:
<title>
<base href=”” target> 定义相对路径
<meta>
name属性 :
Keywords
Descrption
Robots 搜索引擎的收录方式
Generator 编辑此网页的工具软件名
Author
Copyright
http-equiv属性:
Content-Type content=”text/html;charset=gb2312”定义网页内容和字符集
Refresh content=”1,url=”
Expires到期时间
Windows-Target 使用<meta http-equiv=”Windows-Target” content=”_top”>可以防止别人盗连你的网页
Pragma 是否缓存页面
Page-Enter content=”revealTrans(Transition=23,Duration=1.000)”
Page-Exit
<link> 导入文件用,3个重要属性 rel = “stylesheet”时导入的是css
href 外部文件链接
type = ”text/css” 描述文件类型(非必须)
media 说明在什么媒体上显示 ,常用 screen
文本标签:
<p> 前后会空一行
<h1> 前后会空一行
<br> 单标签
<hr> 单标签
<marquee direction=”left” behavior=”scroll”> 移动文本和图像
特殊字符: & -> &
" -> “
® -> ®
© -> ©
™ - > ™
-> 空格
常用文本标签:
标签 | 描述 |
<b> | 定义粗体文本。 |
<big> | 定义大号字。 |
<em> | 定义着重文字。 |
<i> | 定义斜体字。 |
<small> | 定义小号字。 |
<strong> | 定义加重语气。 |
<sub> | 定义下标字。 |
<sup> | 定义上标字。 |
<ins> | 定义插入字。 |
<del> | 定义删除字。 |
<u> | 下划线 |
其他文本标签:
标签 | 描述 |
<abbr> | 定义缩写。 |
<acronym> | 定义首字母缩写。在某些浏览器中,当您把鼠标移至缩略词语上时,title可被用来展示表达的完整版本 |
<address> | 定义地址。 |
<bdo> | 定义文字方向。 |
<blockquote> | 定义长的引用。 |
<q> | 定义短的引用语。 |
<cite> | 定义引用、引证。 |
<dfn> | 定义一个定义项目。 |
列表标签:
<dl>
<dt>
<dd>
数字标签:
<ol>
<li>
园点标签:
<ul>
<li>
链接:
<img src = “” > 图片链接
<a name=”name”> 锚标签
<a href=”#name”> 转到本页锚标签
<a href=”” target=””> 网页链接
target属性:
_self
_blank
_top
_parent
相对路径:
../ 上级目录
./ 或者什么都不写 表示当前目录
/ 表示根目录
绝对路径:
url
邮箱连接:
mailto:
属性:
subject 主题
cc / bcc 抄送
body 内容
表格:
<table>:
属 性 | 描 述 |
width | 表格的宽度 |
height | 表格的高度 |
align | 表格在页面的水平摆放位置 |
background | 表格的背景图片 |
bgcolor | 表格的背景颜色 |
border | 表格边框的宽度(以像素为单位) |
bordercolor | 表格边框颜色 |
bordercolorlight | 表格边框明亮部分的颜色 |
bordercolordark | 表格边框昏暗部分的颜色 |
cellspacing | 单元格之间的间距 |
cellpadding | 单元格内容与单元格边界之间的空白距离的大小 |
<tr>:
属 性 | 描 述 |
align | 行内容的水平对齐left,center,right |
valign | 行内容的垂直对齐top,middle,bottom |
bgcolor | 行的背景颜色 |
bordercolo | 行的边框颜色 |
bordercolorlight | 行的亮边框颜色 |
bordercolordark | 行的暗边框颜色 |
<td><th>:
属 性 | 描 述 |
width/height | 单元格的宽和高,接受绝对值(如 80)及相对值(如 80%)。 |
colspan | 单元格向右打通的栏数 |
rowspan | 单元格向下打通的列数 |
align | 单元格内字画等的摆放贴,位置(水平),可选值为: left, center, right。 |
valign | 单元格内字画等的摆放贴 位置(垂直),可选值为: top, middle, bottom。 |
bgcolor | 单元格的底色 |
bordercolor | 单元格边框颜色 |
bordercolorlight | 单元格边框向光部分的颜色 |
bordercolordark | 单元格边框背光部分的颜色 |
background | 单元格 背景图片 |
框架标签:
<frameset>
<frame>
<frame>
.
.
.
</frameset>
属性:
<frameset>:
属 性 | 描 述 |
border | 设置边框粗细,默认是5象素. |
bordercolor | 设置边框颜色 |
frameborder | 指定是否显示边框 :"0"代表不显示边框,"1"代表显示边框 |
cols | 用"象素数" 和 "%"分割左右窗口,"*"表示剩余部分 |
rows | 用"象素数" 和 "%"分割上下窗口,"*"表示剩余部分 |
framespacing="5" | 表示框架与框架间的保留空白的距离 |
noresize | 设定框架不能够调节,只要设定了前面的,后面的将继承 |
<frame>: 单标签
属 性 | 描 述 |
src | 指示加载的url文件的地址 |
bordercolor | 设置边框颜色 |
frameborder | 指示是否要边框,1显示边框,0不显示(不提倡用 yes 或 no) |
border | 设置边框粗细 |
name | 指示框架名称,是连结标记的 target所要的参数 |
noresize | 指示不能调整窗口的大小,省略此项时就可调整, |
scorlling | 指示是否要滚动条,auto根据需要自动出现,Yes有,No无 |
marginwidth | 设置内容与窗口左右边缘的距离,默认为1 |
marginheight | 设置内容与窗口上下边缘的边距,默认为1 |
width | 框窗的宽及高 默认为width="100" height="100" |
align | 可选值为 left, right, top, middle, bottom |
表单:
<form>标签
属性:
action = url
method = get|post
name = “”
onsubmit
onreset
target
form内标签
<input type=”text” name=”stuno”> maxlength / size
<input type=”password” name=”password”>
<input type=”radio” value=”1” name=”radio” checked>多个radio相同name即成为一组
<input type=”checkbox” value=”1” name=”checkbox” checked >
<input type=”file”>
<input type=”button” value=”button”>
<input type=”submit” value=”submit”>
<input type=”reset” value=”reset”>
<input type=”image” src=””>
<textarea name=”textarea” rows=”4” cols=”5”/>
<select name=”select” size=”3” multiple> multiple表示可以多选
<option value=”1”>1st</option>
<option value=”2”>2nd</option>
<option value=”3”>3rd</option>
<option value=”4”>4th</option>
<option value=”5”>5th</option>
</select>
name属性 :可能会重名
ID属性 :控件的唯一标识
分区标签
<div> 一块区域
<span> 一行
分区标签一般使用ID属性区分