《第2章 HTML标签》.pptVIP

HTML常用标签 1.什么是HTML（HyperText Markup Language）语言 ？ HTML（HyperText Markup Language）语言是一种描述文本的标记性语言。标记是一些字母或单词，并被放在 中，格式为： 标记显示内容/标记 通过浏览器解释标记的含义，显示文件的内容。 当我们第一次启动Dreamweaver 时会自动打开一个空文档，点击按钮切换到“显示代码视图”就可以看到一个网页的HTML语言结构。如下图： 1.文本段落标记p…/p 2.字体格式：font…/font font…/font标记有3个属性分别用于控制字体的颜色、样式和大小。 （1）size属性：其值越大显示的文字越大，字号大小有7个等级，默认为3。可以直接使用字号设置字体的大小，也可以使用+1、-2等数值来指定字号的大小，这表示它比默认的3号字体的大1号和小2号，即4号和1号字。例如： font size=“+2”杭州世界动漫节/font (2)color属性 color属性用于控制font内的文字颜色，默认字体的颜色是黑色。可以使用Color属性来改变字体的颜色，其值可以是颜色的名称或是一组十六进制的数值。例如： font color=“red”杭州世界动漫节/font font color=“#FF0000”杭州世界动漫节/font （3）face属性 用来指定字体的样式。中文默认字体是“宋体”，英文字体是“Time New Roman”，使用face属性设置字体时，可以使用多个字体名称作为face的属性值。当浏览器显示含有多个字体的网页时，浏览器将逐个搜索系统字体以得到匹配。例如： font face=“黑体，宋体” zise=“5” color=“red”杭州世界动漫节/font 无序列表必须由ul标记开始，/ul标记结束。所有的列表项都在ul……/ul标记中。列表中的项目由li标记定义，项目的条数由li的个数确定。 ul li列表项目1 li列表项目2 li列表项目3 …… /ul 下图是源代码： 有序列表 有序列表是将列表的中的各项进行编号，各个项目之间有一定的逻辑次序。 有序列表由ol标记开始，/ol标记结束。所有的列表项都在ol……/ol标记中。列表中的项目由li标记定义，项目的条数由li的个数确定。 ol li列表项目1 li列表项目2 li列表项目3 …… /ol 源代码如下图： 4.使用超链接a href=“ “../a 链接接到站点中的其他网页 网页在浏览器中打开后，网页中的超文本链接通常显示为蓝颜色，带下划线的文本。下图是一个超链接的示例网页。 链接到互联网中的某一资源 超链接不仅可以链接到指定的站点内的资源，也可以链接到互联网中的任何站点。 4 .网页中添加图像 1 在网页中添加图像 2 使用图像做项目符号 3 图片超链接 1 在网页中添加图像 图像的格式 网页中加入图片会使页面更加美观、生动、有吸引力。网页中可以添加的图片文件类型是扩展名为jpg、gif和png的图片文件。 图像的位置 网页中插入的图片即可以是站点中的图片文件，也可以是互联网中任何网站中的图片文件 。 添加图像的标记 img标记可以实现在网页中加入图片。使用img标记加入图片时必须指定img标记的src属性值来确定图像文件的位置。在网页“显示代码视图”中的代码如下图： 固定网页背景图片 在标记body bgproperties=fixed background=../images/pic042.jpg中的属性bgproperties=fixed的设置，可以使网页内容长度超过一屏时，在网页内容滚动时背景图片静止不动。 2 使用图像做项目符号 在网页中常常看到列表项的标记不是黑的实心圆点，也不是黑色方块或者空心圆圈。而是彩色的漂亮图片或具有动态效果的动画。如下图： 其实很简单，在每一行的文本前都插入一个图片文件即可。不用再设置ul……/ul列表标记。在网页“显示代码视图”中的代码如下图： 3 图片超链接 很多网页中的图片不仅仅是一张图片，当鼠标指针在图片上方悬停时会变成手型，点击图片后会打开其他的网页或资源。实现这样效果的图片就是给插入的图片添加超链接。 设置图片超链接的源代码为： 5. 表格的基本语法 一个表格的所有内容都在table ……/table标记中。 一个table ……/table标记中，表格的行数由tr……/tr标记的个数确定，表格的列数由在一个tr……/tr标记中包含的td……/td标记的个数确定。单元格的内容由td……/td