<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> | 下标 |
< | < |
> | > |
& | & |
| 空格 |
" | " |