第2章第1部分HTML语言

上传人：2*** IP属地：湖北上传时间：2023-02-02 格式：PPT 页数：112 大小：363KB 积分：28 举报 版权申诉

已阅读5页，还剩107页未读，继续免费阅读

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第2章

HTML语言网页是由HTML语言组成的，所以要学习网页设计与制作，必须从网页的基本语言HTML开始。主要内容：

2.1HTML概述2.2HTML语法2.3HTML文档结构2.4HTML常用标记2.1HTML概述HTML的全称是HypertextMarkupLanguage（超文本标记语言），是用于描述网页文档的一种标记语言。HTML的发展经历了如下很多版本。（1）HTML2.0：1995年11月发布，于2000年6月之后被淘汰。

（2）HTML3.2：1996年1月14日发布，W3C推荐标准。

（3）HTML4.0：1997年12月18日发布，W3C推荐标准。

（4）XHTML1.0：2000年1月26日发布，W3C推荐标准，2002年8月1日修订后发布。

（5）XHTML2.0：W3C工作草案，因为改动过大，学习这个新技术的成本过高，现在最常用的还是XHTML1.0的标准。（6）HTML5：2008年，W3C取消了对XHTML的开发，将HTML5规范纳入W3C的框架中。

2.2HTML语法HTML是一种描述性的标记语言，用于描述超文本中内容的显示方式。

1．双标记双标记是由一个起始标记和一个结束标记所组成，其语法为：<x>受控制内容</x>例如：<i>这是斜体字</i>2.单标记HTML中大部分的标记是成对出现的，但也有一些是单独存在的。这些单独存在的标记称为单标记。其语法为：<x/>，例如，<hr/>，<br/>标记等。

3．注释标记注释是网页设计者对页面代码进行的解释，不会在浏览器中显示。注释标记的语法格式如下：

2.3HTML文档结构2.3.1DOCTYPE文档声明

2.3.2头部标记

2.3.3body标记

2.3HTML文档结构HTML文件的基本结构

<html>html文件开始

<head>html文件的头部开始

……

……html文件的头部内容

……</head>html文件的头部结束

<body>html文件的主体开始

……

……html文件的主体内容

……</body>html文件的主体结束

</html>html文件结束2.3.1DOCTYPE文档声明DOCTYPE是documenttype（文档类型）的简写，是指示Web浏览器关于页面使用的XHTML或者HTML是什么版本。以下是三种版本的HTML文档声明示例：（1）<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"/TR/html4/loose.dtd">（2）<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"/TR/xhtml1/DTD/xhtml1-transitional.dtd">（3）<!DOCTYPEhtml>2.3.2头部标记<head>与</head>标记之间是网页的描述性信息，头部标记是指存放在<head>与</head>标记之间的标记，头部标记中描述的内容信息不会显示在页面中，常见的头部标记有以下几种。2.3.2头部标记1．页面标题<title>标记<title>标记用来定义网页文档的标题，语法格式为：<title>标题</title>【代码清单】<!doctypehtml><html><head>

<metacharset="utf-8"><title>网站首页</title></head><body>

河南科技大学软件学院</body></html>2.3.2头部标记2．元信息标记<meta/><meta>标记：通过属性来定义文件信息的名称、内容等。<meta>标记的属性：http-equiv(生成一个标题域)name(表示关键字)

content(关键字/取值的内容)定义编辑工具基本语法：<metaname=“generator”content=“value”>注明：generator：定义编辑器content：定义编辑器的名称2.3.2头部标记设定关键字基本语法：<metaname=“keywords”content=“value”>注明：keywords：定义关键字content：定义关键字的内容2.3.2头部标记设定描述基本语法：<metaname=“discription”content=“value”>注明：discription：描述定义content：定义描述的内容2.3.2头部标记设定作者基本语法：<metaname=“author”content=“value”>注明：author：作者定义content：定义描述的内容2.3.2头部标记设定建立网站的日期基本语法：<metaname=“build”content=“value”>注：build：网页建设

content：定义建设的时间

2.3.2头部标记说明版权基本语法：<metaname=“copyright”content=“value”>注：copyright：版权

content：定义版权信息

2.3.2头部标记记载联系人的邮箱基本语法：<metaname=“reply-to”content=“value”>注：reply-to：回复

content：定义邮箱地址

2.3.2头部标记限制搜索方式基本语法：<metaname=“robots”content=“value”>注：robots：定义搜索方式

content：定义可以采用的方法

