《文字、图片和超链接x》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第二章文字、图片和超链接课程回顾上次课我们主要讲了：HTML的基本组成HTML的语法规范HTML的工作原理2本章节授课目标掌握文字的排版技巧及常用标签的使用掌握图片标签及图片在网页中的应用Web技术中的访问路径掌握超链接的使用技巧3第一节文字的排版技巧及常用标签的使用常用的文字排版标签上一章制作的网页，我们内容是写在body内的，实际上body本身就是一个标签，用于输出页面里面所有的内容为了更好的对内容进行排版，使网站看起来更具逻辑性，我们要用到以下标签：层标签：

2、主要用于对页面进行布局，较少的用于定义纯文字内容，除非该内容不必再用其他标签包裹5用div标签来布局页面6常用的文字排版标签标题标签：

~

，不仅有字号大小和粗体的区分，还有级别划分，h1为最重要、h2为次重要，以此类推。hn系列标签级别仅次于div段落标签：

（块元素里面级别最小，里面不能放任何块元素）区域标签：span标签是最常用的文字标签，通常文字的样式效果处理，都会附加在span标签的style属性里列表标签：用于定义文档中的列表（非数据列表），以单列形式呈现，可分为有序

3、列表和无序列表。有序列表：

无序列表：

无论是有序列表还是无序列表，都以

标签作为行显示7常用的文字排版标签定义列表标签：通常用于定义数据量较小的数据列表。（没有什么特别之处，但是电子商务发展了之后很多产品展示都用这个标签来写）表体：

表项：

表内容：

文字格式化标签：所谓文字格式化，即对文字的展示效果做一定的处理下标：上标：重点描述：输出斜体加重语气：

4、strong>输出粗体(语气相对于em有加重)8综合标签实例综合标签实例代码提示：标签，超级链接图片标签不建议被使用的文字排版标签由于有些文字样式是可以通过CSS样式来控制的，所以以下标签不建议被使用换行标签：
换行标签的意义相当于在文件内部强制制造换行粗体：斜体：下划线：下划线标签已经被废除掉，通常用css来实现下划线效果删除线：大号字：可用于文字间突然放大的部分，不必再为此处单写样式小号字：

5、ll>可用于文字间突然缩小的部分，意义同上11小结有问题吗？12第二节HTML中的图片图片的控制图片标签：图片元素属于自结束元素，因此不需要来结束图片标签与其他标签不同，它有两个必须添加的属性src和altsrc：图片的加载路径，可以是绝对路径，也可以是相对路径alt：图片的代替文本可选属性：width、height、usemapusemap将图像定义为客户端图像映射，usemap属性与map元素的name属性相关联，它建立了图像与映射之间的关系14图片的尺寸控制宽度：width可填写像素值或百分比值高度

6、：height可填写像素值或百分比值15注1：在标签属性里定义图片尺寸时，如填像素值，只需填写数值，不必填写单位；如填写百分比值，需要带%注2：width和height可只填写其中之一，图片将以设定属性值按等比例缩放图片映射所谓图象映射是指一个图片上的不同位置被指定了不同的超级链接；点击图片的不同位置会打开不同的超级链接目标。这与将图片置入标签内有本质的区别图象映射由标签定义

7、象上的图象映射实际上是对

8、80,139,14"href="venus.html"alt="Venus"/>