文档介绍：HTML+CSS网页设计
本门课程目标和课程项目展示
本门课程目标
学完本门课程后，你能够：
课程项目
商业网页
能制作界面美观大方、面向企业应用的静态商业网站，不含动态脚本功能。
本章目标
会使用HTML的基本结构创建网页
创建站点及配置文件
会使用文本相关标签实现文字修饰和布局
会使用图像相关标签实现图文并茂的页面
会使用超链接相关标签实现页面间的跳转
表单及框架
表格和层
什么是HTML
HTML：Hyper Text Markup Language 超文本标签语言
HTML：网页的“源码”
浏览器：“解释和执行”HTML源码的工具
HTML告知浏览器如何显示网页
记事本
UltraEdit（新手）
DreamWeaver（高手）
HTML的编辑工具
使用记事本创建网页
使用记事本创建网页的步骤：
1、打开记事本
2、输入HTML代码
3、保存为*.html或*.htm文件，注意格式问题
4、打开网页预览效果
使用记事本创建网页
HTML文件的基本结构
HTML文档的结构
<HTML>
<HEAD>
<TITLE>我的第一个网页 </TITLE>
</HEAD>
<BODY >
Hello World!
</BODY>
</HTML>
HTML 网页
<HEAD>头部部分
<BODY>主体部分
<HTML>…</HTML>标签标记 HTML 文档的开始和结束
网页标题
网页内容，可以是文本、图像等
这部分包含文本、图像和链接。它包括在 <BODY>…</BODY> 标签内
这部分包括标题和其他说明信息。包括在 <HEAD>…</HEAD> 标签内
<META>标签
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>网页标题</TITLE>
</HEAD>
网页页面中出现乱码，那如何消除乱码使其正常显示？
使用<META>标签
简体中文：gb2312
繁体中文：big5
纯英文网页：iso-8859-1
可以避免页面中的乱码
<META>标签
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
utf-8：国际通用标准 但性能偏差一点 （主流） gbk：中文和英文
3）编码搜索关键字：
<meta name= "keywords" content= "淘宝,网上购物,在线交易,交易市场" />
<meta name= "description" content= "淘宝网-亚洲最大、最安全的网上交易平台，提供各类服饰、美容、家居、数码、……" />
4）网站宣传图标
<link rel="Shortcut Icon" href="">
<head>
<meta name= "keywords" content= "淘宝,网上购物,在线交易,交易市场" />
<meta name= "description" content= "淘宝网-亚洲最大、最安全的网上交易平台，提供各类服饰、美容、家居、数码、……" />
</head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head>
网页的摘要信息2-1
使用<meta>标签
（1）描述文档类型和字符编码
（2）描述搜索关键字和描述
提供搜索关键字和内容描述信息，方便搜索引擎的搜索