《第3讲_HTML设置文本和图像》-公开课件.pptVIP

思考题 常见的网络图像格式有哪些，在HTML中各适合什么场合？ 怎样设置网页中图片的显示大小、位置和边框？ 怎样创建图片链接？ 什么是图像地图，它分为哪两种类型？ 简要描述创建客户端图像地图的过程？ 思考题 HTML中怎样改变字体属性，怎样格式化文字？ HTML中有哪些特殊字符，怎样表示？ HTML中怎样使用超链接？ 试列举HTML中常见的段落格式化标记，它们各自有哪些主要属性？ 怎样给网页添加水平线？ HTML中有哪几种列表，分别怎样定义？ 千里之行 始于足下 更多详细信息请登录 * * PNG格式的优点为：既可以制作动画又可以支持真彩色，其缺点为：文件大，下载速度慢。 当只需要静态图像且色彩要求也不高时：当所选用图像较小时用gif格式文件小；而当所选用图像大时用jpg格式文件小。此时png格式不具备优势。 设置文字的特殊样式 HTML中对文字进行格式化的标记分为两类：物理的和逻辑的。 物理标记：包括用于指定粗体的b标记和用于指定斜体的i标记等，它们指定文字应该如何显示。 逻辑标记：如strong标记和em标记，它们指定文字的性质，但不指定文字该如何显示。一般来说，逻辑元素的使用相对较少。 设置文字的特殊样式-物理标记 语法: B/B 说明: B标记用来指示以粗体字显示文本 语法: I/I 说明: I标记用来指示以斜体字显示文本 语法: U/U 说明: U标记用来指示为文本加上下划线 设置文字的特殊样式-物理标记 语法: SUP/SUP 说明: SUP标记指示以上标方式显示文本 语法: SUB/SUB 说明: SUB标记指示以下标方式显示文本 语法: STRIKE/STRIKE 说明: STRIKE标记用来指示在文本的正中央画一条删去线 物理的字符格式化 设置文字的特殊样式-逻辑标记 语法: BIG/BIG 说明: BIG标记放大文字显示 语法: SMALL/ SMALL 说明: SMALL标记缩小文字显示 语法: STRONG/ STRONG 说明: STRONG标记以加强强调方式显示 设置文字的特殊样式-逻辑标记 语法: EM/ EM 说明: EM标记以强调方式显示 语法: ADDRESS/ ADDRESS 说明: ADDRESS标记显示电子邮件地址或网址 语法: CODE/CODE 说明: CODE标记说明代码与指令 逻辑格式化标记 设置文字的特殊样式 语法: FONT SIZE=”” COLOR=”” FACE=“”/FONT 说明: 其中SIZE属性可以选择1－7；COLOR属性值可以选择RGB值或者预定义颜色名称;FACE说明字体类型。 常用的颜色名称有：black（黑）,white（白）,red（红）,green（绿）,blue（蓝）,yellow（黄）,aqua（浅绿）,fuchsia（紫红）,gray（灰）,Lime（橙）,maroon（栗色）,purple（紫）,olive（橄榄）,silver（银色） font标记示例 设置文字的特殊样式 设计网页时，经常要插入一些空格。这本来是一个十分简单的问题，但在HTML网页中却变得比较麻烦。在输入文本时按了多次空格键，但在浏览器中打开网页时却只能看到一个空格。另外，在网页中有时可能要插入一些特殊符号，如版权符号?和注册符号?等。 在往HTML文档中写入特殊字符，如“〈”、“〉”、“”、“ ”等要使用特殊的代码，浏览器会用HTML命令对这些特殊代码进行翻译。 往网页中输入特殊字符，需在HTML代码中加入以开头的字母组合或以#开头的数字。 设置文字的特殊样式 字 符 对应字符标记 对应十进制编码标记 说 明 lt; #60; 小于符号 gt; #62; 大于符号 quot; #34; 双引号 ? copy; #169; 版权符号 ? reg; #174; 注册符号 nbsp; #160; 空格 文字格式化——特殊字符 Copyright ?2010-2012 Hdwnt Inc. All Rights Reserved. 3.6 网页图片的使用 在网页中使用图片 图像和文字都是组成网页的基本元素，与文字相比，图像更加直观、生动。无论是商业网站还是个人网站，都应该是图文并茂的网页。同时一定要注意图像的大小和数量。如果图像文件太大、太多会影响下载速度，这会使浏览者失去信心。 本章首先介绍了网页图像基础，然后通过一个精心设计的实例讲解了应用图像的大部分基础内容。学者应该专注于操作图像的基本方法。相信通过本章的学习，一定能制作出精美的网页。 设置网页图片 计算机图像格式有成百上千种，但网页中使用的只有3中，即JPEG/JPG，GIF和PNG。 图像格式 1.　JPEG/JPG格式 扩展名是.jpg/.jpeg，其全称为Jo