1、网页设计基础与工具,第一章 HTML语言基础,本门课程目标和课程项目展示,本门课程目标学完本门课程后，你能够：课程项目展示,演示示例1：课程项目展示,能制作界面美观大方、面向企业应用的静态商业网站，不含动态脚本功能。,本章目标,会使用HTML的基本结构创建网页会使用文本相关标签实现文字修饰和布局会使用图像相关标签实现图文并茂的页面会使用超链接相关标签实现页面间的跳转,网页设计导论,门户网站,头部,菜单栏,内容模块,内容模块,内容模块,内容模块,内容模块,门户网站,网页设计导论,门户网站,头部,菜单栏,内容模块,内容模块,内容模块,内容模块,内容模块,门户网站,轮播大图,网页设计导论,企业官网,
2、头部+菜单栏,内容模块,内容模块,企业官网,轮播大图,内容模块,底部,网页设计导论,企业官网,网页设计导论,个人博客,头部,侧边栏,主区域,后台管理系统,底部,HTML文件的基本结构,HTML文档的结构,我的第一个网页 Hello World!,HTML 网页,头部部分,主体部分,标签标记 HTML 文档的开始和结束,网页标题,网页内容，可以是文本、图像等,这部分包含文本、图像和链接。它包括在 标签内,查看源代码,这部分包括标题和其他说明信息。包括在 标签内,使用记事本创建网页,演示示例2：如何在记事本里创建网页,使用记事本创建网页的步骤： 1、打开记事本2、输入HTML代码3、保存为*.ht
3、ml或*.htm文件，注意格式问题4、打开网页预览效果,使用记事本创建网页,标签,网页标题,网页页面中出现乱码，那如何消除乱码使其正常显示？,使用标签,简体中文：gb2312繁体中文：big5纯英文网页：iso-8859-1,可以避免页面中的乱码,页面背景色或背景图像, Hello World！,为了使页面美丽大方，网页背景要尽量地浅,Hello World!,查看源代码,网页背景色彩,网页背景图像,文本相关标签,字体、字号标题标签标签特殊符号行的控制段落标签换行标签,使用了 ,换段了,设置了字体的大小和颜色,换行了,特殊符号,字体、字号相关标签,标题标签 . #=1, 2, 3, 4, 5, 6 说明：到字体大小依次递减, 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 ,H1 到 H6 标签用于指定不同级别的标题,查看源代码, . ,字体、字号相关标签,标签特殊符号,字体的大小值,字体的颜色,字体的类型,字体、字号相关标签,查看源代码,. 手机充值、IP卡/电话卡 移动 All rights.,空格效果,. 淘宝集市欢迎您！ 淘宝网首届翠友会！ ,行的控制相关标签,段落标签段(Paragraph) (可以看作是空行) 换行标签换行 ,查看源代码,换段了,换行了,总结,哪个标签中的哪个属性可以改变字体颜色和字号？,
