标记滚动文字代码

第3章掌握必要的HTML语言网页的本质是超文本标记语句,通过结合与使用其他Web技术,如脚本语言、公共网关接口、组件等,可以创造出功能更为强大的网页.
因而,超文本标记语言是万维网(Web)编程的基础.
本章我们就来学习HTML的语法格式及使用方法.
本章主要内容:HTML的语法结构认识HTML的基本标记HTML5简介3.
1认识HTMLHTML又称为超文本标记语言(HyperTextMarkupLanguage)是为"网页创建和其他可在网页浏览器中看到的信息"设计的一种标记语言.
HTML被用来结构化信息,例如标识标题、段落和列表等,也可用来在一定程度上描述文档的外观和语义.
3.
1.
1HTML语言简介HTML,即超文本标记语言,是目前因特网上用于编写网页的主要语言.
之所以称为超文本,是因为文本中包含了所谓的"超链接"点.
这也是HTML获得广泛应用的最重要的原因之一.
但它并不是一种程序设计语言,而是一种规范,一种标准,通过标记符号来标记网页中要显示的各个部分.
网页文件本身是一种文本文件,通过在文本文件中添加标记符,来告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图像如何显示等).
HTML文件是一种可以用任何文本编辑软件创建的ASCII码文件.
常见的文本编辑软件如"记事本""写字板"等都可以编写HTML文件,在保存时以.
htm或.
html作为文件的扩展名.
当使用浏览器打开这些文件时,浏览器对文件进行解释,浏览者就可以从浏览器窗口中看到网页要显示的内容.
浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容;对书写出错的标记将不指出其错误,且继续执行解释过程.
网页制作者只能通过显示效果来分析出错原因和出错位置.
需要注意的是,不同的浏览器对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示结果.
HTML不是一种编程语言,而是一种标记语言.
标记语言是一套标记标签,HTML就是使用标记标签来描述网页的.
下面介绍它的语法结构.
DreamweaverCC网页设计自学经典·42·3.
1.
2HTML的基本语法结构1.
标记和属性HTML文件由标记和被标记的内容组成.
标记被封装在""所构成的一对尖括号中,如,在HTML中标识段落.
标记分为单标记和双标记.
双标记用一对标记对所标识的内容进行控制,包括开始标记符和结束标记符;而单标记则不需要标记符成对出现.
这两种标记的格式如下.
单标记格式:内容双标记格式:内容标记规定的是信息内容,但标记中的文本、图像等信息内容将怎样显示,还需要在标记后面加上相关的属性来指定.
标记的属性用来描述对象的特征,控制标记内容的显示和输出格式.
标记通常都有一系列属性.
设置属性的一般语法结构为:内容例如,要将页面中段落文字的颜色设置为红色,则应设置其color属性的值为red,具体格式是:内容要说明的是,并不是所有的标记都有属性,例如换行标记就没有属性.
一个标记可以有多个属性,在实际使用时可根据需要设置其中一个或多个属性,这些属性之间没有先后顺序之分.
2.
HTML文件结构HTML文件必须以标记开始,以标记结束,其他标记都包含在这里面.
在这两个标记之间,主要包括HTML文件的文件头和文件体两个部分.
下面以一个简单的网页为例来说明.
打开"记事本"程序,输入以下内容.
输入后的结果如图3-1所示.
欢迎光临我的小站!
借一场花开,躲一场人海图3-1添加代码第3章掌握必要的HTML语言·43·然后执行"文件"→"另存为"命令,这时会弹出"另存为"对话框,在"保存类型"右边的下拉菜单里选择"所有文件".
这一点很重要,否则,它将被保存为纯文本文件,而不是HTML文件.
将输入的内容保存成名为"index.
htm"的HTML文件,也可以命令为"index.
html",然后设置保存路径并保存.
双击保存的HTML文件,在浏览器中打开,如图3-2所示.
可以看到,整个文档内容包含在HTML标记中.
和成对出现,处于文件的第一行,表示文档的开始,位于文件最后一行,表示文档的结束.
文件头部分用标记标识,处于第二层.
和成对出现,包含在和中.
和之间包含的是文件标题标记,它处于第三层.
网页的标题内容"欢迎光临我的小站"写在与之间.
文件头部分用于对网页信息进行说明,在文件头部分定义的内容通常不在浏览器窗口中出现.
文件体部分用标记标识,它也处于第二层,包含在标记内,在层次上和文件头标记并列.
网页的内容,如文字、图片、动画等就写在和之间,它是网页的核心.
从图3-2中可以看到,浏览器顶端标题栏中显示的文字就是网页的标题,是和之间的内容;而源代码和间的内容显示在浏览器窗口中.
图3-2打开制作的网页3.
2HTML的基本标记在上一节中介绍了HTML文件的基本结构及所涉及的标记,下面将介绍一些基本的HTML标记.
网页中常见的标记有文本标记、图像标记、表格标记和超链接标记等.
3.
2.
1文本标记在HTML中,使用标记来标识文档中的标题和副标题,n代表从1~6的数字,数字越大所标记的标题字越小.
用标记设置标题的示例代码如下.
网页设计DreamweaverCC网页设计自学经典·44·标题文字h1标题文字h2标题文字h3标题文字h4标题文字h5标题文字h6在浏览器中的显示效果如图3-3所示.
3.
2.
2段落标记段落文本使用标记定义,文本内容写在开始标记和结束标记之间.
属性align可以用来设置段落文本的对齐方式,其属性值有3个,分别是left(左对齐)、center(居中对齐)、right(右对齐).
当没有设置align属性时,默认为左对齐.
用标记设置段落文本的示例代码如下.
段落文字的对齐方式段落文本段落文本段落文本段落文本在浏览器中的显示效果如图3-4所示.
图3-3标题文字标记运行效果图3-4段落文本标记运行效果可以用来进行段落处理的还有强制换行标记.
放在一行的末尾,可以使后面的文字、图片、表格等显示于下一行.
它和标记的区别是,用分开的两行之间不会有空行,而却会有空行.
第3章掌握必要的HTML语言·45·例如输入以下代码:强制换行标记段落文本段落文本强制换行标记强制换行标记在浏览器中的显示效果如图3-5所示.
图3-5强制换行标记运行效果3.
2.
3文本格式标记文本显示的格式使用标记来标识.
标记常用的属性有3个,size用来设置文本字号大小,取值是0~7;color用来设置文本颜色,取值是十六进制表示的RGB颜色;face用来设置字体,取值可以是宋体、黑体等.
用标记设置文本格式的示例代码如下.
文本格式标记这是size="3"的文本这是size="6"的文本这是color="#000000"的文本这是color="red"的文本这是face="黑体"的文本这是face="宋体"的文本在浏览器中的显示效果如图3-6所示.
DreamweaverCC网页设计自学经典·46·为了让文字格式有变化,或者为了强调某部分文字,可以设置其他的文本格式标记,有以下几种.
文本以加粗形式显示文本以斜体形式显示文本加下划线显示文本加重显示(通常是黑体加粗)用文本格式标记来设置文本格式的示例代码如下.
文本格式标记加粗字斜体字加下划线强调文本在浏览器中的显示效果如图3-7所示.
图3-6文本格式标记运行效果图3-7文本格式标记运行效果3.
2.
4图像标记在页面中插入图像使用标记.
是单向标记,不成对出现,如:.
src属性用来设置图像所在的路径和文件名.
图像标记常用的属性还有width和height,分别用来设置图像的宽和高.
另外,alt也是常用属性,用来设置替代的文字,这样,当浏览器尚未完全读入图像时,或浏览器不支持图像显示时,在图像位置将显示这些文字.
图像标记的使用示例,代码如下.
图像标记第3章掌握必要的HTML语言·47·在浏览器中的显示效果如图3-8所示.
图3-8图像标记运行效果3.
2.
5超链接标记超链接是指从一个页面跳转到另一个页面,或者是从页面的一个位置跳转到另一个位置的链接关系,它是HTML的关键技术.
链接的目标除了页面还可以是图片、多媒体、电子邮件等.
有了超链接,各个孤立的页面才可以相互联系起来.
1.
页面链接在HTML中创建超链接需要使用标记,具体格式是:链接href属性控制链接到的文件地址,target属性控制目标窗口.
target="blank"表示在新窗口打开链接的文件,如果不设置target属性则表示在原窗口打开链接文件.
在和之间可以用任何可单击的对象作为超链接的源,如文字或图像.
常见的超链接是指向其他网页的超链接,如果超链接的目标网页位于同一站点,可以使用相对URL;如果超链接的目标网页位于其他位置,则需要使用绝对URL.
例如,以下的HTML代码分别显示了创建绝对超链接和相对超链接的方法.
.
百度搜索网页test22.
锚记链接如果要对同一网页的不同部分进行链接,需要建立锚记链接.
DreamweaverCC网页设计自学经典·48·设置锚记链接,首先应为页面中要跳转到的位置命名.
命名时使用标记的name属性.
此处与之间可以包含内容,也可以不包含内容.
例如,在页面开始处用以下语句进行标记.
顶部对页面进行标记后,可以用标记设置指向这些标记位置的超链接.
如果在页面开始处标记了"top",则可以用以下语句进行链接.
返回顶部这样设置后,当用户在浏览器中单击文字"返回顶部"时,将显示"顶部"文字所在的页面内容.
要注意的是,应用锚记链接时要将其href的值指定为符号#接锚记名称的形式.
如果将href的值指定为一个单独的#,则表示空链接,不做任何跳转.
3.
电子邮件链接如果将href属性的值指定为"mailto:电子邮件地址",则可以获得指向电子邮件的超链接.
例如,使用以下HTML代码可以设置电子邮件超链接.
it_book的邮箱当浏览用户单击该超链接后,系统将自动启动邮件客户程序,并将指定的邮件地址填写到"收件人"栏中,此时用户可以编辑并发送邮件.
3.
2.
6列表标记列表分为有序列表、无序列表和定义列表.
有序列表是指带有序号标志(如数字)的列表;没有序号标志的列表为无序列表;定义列表则用于对列表项做出解释.
1.
有序列表有序列表的标记是,其列表项标记是,具体格式是:列表项1列表项1列表项1type属性可取的值有以下几种.
1:序号为数字.
A:序号为大写英文字母.
a:序号为小写英文字母.
I:序号为大写罗马字母.
i:序号为小写罗马字母.
第3章掌握必要的HTML语言·49·使用有序列表的示例代码如下.
有序列表文字图像表格表单文字图像表格表单在浏览器中的显示效果如图3-9所示.
图3-9有序列表2.
无序列表无序列表的标记是,其列表项标记是,具体格式是:列表项1列表项1列表项1type属性控制的是列表在排序时所使用的字符类型,可取的值有以下几种.
disc:符号为实心圆.
DreamweaverCC网页设计自学经典·50·circle:符号为空心圆.
square:符号为实心方点.
使用无序列表的示例代码如下.
无序列表文字图像表格文字图像表格文字图像表格在浏览器中的显示效果如图3-10所示.
图3-10无序列表3.
定义列表定义型列表用在对列表项目进行简短说明的情况下,具体格式是:第3章掌握必要的HTML语言·51·定义列表在HTML中的标记是,列表项的标记是和.
标记所包含的列表项目标识一个定义术语,标记包含的列表项目是对定义术语的定义说明.
举个例子,在网页代码中插入下面的代码:wwwWorldWideWeb的缩写cn域名的后缀在浏览器中的显示效果如图3-11所示.
图3-11定义列表3.
2.
7表格标记表格的主要用途是显示数据,它是进行信息管理的有效手段.
表格通常由3部分组成,即行、列和单元格.
使用表格会用到3个标记,即、、.
标识表格对象,标识表格中的行,标识单元格,必须包含在标记内.
具体格式是:表项目1……表项目n……表项目1……表项目n表格的属性设置,如宽度、边框等包含在标记内.
如果要在页面中创建一个3行、3列,宽度为400,边框为1的表格,其示例代码如下.
姓名学号成绩张三201500198DreamweaverCC网页设计自学经典·52·李四2015002100将上述代码插入网页文件后,在浏览器中的显示效果如果3-12所示.
图3-12表格标记的运行效果、和三者是组成表格最基本的标记,此外还有以下可用于表格的标记.
1.
caption标记用于定义表格标题.
它可以为表格提供一个简短的说明.
说明文本要插入在标记内.
标记必须包含在标记内.
显示的时候表格标题显示在表格的上方中央.
2.
th标记用于设定表格中某一表头的属性.
适当标出表格中行或列的头可以让表格更有意义.
标记必须包含在标记内,用来替代标记.
下例将制作一个课程表表格,代码如下.
表格标记课程表 星期一星期二星期三星期四星期五上午语文第3章掌握必要的HTML语言·53·数学语文数学语文下午英语化学体育物理生物在浏览器中的显示效果如图3-13所示.
图3-13表格标记的运行效果3.
2.
8表单标记表单在网络中的应用范围非常广,可以实现很多功能,如网站登录、账户注册等.
表单是网页上的一个特定区域,这个区域由一对标记定义.
标记声明表单,定义了采集数据的范围,也就是说,与里面包含的数据将被提交到服务器.
组成表单的元素很多,常用的有文本框、单选按钮、复选框和按钮等.
多数表单元素都由标记定义,表单的构造方法则由type属性声明.
不过下拉菜单和多行文本框这两个表单元素则是例外.
常用的表单元素有下面几种.
文本框文本框用来接受任何类型的文本的输入.
文本框的标记为,其type属性为text.
复选框复选框用于选择数据,它允许用户在一组选项中选择多个选项.
复选框的标记也是,它的type属性为checkbox.
单选按钮单选按钮也用于选择数据,不过在一组选项中只能选择一个选项.
单选按钮的标记是,它的type属性为radio.
DreamweaverCC网页设计自学经典·54·提交按钮在单击提交按钮后,表单内容将被提交到服务器.
提交按钮的标记是,它的type属性为submit.
提示:除了提交按钮,预定义的还有重置按钮.
此外,制作者还可以通过自定义按钮赋予按钮其他功能.
多行文本框多行文本框的标记是,它可以创建一个对数据的量没有限制的文本框.
通过rows属性和cols属性可定义多行文本框的宽和高,当输入内容超过其范围,该元素会自动出现一个滚动条.
下拉菜单下拉菜单在一个滚动列表中显示选项值,用户可以从滚动列表中选择选项.
下拉菜单的标记是,它的选项内容用标记定义.
读者学习了上面介绍的这些标记就可以创建表单,使网页能实现一些数据采集功能了.
除了普通表单元素标记,还有一些很有用的表单标记,可用来定义表单结构或者添加意义.
1.
label使用标记可将文本与其他任何HTML对象或内部控件关联起来.
无论用户单击标识的文本还是HTML对象,引发和接收事件的行为是一致.
要使标识的文本和HTML对象相关联,需将的for属性设置为HTML对象的ID属性.
标记可以使表单组件增加可访问性.
例如,在页面中创建一个表单域,插入文本框、多行文本框和提交按钮3个表单元素.
在每个表单元素的前面插入一个标记,标记内的文本为其后对应的表单元素的文字解释.
设置每个标记的for属性为对应表单元素的ID.
具体代码如下.
表单标记姓名评论在浏览器中的显示效果如图3-14所示.
此时标识的文本和表单元素相关联,第3章掌握必要的HTML语言·55·单击文本和单击相应的表单元素引发的事件相同.
图3-14使表单中的文本与相应的表单元素相关联2.
fieldset标记元素可以给标记内的表单元素分组.
一般情况下,在CSS中创建容器需要一个标记,但使用标记可以在表单域内创建一个完美的容器.
默认情况下,标记在内容周围画一个简单的边框,以定义分组的表单内容.
例如,在页面中创建一个表单,插入两对标记,将表单内容分成两组,代码如下.
表单标记姓名评论姓名评论查看浏览效果,将如图3-15所示.
两对标记将表单元素分成两组,两个组周围分别有一个简单的矩形边框.
DreamweaverCC网页设计自学经典·56·图3-15标记的运行效果3.
legend标记的功能和表格中标记的功能相似,可用来描述它的父元素标记内的内容.
一般情况下,浏览器会将标记内的文本放置在所标识对象边框的上方.
在上面例子的基础上,在两对标记内插入标记,并将描述文本放置在标记内.
代码如下.
表单标记评论1姓名评论评论2姓名评论第3章掌握必要的HTML语言·57·查看浏览效果,如图3-16所示.
两对标记将表单内容分成两组,标记内的描述文本放置在标识对象边框的上方.
图3-16标记的运行效果3.
3HTML5简介HTML5是HTML的下一个主要修订版本,现在仍处于发展阶段.
从广义上来说,HTML5实际上指的是包括HTML、CSS和JavaScript在内的一套技术组合.
和以前的版本不同,HTML5并非仅仅用来标识Web内容,它的新使命是将Web带入一个成熟的应用平台.
3.
3.
1HTML5的语法变化HTML5中,语法发生了很大的变化.
但是,HTML5的"语法变化"和其他编程语言的语法变更意义有所不同.
HTML原本是通过SGML(StandardGeneralizedMarkupLanguage)元语言来规定语法的.
但是由于SGML的语法非常复杂,文档结构解析程序的开发也不太容易,多数Web浏览器不作为SGML解释器运行.
因此,HTML规范中虽然要求"应遵循SGML的语法",但实际情况却是,对于HTML的执行在各浏览器之间并没有一个统一的标准.
在HTML5中,提高Web浏览器间的兼容性是HTML5要实现的重大目标.
要确保兼容性,必须消除规范与实现的背离.
因此,HTML5需要重新定义新的HTML语法,即实现规范向实现靠拢.
由于文档结构解析的算法也有着详细的记载,使得Web浏览器厂商可以专注于遵循规范去进行实现工作.
在新版本的FireFox和WebKit(NightlyBuilder版)中,已经内置了遵循HTML5规范的解释器.
IE(InternetExplorer)和Opera也为了提供兼容性更好的实现而紧锣密鼓地努力着.
DreamweaverCC网页设计自学经典·58·3.
3.
2HTML5中的标记方法HTML5中的标记方法有三种.
1.
内容类型(ContentType)HTML5的文件扩展名与内容类型保持不变.
也就是说,扩展名仍然为.
html或.
htm,内容类型(ContentType)仍然为text/html.
2.
DOCTYPE声明DOCTYPE声明是HTML文件中必不可少的,它位于文件第一行.
在HTML4中,DOCTYPE声明的方法如下.
在HTML5中,刻意不使用版本声明,声明文档将会适用于所有版本的HTML.
HTML5中的DOCTYPE声明方法(不区分大小写)如下.
另外,当使用工具时,也可以在DOCTYPE声明方式中加入SYSTEM识别符,声明方法如下面的代码所示.
提示:在HTML5中,DOCTYPE声明方式允许不区分英文大小写,引号不区分是单引号还是双引号.
3.
字符编码的设置字符编码的设置方法有些新的变化.
在以往设置HTML文件的字符编码时,要用到如下标记.
在HTML5中,可以使用标记的新属性charset来设置字符编码,如下面的代码所示.
以上两种方法都有效.
因此也可以继续使用前者的方法(通过content属性来设置),但要注意不能同时使用.
3.
3.
3HTML5中新增加的标记在HTML5中新增了以下标记.
第3章掌握必要的HTML语言·59·1.
section标记标识页面中如章节、页眉、页脚或页面中其他部分的一个内容区块.
语法格式:…示例:欢迎学习HTLM52.
article标记标识页面中的一块与上下文不相关的独立内容,例如博客中的一篇文章或报纸中的一篇文章.
语法格式:…示例:HTLM5华丽蜕变3.
aside标记用于标识标记内容之外的,并且与标识内容相关的一些辅助信息.
语法格式:…示例:HTML5将开启一个新的时代4.
header标记标识页面中一个内容区块或整个页面的标题.
语法格式:…示例:HTML5应用与开发指南5.
hgroup标记用于组合整个页面或页面中一个内容区块的标题.
语法格式:…示例:系统功能管理6.
footer标记标识整个页面或页面中一个内容区块的脚注.
语法格式:…示例:DreamweaverCC网页设计自学经典·60·李彬135*******12011-10-17.
nav标记用于标识页面中导航链接的部分.
语法格式:8.
figure标记标识一段独立的流内容.
一般标识文档主体流内容中的一个独立单元.
语法格式:…示例:HTML5HTML5是当今最流行的网络应用技术之一9.
video标记用于定义视频,例如电影片段或其他视频流.
语法格式:…示例:video标记应用示例10.
audio在HTML5中,标记用于定义音频,例如音乐或其他音频流.
语法格式:…示例:audio标记应用示例11.
embed标记用来插入各种多媒体.
多媒体文件的格式可以是Midi、WAV、AIFF、AU和MP3等.
语法格式:示例:12.
mark标记主要用来在视觉上向用户呈现那些需要突出显示或高亮显示的文字.
第3章掌握必要的HTML语言·61·语法格式:…示例:HTML5技术的应用13.
progress标记标识运行中的进程,可以使用标记来显示JavaScript中耗费时间函数的进程.
语法格式:…14.
meter标记定义度量衡.
仅用于已知最大值和最小值的度量.
语法格式:…15.
time标记标识日期或时间,也可以同时标识两者.
语法格式:…16.
wbr标记表示软换行.
标记与标记的区别是,标记表示此处必须换行;而标记的意思是浏览器窗口或父级元素的宽度足够宽时(没必要换行时),不进行换行,而当宽度不够时,主动在此处进行换行.
标记对英文这类拼音型语言的作用很大,但是对于中文却没多大用处.
语法格式:……示例:TolearnAJAX,youmustbefamiliarwiththeXMLHttpRequestObject.
17.
canvas标记用于标识图形,例如图表和其他图像.
这个标记本身没有行为,仅提供一块画布,但它把一个绘图API展现给客户端JavaScript,以使脚本能够把要绘制的图像绘制到画布上.
语法格式:示例:18.
command标记标识命令按钮,例如单选按钮或复选框.
示例:DreamweaverCC网页设计自学经典·62·19.
details标记通常与标记配合使用,标识用户要求得到并且可以得到的细节信息.
标记提供标题或图例.
标题是可见的,用户单击标题时,会显示出细节信息.
标记是标记的第一个子标记.
语法格式:…示例:HTML5应用实例本节将教您如何学习和使用HTML520.
datalist标记用于标识可选数据的列表.
标记通常与标记配合使用,可以制作出具有输入值的下拉列表.
语法格式:…除了以上这些之外,还有、、、、等标记,这里就不再一一讲解了,有兴趣的读者可以阅读HTML5专业书籍进行学习.
3.
3.
4HTML5中新增加的属性HTML5新增了很多属性,下面简单介绍其中一些属性.
1.
表单相关属性新增的与表单相关的属性如下.
autofocus属性.
该属性可以用在(type=text)、、与标记当中.
autofocus属性可以让标识对象在打开画面时自动获得焦点.
placeholder属性.
该属性可以用在标记(type=text)和标记当中.
使用该属性时会对用户的输入进行提示,通常用于提示用户可以输入的内容.
form属性.
该属性用在、、、、和标记当中.
required属性.
该属性用在标记(type=text)和标记当中.
该属性用于在用户提交表单的时候进行检查,检查该标记对象内一定要有输入内容.
formaction、formenctype、formmethod、formnovalidate与formtarget.
这些属性可以用在标记与标记中,用来重载标记的action、enctype、method、novalidate与target属性.
novalidate属性.
该属性可以用在、和标记中,用来取消提交时第3章掌握必要的HTML语言·63·进行的有关检查,即表单可以被无条件地提交.
2.
与链接相关的属性新增的与链接相关的属性如下.
media属性.
该属性用在与标记中用来规定目标URL是用什么类型的媒介进行优化的.
hreflang属性与rel属性.
用在标记中,以保持与标记、标记的一致性.
sizes属性.
用在标记中,用于指定关联图标(icon标识)的大小,通常可以与标记结合使用.
target属性.
用在标记中,主要目的是保持与标记的一致性.
3.
其他属性charset属性.
用在标记中,用来为文档字符编码的指定提供一种良好的方式.
type和label属性.
用在标记中.
label属性为菜单定义一个可见的标注,type属性可以使菜单以上下文菜单、工具条或列表菜单3种形式出现.
scoped属性.
用在标记中用来规定样式的作用范围.
async属性.
用在标记中,用于定义脚本是否异步执行.
为了方便读者学习,下面将HTML的标记及其含义制作成了表格,如表3-1所示.
表3-1HTML标记及其功能描述标记描述定义注释定义文档类型定义超链接定义缩写定义地址元素定义图像映射中的区域定义article定义页面内容之外的内容定义声音内容定义粗体文本定义页面中所有链接的基准URL定义文本显示的方向定义长的引用定义body元素插入换行符定义按钮定义图形定义表格标题定义引用定义计算机代码文本定义表格列的属性DreamweaverCC网页设计自学经典·64·续表标记描述定义表格列的分组定义命令按钮定义树列表(tree-list)中的数据定义下拉列表定义数据模板定义删除文本定义元素的细节定义对话(会话)定义文档中的一个部分定义自定义项目定义自定义列表定义自定义的项目定义自定义的描述定义强调文本定义外部交互内容或插件为服务器发送的事件定义目标定义组合表单中的相关元素定义媒介内容的分组,以及它们的标题定义section或page的页脚定义表单~定义标题1到标题6定义关于文档的信息定义section或page的页眉定义水平线定义HTML文档定义斜体文本定义行内的子窗口(框架)定义图像定义输入域定义插入文本定义键盘文本定义表单控件的标注定义fieldset中的标题定义列表的项目定义资源引用定义有记号的文本定义图像映射定义菜单列表定义元信息定义预定义范围内的度量定义导航链接定义数据模板中的嵌套点定义嵌入对象第3章掌握必要的HTML语言·65·续表标记描述定义有序列表定义选项组定义下拉列表中的选项定义输出的一些类型定义段落定义对象参数定义预格式化文本定义任何类型的任务的进度定义短的引用为升级模板定义规则定义样本计算机代码定义脚本定义section定义可选列表定义小号文本定义媒介源定义文档中的section定义强调文本定义样式定义定义上标文本定义下标文本定义表格定义表头定义表格的主体定义表格行定义表头定义表格单元定义表格的脚注定义textarea定义日期/时间定义文档的标题定义无序列表定义变量定义视频3.
4习题1.
制作"列表"网页,页面效果如图3-17所示.
2.
新建一个网页,输入文本,进行如下设置:(1)网页背景颜色:#036876.
DreamweaverCC网页设计自学经典·66·图3-17网页效果(2)网页标题:列表.
(3)开头的两行文字设置为标题h3,其余文本为白色,大小为14像素,行高为24像素.