欢迎来到天天文库
浏览记录
ID:39269108
大小:659.99 KB
页数:36页
时间:2019-06-29
《文字、图片和超链接x》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第二章文字、图片和超链接课程回顾上次课我们主要讲了:HTML的基本组成HTML的语法规范HTML的工作原理2本章节授课目标掌握文字的排版技巧及常用标签的使用掌握图片标签及图片在网页中的应用Web技术中的访问路径掌握超链接的使用技巧3第一节文字的排版技巧及常用标签的使用常用的文字排版标签上一章制作的网页,我们内容是写在body内的,实际上body本身就是一个标签,用于输出页面里面所有的内容为了更好的对内容进行排版,使网站看起来更具逻辑性,我们要用到以下标签:层标签:
2、主要用于对页面进行布局,较少的用于定义纯文字内容,除非该内容不必再用其他标签包裹5用div标签来布局页面6常用的文字排版标签标题标签:
3、列表和无序列表。有序列表:
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可只填写其中之一,图片将以设定属性值按等比例缩放图片映射所谓图象映射是指一个图片上的不同位置被指定了不同的超级链接;点击图片的不同位置会打开不同的超级链接目标。这与将图片置入标签内有本质的区别图象映射由标签定义有一个基本属性是name。Name给图象映射命名,这个命名将会被元素用usemap属性引用。所以,图
7、象上的图象映射实际上是对定义的映射的一个引用在定义图象映射时,可以定义三种形状的映射:circle(圆形)、rect(矩形rectangle)、poly(多边形)16图片映射代码:代码中的标签,定义映射中的区域,当我们的鼠标点击到映射时,可以看到这个形状的边缘178、80,139,14"href="venus.html"alt="Venus"/>
8、80,139,14"href="venus.html"alt="Venus"/>
此文档下载收益归作者所有