网页的定义
一、网页简单的整体框架:
<HTML>
<HEAD> 中文:gb2312,繁体:big5,英文:iso-8859-1
<META http-equiv="Content-Type" content="text/html; charset=gb2312 " →以哪种编码显示 >
<TITLE> 标题内容 </title> ∟避免乱码
</head>
<BODY bgcolor="背景颜色" background="背景图片路径 "> 设置页面背景
<A href="register/index.html">[免费注册]</A> →超链接设定
<A href="#helpme ">[新人上路]</A> 连接 超链接
<A name="helpme">新人上路指南</A> 锚点 设置
<A href="mailto: 1234567890@qq.com"> 我的信箱 </A> →连接邮箱
<HR size="线厚度" color="颜色" width="线长度"> 水平分割线
<H?> ?级标题 </h?> (?=1、2、3、4、5、6级标题) 标题设置
<P align="对齐方式"> (对齐方式:middle居中\top居上 \bottom 居下) 段落标识符
<FONT size="字体大小" color="字体颜色" face="字体类型" >
要设置的文字部分 字体设置
</font>
<BR> 换行标签
</p> 段落划分
<IMG align="对齐方式" src="图片路径" width="宽度值” height="高度值” alt="提示性文字内容" border="边框值/比例值" /> 图片设置
<PRE> 网页内容 </pre> →预格式文本标签
<OL type="1" > <li> 内容 </li> <li> 内容 </li> …… </OL> →有序列表 项目列表
<UL type="circle"> <li>内容 </li> <li> 内容 </li>…… </UL> →无序列表 和编号设置
<MARQUEE scrolldelay ="300" direction ="up"
内容 滚动延迟时间 滚动方向
滚动 οnmοuseοver="this.stop()" onMouseOut="this.start()"> →鼠标停在那图片就停止滚动
设置 <A href="#"><IMG src="images/scroll/1.gif" border="0" align="middle"> Avon化妆品</A><BR>
</marquee>
</body>
</html>
二、网页中表的定义
<TABLE border="1" width="像素值" height="像素值" bordercolor="颜色" background="图片"
边框厚度 宽度 高度 整边框颜色 整表格背景图片
cellspacing="n" cellpadding="n" >
单元格间距 内边框与内容的间距
第 <TR bgcolor = "颜色代码" > 设置表格、行、列的背景色 定义行
<TD colspan=“n” align="center" > 内容 </td> 定义列
一 合并列数 表内容对齐方式
<TD rowspan=“n” > 内容 </td> 列中可使用图片、设置宽、高等内容
行 合并行数
</tr>
第 n 行
</table>
三、网页中特殊字符转义定义:
特殊字符 | 转义码 |
空格 |
|
引号(“”) | " |
小于(<) | < |
大于(>) | > |
版权号(©) | © |
四、文本显示样式:
<b>…</b> 以黑体显示文本;<i>…</i> 以斜体显示文本;<u>…</u> 带下划线的文本。
<body background=“背景图片路径”bgcolor=“背景颜色”text=“文字颜色”leftmargin=“像素”topmarin=“像素”> …… </body>
leftmargin=“像素”topmarin=“像素”:页面显示时距浏览器窗口上方的空白宽度