使用HTML开发商业网站 图 像 标 签 图像标签 浏览网页时我们常常会被网页中的图像所吸引，巧妙的在网页中穿插图像可以让网页内容变得更加丰富多彩。 本节将为大家介绍几种常用的图像格式以及在网页中插入图像的技巧。 图像标签 GIF最突出的地方就是它支持动画，同时GIF也是一种无损的图像格式，也就是说修改图片之后，图片质量几乎没有损失。再加上GIF支持透明（全透明或全不透明），因此很适合在互联网上使用。 图像标签 PNG包括PNG-8和真色彩PNG（PNG-24和PNG-32）。相对于GIF，PNG最大的优势是体积更小，支持alpha透明（全透明，半透明，全不透明），并且颜色过渡更平滑，但PNG不支持动画。 图像标签 JPG所能显示的颜色比GIF和PNG要多的多，可以用来保存超过256种颜色的图像，但是JPG是一种有损压缩的图像格式，这就意味着每修改一次图片都会造成一些图像数据的丢失。 图像标签 图像标签 图像标签 图像标签 图像标签 属性 属性值 描述 src URL 图像的路径 alt 文本 图像不能显示时的替换文本 title 文本 鼠标悬停时显示的内容 width 像素（XHT

使用HTML开发商业网站 锚点链接 超链接标签 超链接标签 创建锚点链接分为两步 例如 平面广告设计 . . .

平面广告设计

超链接标签 超链接标签 谢谢大家

使用HTML开发商业网站 表单控件-Input控件 表单控件 学习表单的核心就是学习表单控件，HTML语言提供了一系列的表单控件，用于定义不同的表单功能，如密码输入框、文本域、下拉列表、复选框等。 表单控件 表单控件常用在登录和注册模块 表单控件 大致可分为input控件、textarea控件、select控件三大类。 select控件 textarea控件 表单控件 表单控件 属性 属性值 描述 type text 单行文本输入框 password 密码输入框 radio 单选按钮 checkbox 复选框 button 普通按钮 submit 提交按钮 reset 重置按钮 image 图像形式的提交按钮 hidden 隐藏域 file 文件域 name 由用户自定义 控件的名称 value 由用户自定义 input控件中的默认文本值 size 正整数 input控件在页面中的显示宽度 readonly readonly 该控件内容为只读（不能编辑修改） disabled disabled 第一次加载页面时禁用该控件（显示为灰色） chec

布局类型;布局类型;对于一些大型网站，特别是电子商务类网站，由于内容分类较多，通常需要采用“三列布局”的页面布局方式。;布局类型;布局类型;布局类型;布局类型;布局类型;布局类型;布局类型;布局类型;布局类型;布局类型;布局类型;布局类型;布局类型;布局类型;布局类型;谢谢大家

使用HTML开发商业网站 list-style-image属性 list-style-type属性用于控制无序和有序列表的项目符号。 list-style-image属性可以为各个列表项设置项目图像，使列表的样式更加美观。 list-style-position属性用于控制列表项目符号的位置。 CSS控制列表样式 例如： CSS控制列表样式 谢谢大家

使用HTML开发商业网站 list-style-position属性 list-style-type属性用于控制无序和有序列表的项目符号。 list-style-image属性可以为各个列表项设置项目图像，使列表的样式更加美观。 list-style-position属性用于控制列表项目符号的位置。 CSS控制列表样式 例如： CSS控制列表样式 谢谢大家

使用HTML开发商业网站 定义列表 定义列表 以传智播客师资介绍为例，认识定义列表 列表标签 定义列表的基本语法格式如下：

名词1

名词1解释1

名词1解释2

...

名词2

名词2解释1

名词2解释2

...

定义列表 接下来通过一个具体的案例来演示定义列表在图文混排中的应用，如例6-4所示。 列表标签 定义列表 例6-4 图文混排定义列表 列表标签 谢谢大家

使用HTML开发商业网站 案例-制 作 图 文 混 排 页 面 阶段案例——制作图文混排页面 制作图文混排页面 分析效果图 一个标题，多个段落构成，标题可以使用标题标记

、段落标记

进行定义。为了显示特殊效果，可以使用进行定义。 分析效果图 2.样式定义 使用了特殊字体，需要下载，使用@font-face属性定义服务器字体，然后应用font属性控制段落文本的字号、粗细和颜色等样式。 分析效果图 @charset "utf-8"; /* CSS Document */ @font-face{ font-family:jianzhi; src:url(font/FZJZJW.TTF); } h2{ font-family:jianzhi; text-align:center; font-size:36px; color:#666; letter-spacing:10px; }样式如下： h2 span,.author span{color:#076BBC;} .author{ text-align:center; color:#666; font-family:"楷

;什么是列表的嵌套？;;在使用列表时，列表项中也有可能包含若干子列表项。这种在列表项中定义子列表项的方法被称为列表的嵌套。;

• 咖啡
  1. 拿铁
  2. 摩卡
• 茶
  • 碧螺春
  • 龙井

; CSS控制列表样式;谢谢大家

认识盒子模型; 认识盒子模型;认识盒子模型;盒子模型相关属性; 盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性; 盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性; 盒子模型相关属性; 盒子模型相关属性; 盒子模型相关属性;盒子模型相关属性; 盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;谢谢大家