HTML的基本框架

来源：互联网发布：1元云购源码视频编辑：程序博客网时间：2024/06/11 12:03

网页的定义

一、网页简单的整体框架：

<HTML>

<HEAD> 中文:gb2312,繁体：big5，英文：iso-8859-1

<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级标题）标题设置

（对齐方式:middle居中\top居上 \bottom 居下）段落标识符

要设置的文字部分字体设置

换行标签

段落划分

<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"

内容滚动延迟时间滚动方向

滚动 onmouseover="this.stop()" onMouseOut="this.start()"> →鼠标停在那图片就停止滚动

设置 <A href="#"><IMG src="images/scroll/1.gif" border="0" align="middle"> Avon化妆品</A>

</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>

三、网页中特殊字符转义定义：

特殊字符

转义码

空格

引号（“”）

小于（<）

大于（>）

版权号（©）

四、文本显示样式：

… 以黑体显示文本；… 以斜体显示文本；… 带下划线的文本。

leftmargin=“像素”topmarin=“像素”：页面显示时距浏览器窗口上方的空白宽度

0 0