《文字图片超链接》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、HTML的基本标签讲师：蓝敏第一章就业技能结构图本门课程目标和课程项目展示本门课程目标学完本门课程后，你能够：课程项目展示演示示例1：课程项目展示能制作界面美观大方、面向企业应用的静态商业网站，不含动态脚本功能。本章任务制作图文并茂的“广告”页面查看源代码本章目标会使用HTML的基本结构创建网页会使用文本相关标签实现文字修饰和布局会使用图像相关标签实现图文并茂的页面会使用超链接相关标签实现页面间的跳转HTML文件的基本结构HTML文档的结构HelloWorld!

2、Y>HTML网页头部部分主体部分…标签标记HTML文档的开始和结束网页标题网页内容，可以是文本、图像等这部分包含文本、图像和链接。它包括在…标签内查看源代码这部分包括标题和其他说明信息。包括在…标签内使用记事本创建网页演示示例2：如何在记事本里创建网页使用记事本创建网页的步骤：1、打开记事本2、输入HTML代码3、保存为*.html或*.htm文件，注意格式问题4、打开网页预览效果使用记事本创建网页标签

3、uiv="Content-Type"content="text/html;charset=gb2312">网页页面中出现乱码，那如何消除乱码使其正常显示？使用标签简体中文：gb2312繁体中文：big5纯英文网页：iso-8859-1可以避免页面中的乱码页面背景色或背景图像HelloWorld！为了使页面美丽大方，网页背景要尽量地浅……Hell

4、oWorld!……查看源代码网页背景色彩网页背景图像文本相关标签字体、字号标题标签

－

标签特殊符号行的控制段落标签

换行标签
使用了

…

换段了设置了字体的大小和颜色换行了特殊符号字体、字号相关标签标题标签...#=1,2,3,4,5,6说明：

到

字体大小依次递减……

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

……H1到H6标签用于指定

5、不同级别的标题查看源代码...字体、字号相关标签标签特殊符号特殊字符转义码空格 引号(“”)"小于(<)<大于(>)>版权号(©)©字体的大小值字体的颜色字体的类型字体、字号相关标签查看源代码......

手机充值、IP卡/电话卡
移动 

6、 100

7、 联通

8、 50

Copyright©

9、2007"淘宝网"Allrights.……空格效果…….淘宝集市欢迎您！

淘宝网首届翠友会！
……

……行的控制相关标签段落标签

段(Paragraph)(可以看作是空行)

换行标签
换行
查看源代码换段了换行了图像标签常见的图片格式介绍图像类型优点缺点适用场合制作工具*.jpg体积小，比较清晰有损压缩、画面失真网页图片Photoshop*.gif支持Internet标准,支持无损耗压缩和透明度，很流行支持有限的透明度,效果不如别

10、的图像网页图片Photoshop*.swf体积小,便于网络传输制作麻烦网页动画Flash*.bmp支持24位颜色深度，兼容性好不支持压缩容量大桌面墙纸photoshop图像标签图像的基本语法…………查看源代码鼠标移到图像上，出现的提示性文字图像的位置图像的宽度图像的高度为图像添加的提示性文字

11、图像标签图