2.3.2头部标记设定字符集基本语法：

<metahttp-equiv=“content-type”content=“text/html;charset=内码的语系”>

例：gb2312：简体中文

BIG5：繁体中文（台湾计算机界实行的汉字编码字符集）

UTF-8：2.3.2头部标记设定自动刷新基本语法：

<metahttp-equiv=“refresh”content=“刷新间隔的时间”>(注：时间以秒记)

例：<metahttp-equiv=“refresh”content=“60”/>2.3.2头部标记设定自动跳转

基本格式:<metahttp-equiv=“refresh”content=“跳转间隔的秒数；Url=跳转后打开的网页地址”>

例：

<metahttp-equiv=“refresh”content=“6；Url=http：//”/>2.3.2头部标记设定转场效果

基本语法：

<metahttp-equiv=“进入/退出”content=“revealtrans(duration=效果延续时间，transition=过渡效果编号”>enter：进入网页时的网页过渡效果

exit：退出网页时的网页过渡效果2.3.2头部标记例：

<metahttp-equiv=“enter”content=“revealtrans(duration=3，transition=9”>

(水平百叶窗)

<metahttp-equiv=“exit”content=“revealtrans(duration=5，transition=0”>

(盒状收缩)2.3.2头部标记设定禁用缓存基本语法：<metahttp-equiv=“cache-control”content=“no-cache”/>注：cache-control：缓存控制

content：定义禁止缓存

2.3.2头部标记设定有效期限基本语法:<metahttp-equiv=“expires”content=“到期时间”>注：日期格式：

“星期，日月年时分秒gmt”

例:<metahttp-equiv=“expires”content=“sun,20oct2005113045gmt”>2.3.2头部标记2.3.3body标记<body>又称为主体标记，用于定义文档的主体，网页中所要显示的内容都要放在这个标记内，在后面章节所介绍的HTML标记都将放在这个标记内。表2-1body元素属性描述文字颜色属性TEXT基本语法<BODYtext=“color-value”>注：color-value是颜色的值2.3.3body标记背景颜色属性bgcolor基本语法<BODYbgcolor=“color-value”>注：color-value是颜色的值2.3.3body标记背景图像属性backgroud基本语法<BODYbackgroud=“img_file_url”>注：img_file_url是图片的路径2.3.3body标记背景图像固定属性bgproperties基本语法<BODYbackgroud=“img_file_url”bgproperties=fixed>注：fixed是固定图像2.3.3body标记链接文字的颜色属性

link：设定链接文字默认的颜色

alink：设定激活链接时文字的颜色vlink：设定访问过的链接文字的颜色基本语法：<bodylink=“color_value”alink=“color_value”vlink=“color_value”>注：color_value是颜色的值2.3.3body标记边距属性

topmargin：设定上边距leftmargin：设定左边距基本语法：<bodytopmargin=valueleftmargin=value>注：value一般指像素2.3.3body标记2.4HTML常用标记2.4.1文本标记

2.4.2图像标记

2.4.3超链接标记

2.4.4列表标记

2.4.5分节标记2.4.6表格标记2.4.7浮动框架标记2.4.8多媒体标记

2.4.9交互标记文字的内容输入普通的文字（直接输入到<body>与</body>之间）输入空格符号基本语法:

输入特殊符号如:“->"

&->&2.4.1文本标记注释语句<comment>,

基本语法：<comment>……</comment>2.4.1文本标记标题字标记<H><h1>……</h1>一级标题大<h2>……</h2>二级标题<h3>……</h3>三级标题<h4>……</h4>四级标题<h5>……</h5>五级标题<h6>……</h6>六级标题小标题字的对齐属性align

<hnalign=left>……</hn>左对齐

<hnalign=center>……</hn>居中对齐

<hnalign=right>……</hn>右对齐2.4.1文本标记文字的修饰标记粗体标记<B>,<strong>

基本语法：<B>……</B><strong>……</strong>斜体标记<I>,<em>,<cite>基本语法：<I>……</I><em>……</em><cite>……</cite>2.4.1文本标记上标标记<sup>基本语法：<sup>……</sup>下标标记<sub>基本语法：<sub>……</sub>大字号标记<big>基本语法：<big>……</big>小字号标记<small>基本语法：<samll>……</small>2.4.1文本标记下划线标记<U>

基本语法：<u>……</u>删除线标记<s>,<strike>基本语法：<s>……</s><strike>……</strike>地址文字标记<address>基本语法：<address>……</address>打字机标记<tt>基本语法：<tt>……</tt>2.4.1文本标记等宽文字标记<code>、<samp>

基本语法：<code>……</code><samp>……</samp>键盘输入文字标记<kbd>基本语法：<kbd>……</kbd>声明变量标记<var>基本语法：<var>……</var>2.4.1文本标记字体标记<Font>基本语法：<font>……</font>字体标记的属性face：字体size：字号color：颜色基本语法：

<fontface=“字体名称1，字体名称2，……”size=“value”Color=“value”>……</font>2.4.1文本标记段落标记<p>:段落标记（新建一个段落,相当于enter）<br>:换行标记（相当于软回车：shift+enter）<nobr>:不换行标记基本语法：

段落对齐属性align2.4.1文本标记

<wbr>:<nobr>标记中强制换行的标记基本语法：<nobr>……<wbr>…</wbr>…</nobr><pre>：预格式化标记

基本语法：<pre>……</pre><center>：居中标记基本语法：<center>……</center><blockquote>：缩排标记基本语法：<blockquote>……</blockquote>2.4.1文本标记水平线标记<hr>

hr中的常用属性有：width：水平线的宽度size：水平线的高度color：水平线的颜色noshade：水平线去掉阴影属性align：水平线对齐属性基本语法：

<hrwidth=value1size=value2color=value3align=value4noshade>注：value1、value2表示像素值或百分比

value3表示颜色名称或十六进制数

value4表示left、right或center

2.4.1文本标记在文字上方标注说明标记<RT>,<ruby>

基本语法：<ruby>

被标示的文字

<RT>

说明文字

</RT></ruby>举例：<ruby>886<RT>拜拜啦</RT></ruby>

2.4.1文本标记图片的基本格式JpgGifBmp2.4.2图像标记路径1、绝对路径：为文件提供的完全路径，包括适用的协议或盘符。例：/index.htmd:/wsp/myweb/images/back.jpg2.4.2图像标记2、相对路径：指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。例：文件1.htm的绝对路径是：d:/wsp/myweb/1.htm文件2.htm的绝对路径是：d:/wsp/myweb/2.htm

那么：1.htm相对于2.htm的路径就是：1.htm2.4.2图像标记相对链接的使用方法：如果链接到同一目录下，则只需输入要链接文档的名称。例：<ahref=“1.htm”>如果链接到下一级目录，则需要先输入目录名，然后加“

/”，再输入文件名。例：<ahref=“images/back.htm”>如果连接到上一级目录，则需要先输入”．．/“，然后再输入目录名、文件名。

例：<ahref=“．．/myweb1/index.htm”>2.4.2图像标记3、根路径：根目录的相对地址。根路径的书写方式：以斜杠“

/”

开头，然后是文件夹名，再写文件名。例：<ahref=“/mywebindex.htm”>2.4.2图像标记图片标记<img><img>相关属性：src：描述图片的路径lowsrc：设定分辩率比较低的图片alt：设定图像的提示文字属性width、height：设定图像的宽度和高度border：设定图片的边框vspace：设定图像的垂直间距hspace：设定图像的水平间距align：设定图像的排列属性2.4.2图像标记图片标记<img>基本语法：<imgsrc=“image_url”/>

语法解析：<img>是插入图片的标记

src是描述图片路径的属性

“image_url”表示图片的路径举例：<imgsrc=“images/back.jpg”>2.4.2图像标记设定图片的提示文字alt属性基本语法：<imgsrc=“image_url”alt=“提示文字”>举例：<imgsrc=“images/1.jpg”alt=“美丽风景”>2.4.2图像标记设定图片的宽度：width设定图片的高度：height基本语法：<imgsrc=“image_url”width=宽度height=高度>其中:宽度和高度的单位都是像素举例：<imgsrc=“images/1.jpg”width=400height=500>2.4.2图像标记设定图像的垂直间距vspase设定图像的水平间距hspase基本语法：<imgsrc=“图片路径”

vspase=间距hspase=间距>举例：<imgsrc=“images/1.jpg”vspase=30hapase=30>2.4.2图像标记设定图片的边框border基本语法：<imgsrc=“image_url”border=边框宽度>举例：<imgsrc=“images/1.jpg”border=10>2.4.2图像标记设定图像的排列属性<align>基本语法：<imgsrc=“image_url”align=value>注：value值如下表所示,表示的是相对文字的对齐方式。举例：<imgsrc=“images/1.jpgalign=right”>2.4.2图像标记属性值描述Top文字的中间线居在图片上方Middle文字的中间线居在图片中间Bottom文字的中间线居在图片底部Left图片在文字的左侧Right图片在文字的右侧Absbottom文字的底线居在图片底部Absmiddle文字的底线居在图片中间Baseline英文文字基准线对齐texttop英文文字上边线对齐2.4.2图像标记图片的超链接图片的超链接就是在图片上建立链接。和文字的链接相同，就是点击过链接的图片或文字后就会跳到相应的目的地址上。图片的超链接与文字相同都是<a>标记，与文字不同的是，文字的链接只能是一个，而图片不同可以是一个或多个。2.4.3超链接标记超链接：从一个页面指向另一个目的端的链接。

链接标记：<A>链接标记的属性：href:指定链接地址

name:给链接命名

title：给链接提示文字

target：指定链接的目标窗口

accesskey：链接热键2.4.3超链接标记内部链接与外部链接内部链接：链接指向站点文件夹之内的文件。例：<ahref=“jsjx/index.asp”>外部链接：链接指向站点文件夹之外的文件。例：<ahref=“http:///news.asp”>2.4.3超链接标记

制作内部链接基本语法：<ahref=“

文件名”

>链接文字</a>

举例：<ahref=“index.htm”>返回首页</a>

设定链接的目标窗口基本语法：<ahref=“文件名”

target=“value”>链接文字</a>注：target属性中value的取值：_parent：在上一级窗口中打开。_blank：在新窗口中打开。_self：在同一窗口中打开。（默认）_top：在浏览器的整个窗口中打开，忽略任何框架。举例：<ahref=“index.htm”target=“_blank”>返回</a>2.4.3超链接标记书签链接建立书签基本语法：<aname=“name”>文字</a>举例：<aname=“lb”>李白</a>

链接同一页面的书签

基本语法：<ahref=“#书签名”>文字</a>

举例：<ahref=“#lb”>李白</a>

链接到其他页面中的书签

基本语法：<ahref=“文件名#书签名”>文字</a>

举例：<aname=“

唐诗宋词.htm#lb”>李白</a>2.4.3超链接标记外部链接

链接路径应使用绝对路径，即带有协议或盘符的路径。

链接到外部网站基本语法：<ahref=“http://……”>链接文字</a>

其中“

http://……

”表示http站点的“

URL”举例：<ahref=“

”></a>2.4.3超链接标记下载文件基本语法：<ahref=“file_url”>链接文字</a>

其中“file_url”表示文件所在的路径。2.4.3超链接标记图片的超链接图片的超链接就是在图片上建立链接。和文字的链接相同，就是点击过链接的图片或文字后就会跳到相应的目的地址上。图片的超链接与文字相同都是<a>标记，与文字不同的是，文字的链接只能是一个，而图片不同可以是一个或多个。2.4.3超链接标记基本语法：<ahref=filename><imgsrc=filename>文字</a>举例：<ahref=“index.htm”><imgsrc=“1.jpg”>返回</a>2.4.3超链接标记图片的映射一张图片可以有多个超链接，一幅图片被切分成不同的区域，每一个不同的区域可以链接到不同的地址，这每个区域被称为图像的热区。每一个热区可以有自己的链接地址，浏览者单击图片上的热区后，就会转到相应的链接地址上去。这个过程就称为图像的映射。建立图像映射分两部分：图像链接地址的创建和制作图像映射。2.4.3超链接标记图像链接地址的创建

先使用html语言创建出包含有文字链接地址的页面；（一般在页面内建立标签或建立页面间链接）2.4.3超链接标记制作图片映射使用工具(dreamweaver或frontpage)制作出图像映射，即创建热区，使用<map>、<area>标记。建立图片的映像说明（使用alt属性标签）2.4.3超链接标记<area>标记的属性

shape：定义图象映射区域的形状rect表示矩形区域

circle表示椭圆形区域poly表示多边形区域

href：定义不同区域的链接地址alt：设定替代的文字，提示文字coords：设定区域坐标2.4.3超链接标记<area>标记的基本语法：<areashape=“形状”coords=“区域坐标”href=“链接地址或#书签名”alt=“说明文字”>例如：<areahref=“#“shape="rect“

coords=“34,27,336,173“

alt=亚洲>2.4.3超链接标记建立热区的基本语法：<imgsrc=图片路径usemap=“#地图名"><mapname=“地图名"><areashape=形状coords=区域

href=地址或#书签名alt=提示文字></map>2.4.3超链接标记建立热区的基本语法：<imgsrc=图片路径usemap=“#地图名"><mapname=“地图名"><areashape=形状coords=区域

href=地址或#书签名alt=提示文字></map>2.4.3超链接标记列表有两种类型:无序列表有序列表无序列表:没有顺序的列表项目,使用●□

◆等特殊项目符号.有序列表:按照字母或数字等顺序排列的列表项目.<LI>:列表项目标记2.4.4列表标记

有序列表标记：<OL>基本语法：<OL><li>项目1</li><li>项目2</li>

……</OL>2.4.4列表标记有序列表的属性标记：<type>、<start>1.基本语法：<OLtype=value1start=value2><LI>项目1<LI>项目2

……</OL>注：value1表示有序列表项目符号的类型

value2表示项目开始的数值有序列表的类型：

1：数字1，2，3……a:字母a,b,c……A:字母A,B,C……i:小写罗马数字I,ii,iii……I:大写罗马数字Ⅰ，Ⅱ，Ⅲ2.4.4列表标记无序列表标记<UL>

基本语法：<UL> <li>项目1</li> <li>项目2</li>……</UL>

2.4.4列表标记

无序列表的类型属性<Type>基本语法：<ULtype=value><LI>项目1<LI>项目2

……</UL>无序列表的类型：

disc表示●

circle表示○

square表示□2.4.4列表标记定义列表标记<DL>、<DT>、<DD>基本语法：<DL> <DT>名词1</dt><DD>解释1</dd> <DT>名词2</dt><DD>解释2</dd>

…… </DL>注：<DT>表示名词；<DD>表示对名词的解释。2.4.4列表标记定义列表的嵌套基本语法：<DL><DT>名词1</dt><DD>解释1</dd><DD>解释2</dd><DD>解释3</dd>

……<DT>名词2</dt><DD>解释1</dd><DD>解释2</dd><DD>解释3</dd>

……

…… </DL>2.4.4列表标记无序及有序列表的嵌套

基本语法：<ULtype=value><LI>项目1<OLtype=value><LI>二级项目1</LI><LI>二级项目2</LI>

……</OL></LI><LI>项目2<OLtype=value><LI>二级项目1</LI<LI>二级项目2</LI>

……</OL></LI><UL>

2.4.4列表标记1.页眉标记<header><header>标记用来包含文档的页眉，提供一些介绍性信息（如标题、副标题或logo等），用于正文或正文中的节。例如：<header><h1>walker石的博客</h1></header>2.4.5分节标记2.页脚标记<footer><footer>标记定义文档或节的页脚。通常包含文档的作者、版权信息、使用条款链接、联系信息等。可以在一个文档中使用多个<footer>标记。例如：<footer><h1>版权所有@XXXX</h1></footer>2.4.5分节标记3.导航标记<nav><nav>标记用于定义网页中的导航栏。例如：<nav><ul><li><ahref="#">菜单一</a></li><li><ahref="#">菜单二</a></li><li><ahref="#">菜单三</a></li></ul></nav>2.4.5分节标记4.章节标记<section><section>标记用来为网页文档分章节，表现文档结构最基本的元素，其代码结构如下，显示效果如图所示。

<h1>第一章标题</h1><p>内容</p></section><section><h1>第二章标题</h1><p>内容</p></section>2.4.5分节标记5.独立文档标记<article><article>标记一般用来表现文档正文内容。2.4.5分节标记6.相关文档标记<aside><aside>标记定义<article>标记以外的内容，用于包含当前文档相关的内容，如侧栏提示文档或相关文档等。我们可以利用下面的代码来定义页面结构，定义完成的页面结构如图所示。

<header>顶部</header><nav>导航栏</nav><section><header>标题</header><article>内容<article></section><aside>辅助栏</aside><footer>底部</footer>2.4.5分节标记基本格式：

<table><tr><td>……</td>……

</tr><tr><td>……</td>

……</tr>

……</table>语法解释：<table>：表格标记<tr>：行标记<td>：单元格标记举例说明2.4.6表格标记表格的边框属性border：设置表格的边框。（单位为像素）bodercolor：设置表格的边框颜色。bodercolorlight：设置表格的（大边框的）左上边框或（小边框的）右下边框的颜色。bodercolordark：设置表格的（大边框的）右下边框或（小边框的）左上边框的颜色。2.4.6表格标记基本语法：<tableborder=宽度bordercolor=颜色bordercolorlight=颜色bordercolordark=颜色>

其中，颜色可以是名称或十六进制数。举例:<tableborder=10bordercolor=redbordercolorlight=bluebodercolordark=#ff2266>2.4.6表格标记

Width、Height：设定表格的宽度、高度Bgcolor：设定表格的背景色Background：设定表格的背景图片基本语法：

<tablewidth=高度height=宽度bgcolor=背景色><tablebackground=背景图片路径名>举例<tablewidth=400height=500bgcolor=red><tablebackground=1.jpg>表格的其他属性2.4.6表格标记单元格的间距属性cellspacingCellspacing：设定单元格与单元格之间的距离基本语法：<tablecellspacing=value>其中，value的单位是像素。举例：<tablecellspacing=10>2.4.6表格标记单元格的边距属性cellpaddingCellpadding：设定单元格边框与内容之间的距离基本语法：<tablecellpadding=value>其中，value的单位是像素。举例：<tablecellpadding=10>2.4.6表格标记表格的水平对齐align基本语法：<tablealign=对齐方式>语法解释：对齐方式有：left：居左right：居右center：居中举例：

<TABLEalign=left>2.4.6表格标记表格的标题<caption>：设置表格的标题，默认的情况下居中对齐。align：设置表格标题的对齐方式，有三种：left（左对齐）right（右对齐）center（居中）valign：设置表格标题的垂直对齐方式，即可在表格上方或下方，有两种：top(上方)bottom(下方)基本语法：<captionvalign=对齐方式align=对齐方式>

……</caption>举例<captionvalign=bottomalign=right>2.4.6表格标记表格的表头的设置<th>基本格式：

……</tr><tr><td>……</td>

……</tr>

……</table>举例：设置表格的表头<table><tr><th>姓名</th><th>出生年月</th></tr><tr><td>张三</td><td>1986.1.5</td></tr><tr><td>李四</td><td>1987.2.16</td></tr></table>2.4.6表格标记行标记<tr>的属性：bgcolor：设置行的背景色。bordercolor：设置行的边框颜色。bordercolorlight：设置行的亮边框颜色。bordercolordark：设置行的暗变框颜色。align：设置行的对齐方式，（里面内容的对齐方式）有三种：left、center、right。Valign：设置行的垂直对齐方式，有三种：top（居上）、middle（居中）、bottom（居下）。基本语法：<trbgcolor=颜色bordercolor=颜色

bordercolorlight=颜色bordercolordark=颜色align=对齐方式valign=对齐方式>2.4.6表格标记单元格标记<td>的属性设置：bgcolor：设置单元格的背景颜色。background：设置单元格的背景图片。bordercolor：设置单元格的边框颜色。bordercolorlight：设置单元格的亮边框颜色。bordercolordark：设置单元格的暗边框颜色。width：设置单元格的宽度。height：设置单元格的高度。align：设定单元格内容的水平对齐方式，有三种：right（居右）、left（居左）、center（居中）。Valign：设定单元格的垂直对齐属性，有三种：top（居上）、middle（居中）、bottom（居下）。rowspan：单元格的跨行属性。（垂直方向上）Colspan：单元格的跨列属性。（水平方向上）2.4.6表格标记基本语法：<tdbgcolor=颜色background=图片名bordercolor=颜色bordercolorlight=颜色bordercolordark=颜色align=水平对齐方式valign=垂直对齐方式width=宽度height=高度rowspan=行数colspan=列数>举例<tdbgcolor=redbackground=1.jpgbordercolor=bluebordercolorlight=greenbordercolordark=#eeff33align=rightvalign=middlewidth=50height=40colspan=3rowspan=2>2.4.6表格标记表头标记<th>的属性设置：bgcolor：设置表头的背景颜色。background：设置表头的背景图片。bordercolor：设置表头的边框颜色。bordercolorlight：设置表头的亮边框颜色。bordercolordark：设置表头的暗边框颜色。width：设置表头的宽度。height：设置表头的高度。align：设定表头内容的水平对齐方式，有三种：right（居右）、left（居左）、center（居中）。Valign：设定表头的垂直对齐属性，有三种：top（居上）、middle（居中）、bottom（居下）。rowspan：表头的跨行属性。Colspan：表头的跨列属性。2.4.6表格标记基本语法：<thbgcolor=颜色background=图片名bordercolor=颜色bordercolorlight=颜色bordercolordark=颜色align=水平对齐方式valign=垂直对齐方式width=宽度

height=高度

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

第2章第1部分HTML语言

文档简介

温馨提示

最新文档

评论