文档介绍：HTML 基本标签 HTML HTML 基本标签基本标签第一部分第一部分本门课程目标和课程项目展示本门课程目标学完本门课程后,你能够: ?课程项目商业网页商业网页能制作界面美观大方、面向企业应用的静态商业网站,不含动态脚本功能。能制作界面美观大方、面向企业应用的静态商业网站,不含动态脚本功能。本章目标会使用 HTML 的基本结构创建网页创建站点及配置文件会使用文本相关标签实现文字修饰和布局会使用图像相关标签实现图文并茂的页面会使用超链接相关标签实现页面间的跳转表单及框架表格和层什么是 HTML HTML : Hyper Text Markup Language 超文本标签语言 HTML :网页的“源码”浏览器: “解释和执行” 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 网页 HTML 网页<HEAD> 头部部分<HEAD> 头部部分<BODY> 主体部分<BODY> 主体部分<HTML> …</HTML> 标签标记 HTML 文档的开始和结束<HTML> …</HTML> 标签标记 HTML 文档的开始和结束网页标题网页标题网页内容,可以是文本、图像等网页内容,可以是文本、图像等这部分包含文本、图像和链接。它包括在<BODY> …</BODY> 标签内这部分包含文本、图像和链接。它包括在<BODY> …</BODY> 标签内这部分包括标题和其他说明信息。包括在<HEAD> …</HEAD> 标签内这部分包括标题和其他说明信息。包括在<HEAD> …</HEAD> 标签内<META> 标签<HEAD> <META http-equiv="Content-Type" content="text/html; charset=gb2312 "> <TITLE> 网页标题</TITLE> </HEAD> 网页页面中出现乱码,那如何消除乱码使其正常显示? 使用<META> 标签使用<META> 标签简体中文: gb2312 繁体中文: big5 纯英文网页: iso-8859-1 简体中文: 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)描述搜索关键字和描述提供搜索关键字和内容描述信息,方便搜索引擎的搜索提供搜索关键字和内容描述信息,方便搜索引擎的搜索