图文混排是指当文字和图片在一起时他们的排列方式，通过图片的align属性设置，一般有如下几种值：
left:表示图片在文字的左边显示。 right:表示图片在文字的右边显示。 top:表示文字和图片的顶端对齐。 bottom:表示文字和图片的底端对齐。 middle：表示文字和图片中部对齐。
2.网页常用标签
注意:锚标记的使用需要先使用<a>标签和name属性定义一个锚标记，然后使用<a>标签的href属性去链接。
2.网页常用标签
2.2 超级链接
2）锚标记 例2-4：锚标记的使用
//…… <body>
<a name=“第一章”>第一章</a>为“锚”标记。 <hr/> <hr/> <hr/> <hr/> <hr/> <hr/> <p>
<img src=“图片路径” 属性1=“值1” 属性2=“值2”…/>
<img src=“图片路径” 属性1=“值1” 属性2=“值 2”…></img>
例2-1:<img/>标签的使用
//… <body>
我们在这里插入图片! <img src=“images/2.jpg” width=“330px”/> </body>
2.1 图片
3）图文混排 例2-2:图文混排
<html> <head><title>图文混排</title></head> <body>
<pre> <img src=“1.jpg” width=“100px” align=“right”/> 图片在文字的右边显示！
</pre><hr> <img src=“2.jpg” width=“150px” align=“middle”/> 文字和图片中部对齐！
</body> </html>
2.网页常用标签
2.2 超级链接
超级链接也称超链接或链接。超链接在本质上属于一个网页的一部分， 它是一种允许我们同其他网页或站点之间进行连接的元素。所谓的超 链接是指从一个网页指向一个目标的连接关系。
按照链接路径:
内部链接---点击该超链接连接到同一网站 的另外一个页面。 锚点链接---点击该超链接连接到同一页面 的某一个位置。 外部链接---点击该超链接连接到其它的网 站上的某一个页面
注意:在使用<img/>标签时，不是英语单词中的image单词拼写方式，在html页面中
可以插入图像，网页中常用的图像格式有jpg和gif两种。
2.网页常用标签
2.1 图片 2）属性介绍
页面中插入图片可以起到美化的作用，插入图片的标记只有一个，那就是<img/>标记，插入图片的时候，仅仅使 用<img/>标记是不够的，需要配合其它的属性来完成。如表2-1
除了链接到另外一个HTML文件，也可以在一篇文章内随心所欲地链接。 <hr/> <hr/> <hr/> <hr/> <hr/> <hr/> 这和前面两种稍有不同，需要先做出一个“锚”标记，即链接的目标地， <hr/> <hr/> <hr/> <hr/> <hr/><hr/> 再做到“锚”的链接。到“锚”的链接与平常相同。 </p>
按使用对象:
文本超链接---建立在文本上的超连接。 图像超链接---建立在图片上的超连接。 E-mail链接---超链接的目标是打开邮件发 送。 锚点链接---超链接的目标是在同一个页面 之内。 多媒体文件链接---超链接的目标是多媒体 文件。 空链接---超链接没有目标。
2.网页常用标签
2.2 超级链接 1）超链接
<hr/><hr/> <hr/><hr/> <hr/><hr/> <hr/><hr/> <hr/><hr/> <hr/><hr/> <hr/><hr/> <hr/><hr/> <a href=“#第一章”>从这里可链接到第一章</a> </body>
2.网页常用标签
2.2 超级链接
3）外链接 外链接是指超链接的目标是当前网站之外的页面路径，其语法格式和 超链接的语法件。 width:宽度。 border:边框。
alt:提示文字。 height：高度。 align:排列。
2.网页常用标签
2.1 图片 3）图文混排
图文混排是制作精美网页常用的功能之一，通过将适当的图像与文字有效的排列组合在一起，可以大大丰富 版面，在很大程度上提高版面的可视性。
超链接是一种对象，它以特殊编码的文本或图形的形式来实现链接， 如果单击该链接，则打开一个新的网页，其语法如下:
<a href=“#” target=“”>……</a>
href表示超链接的目标路径，href的值一般有三种形式的值: (1)绝对URL的超链接。URL就是统一资源定位符，简单地讲就是网络上的一个站点、网页的完整路径，称为内部链HTML网 来自制作第二章 网页常用标签
本章主要内容
图片、超级链 接、列表、滚 动效果
表格和层及表 单
教学要求
了解在网页中图片的添加及每
1
个页面之间链接的形成。
认识网页中的表格和层，及用
2 表格进行网页布局
2.网页常用标签
2.1 图片
1）图片标记
在网页中我们可以使用<img/>标签插入图片， <img/>标签的语法如下:
接。如。 (2)第二种是相对URL的超链接。如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去，称为
外部链接。 (3)第三种称为同一网页的超链接，这种超链接又叫做书签或者锚标记。
2.网页常用标签
2.2 超级链接
1）超链接 例2-3:超级链接的使用
a.html //…… <body>
<a href=“b.html”>链接到另外一个页面</a> </body> </html> b.html //…… <body> 我们现在学习的是超级链接的使用! <img src=“image.jpg” width=“330px”/> </body> </html>
2.网页常用标签
2.2 超级链接 2）锚标记
锚标记的作用是链接到同一页面的某一个段落，它的语法和超链接的 语法几乎一样，只是src属性的书写有些变化和属性的使用,其锚标记 的定义语法如下:
<a name=“锚标记名称”>文本内容</a> 锚标记的使用语法如下: <a href=“#锚标记名称”>文本内容</a>
