文档介绍：HTML+CSS网页设计
HTML基本标签
第一部分
本门课程目标和课程项目展示
本门课程目标
学完本门课程后，你能够：
课程项目
商业网页
能制作界面美观大方、面向企业应用的静态商业网站，不含动态脚本功能。
...

字体、字号相关标签
标签
特殊符号
特殊字符
转义码
空格
&nbsp;
引号(“”)
&quot;
小于(<)
&lt;
大于(>)
&gt;
版权号(© )
&copy;
字体的
大小值
字体的
颜色
字体的
类型
字体、字号相关标签
......
<BODY>
 
手机充值、IP卡/电话卡 
移动&nbsp;|&nbsp; 100 | &nbsp;联通 | &nbsp;50
Copyright &copy; 2007 &quot;淘宝网&quot; All rights.
</BODY>
……
空格效果
…….
淘宝集市欢迎您！
淘宝网首届翠友会！ 
……

……
行的控制相关标签
段落标签
段(Paragraph) (可以看作是空行) 
换行标签 
换行 
换段了
换行了
范围标签 ：显示某行内的独特样式
……
商品价格:仅售10元
……
行的控制相关标签
文本等行级内容
设置红色、大号字突出显示
图像标签
常见的图片格式介绍（jpg、gif、png）
图像类型
优点
缺点
适用场合
制作工具
*.jpg
体积小，比较清晰
有损压缩、画面失真
网页图片
Photoshop
*.gif
支持 Internet 标准 ,支持无损耗压缩和透明度，很流行
支持有限的透明度,效果不如别的图像
网页图片
Photoshop
*.swf
体积小,便于网络传输
制作麻烦
网页动画
Flash
*.bmp
支持 24 位颜色深度，兼容性好
不支持压缩
容量大
桌面墙纸
photoshop
图像标签
图像的基本语法
<IMG src="images/" width="300“ height="150“ alt="明星演唱会开幕" >
……
<BODY>
<IMG src="images/" alt="明星演唱会开幕" width="300"height="150">
</BODY>
……
鼠标移到图像上，出现的提示性文字
图像的位置
图像的宽度
图像的高度
为图像添加的提示性文字
图像标签
……
<img src="images/" alt="精品热卖：高清晰，30寸等离子电视"
title="精品热卖：高清晰，30寸等离子电视" />
……
图像标签
<img src= "图片地址" alt="提示文字" title="提示文字" />
为了不同浏览器之间的兼容，推荐使用title属性，确保能显示提示文字
图像标签
图像与文本的对齐方式
<IMG align="middle">
图像与文本居中对齐,还可以取
top, bottom 值
….
<BODY>
<A href="">
<IMG align="middle" src="images/" width="180" height="95" border="0" />
</A>请点击广告进入明星专区
</BODY>
……
图像和文本居中对齐
文字布局
内容分隔<HR>标签
项目列表和编号
有序列表<OL>
无序列表<UL>
预格式文本<PRE>标签（*）
DL DT DD（术语）
水平分隔线<HR>
有序列表
无序列表
用了预先定义好的格式
分隔<HR>标签
<HR size="5" color="red" width="300">
……
<BODY>
<HR size="5" color="red" width="300">
<HR size="10" color=