<head>标签的子标签
<title>标签:设置标题,设置完成后可以显示到IE窗口的标题上
<style>标签:引入css文件
<script>标签:引入javascript文件
<meta http-equiv=“content-type” content=“text/html;charset=gb2312”>
<meta http-equiv=“refresh” content=“5;url=http://www.bjpowernode.com”>
<meta name="keywords" content=“ ">
<meta name="description" content=“ ">
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
body中常用标签:
bgcolor指背景颜色
background指背景图片
横线-<hr>
size—长度
width—宽度
color—颜色,color为 16 进制 RGB 数字,或者是下列预定义色彩,blue/yellow/red……
超级链接-<a>
href—url
target—目标窗口,使用target属性,你可以定义从什么地方打开链接地址。
显示结果 |
描述 |
实体名 |
实体号 |
|
不可拆分的空格 |
|
  |
< |
小于 |
< |
< |
> |
大于 |
> |
> |
& |
and符号 |
& |
& |
" |
引号 |
" |
" |
' |
单引号 |
|
' |
|
显示结果 |
描述 |
实体名 |
实体号 |
¢ |
分 |
¢ |
¢ |
£ |
英镑 |
£ |
£ |
¥ |
人民币元 |
¥ |
¥ |
§ |
章节 |
§ |
§ |
© |
版权 |
© |
© |
® |
注册 |
® |
® |
× |
乘号 |
× |
× |
÷ |
除号 |
÷ |
÷ |
.与文件同一目录..该文件的上一级目录
标题字体-<h1~6>
可以取值1,2,3,4,5,6
标题显示为黑体字
这些标记自动插入一个空行,不必用 <p> 标记再加空行
数字越小字体越大
换行:<br>和<p>:<p>中间插入一个空行,而<hr>不会插入空行
字体设置<font>
size—1,2,3,4,5,6,7
color—字体颜色, color为 16 进制 RGB 数字,或者是下列预定义色彩,blue/yellow/red……
文字布局:
<div>…</div> <span>…</span>
文字的分区显示2个div之间会自动换行
<ul><li>…</ul>
无序号列表
<ol><li>…</ol>
有序号列表
<p>
回车换行
<br>
换行
<pre>…<pre>
保留原始格式
图片-<img>:
src--图片路径,最好使用相对路径
alt--当鼠标放到图片上显示出提示信息
width—图片宽度,如果不指定按原始宽度
height—图片高度,如果不指定按原始高度
表单-<form>
action
提交给服务器的那个程序来处理(如:把表单中的数据保存到数据库中)
method,可以取值get或post
get—发送数据的大小有限制(256byte),表单中的数据显示在url后面,如:user.html?userid=zhangsan&username=张三
post—发送数据的大小没有限制,而且不会现在在url后面
<input type="" name="">
type可以取值
³ text/password/checkbox/radio/select/textarea/submit/reset/button/image/hidden
name输入域的名字
文字输入-text
id—唯一标识
name—名称
value—值
size—长度
maxlength—最大长度
密码输入-password:
id—唯一标识
name—名称
value—值
size—长度
maxlength—最大长度
复选框-checkbox:
id—唯一标识
name—名称,多个时名称相同
value—值
checked—选中的checkbox
单选框-radio:
id—唯一标识
name—名称,多个时名称相同
value—值
checked—选中的radio
列表框-select:
id—唯一标识
name--名称
size--列表框的长度
multiple—可以实现多选的列表框
<option>,可以有option
value—列表框中的值
selected—指定哪一项被选中
文本区域-textarea:
id—唯一标识
name--名称
rows-行数
cols-列数
按钮-button:
button—点击按钮可以提交数据,一般适合于表单中多个button
submit—点击按钮将该form中的信息提交
reset—点击按钮将该form中的信息重置
image—可以点击图片提交
隐藏表单-hidden:
隐含域其实和正常的输入域一样,只是不会将数据显示到页面上,因为放到
隐含域中的数据,没有必要让用户看,因为这些数据大部分是控制数据
表格-table
border--表格边框尺寸
width—表格宽度,可以用百分比,可以用数值
align—对齐方式,left/right/center
<tr>--行
<td>--列
colspan—跨多列
框架-frame:
窗口中正常情况下只能显示一个网页,采用帧可以将窗口分隔出多个窗口, 每个窗口对应一个html文件
<html>
<head><title>Frame</title></head>
<!--注意不能有body标签-->
<!--
<body>
-->
<frameset cols="18%, *">
cols表示列,如果多列采用逗号间隔,百分比表示列的宽度,星号表示剩余宽度,如果是行可以采用rows,用法同cols,如以下为两列:一列帧大小为18%,另一列帧大小为屏幕的剩余部分
<frame name="left" src="21_1.html" >
src为每帧对应的文件名称
<frame name="right" src="21_2.html">
</frameset>
<!--
</body>
-->
</html>
HTML中target属性的4个内定名称:
_blank,表示新开启一个浏览器窗口
_self,此属性为默认属性,在当前窗口显示
_parent,表示在当前窗口的直接父帧窗口(直接上一级窗口)显示
_top,在最顶层窗口显示
target属性值可以直接赋值帧的名称
隐含帧<iframe>:
隐含帧使用的标签为<iframe>,隐含帧不需要放到<frameset>标签中,使用隐含帧,可以实现网页局部数据的显示的滚动和局部数据刷新
标签 |
描述 |
<b>…</b> |
黑体 |
<i>…</i> |
斜体 |
<u>…</u> |
下划线 |
<s>…</s> |
中划线 |
<sup>…</sup> |
上标 |
<sub>…</sub> |
下标 |
< |
< |
> |
> |
& |
& |
|
空格 |
" |
" |