网页设计与制作第1章 HTML基础.ppt

第1章 HTML基础 HTML是HyperText Markup Language（超文本置标语言）的缩写，是一种为普通文件中某些字句加上标签的语言，其目的在于运用标签（tag）对文件达到预期的效果。 HTML最早源于SGML（Standard General Markup Language，标准通用化置标语言），它由Web的发明者Tim Berners-Lee和其同事Daniel W.Connolly于1990年创立。在互联网发展的初期，互联网由于没有一种网页技术呈现的标准，所以多家软件公司就合力打造了HTML标准，HTML标准规定网页如何处理文字，如何安排图画等等，其中最著名的就是HTML4，这是一个具有跨时代意义的标准，在HTML4标准提出之前，互联网上的标准非常混乱，当时的微软、网景等 公司都提出了需要制定新的标准来规范互联网，所以W3C组织就于1997年提出了HTML4标准。 1.1 HTML简介 1.2.1 标签及其属性 HTML语法主要由标签、属性和元素组成，其语法结构为： 标签 属性1=属性值1 属性2=属性值2 …元素的内容/标签 1．标签 HTML文档由标签和被标签的内容组成。 2．标签的属性 标签仅仅规定这是什么信息，这些信息可以是文本，也可以是图像，但是要想显示或控制这些信息，就需要在标签后面加上相关的属性。 1.2 HTML文档结构及语法规则 1.2.2 HTML语法规则 1．标签和属性的规范 2．元素的嵌套 3．不推荐使用的标签 在HTML中，某些标签不推荐使用，例如，b、strong、i、em、dfn、code、samp、kbd、var、cite等标签。因为这些标签有些是可以用CSS去统一控制的，还有一些是不常使用的。 4．代码的缩进 在编写HTML代码时要注意使用代码缩进来提高程序的结构性和层次性，不要使用制表符或制表符加空格的混合方式缩进。 1.2 HTML 文档结构及语法规则 1.2.3 HTML文档结构 !doctype html html head meta charset=gb2312 title文档标题/title /head body 网页内容 /body /html 1.2 HTML 文档结构及语法规则 ① 打开记事本。单击Windows的“开始”按钮，在“程序”菜单的“附件”子菜单中单击“记事本”命令。 ② 创建新文件，并按HTML语言规则编辑。在“记事本”窗口中输入HTML代码，具体的内容如图1-2所示。 ③ 保存网页。打开“记事本”的“文件”菜单，选择“保存”命令。此时将出现“另存为”对话框，在“保存在”下拉列表框中选择文件要存放的路径，在“文件名”文本框输入以.html或.htm为后缀的文件名，如create.html，在“保存类型”下拉列表框中选择“文本文档（*.txt）”项，最后单击“保存”按钮，将记事本中的内容保存在磁盘中。 ④ 在“我的电脑”相应的存盘文件夹中双击create.html文件启动浏览器，即可看到网页的显示结果。 1.3 创建HTML文件 网页的摘要信息一般放在HTML文档的头部（head）区域，主要通过以下两个标签进行描述。 1.4.1 title标签 网页的标题能给浏览者带来方便。首先，标题概括了网页的内容，能使浏览者迅速了解网页的大概。其次，如果浏览者喜欢该网页，将它加入书签中或保存到磁盘上，标题就作为该页面的标志或文件名。另外，使用有哪些信誉好的足球投注网站引擎时显示的结果也是页面的标题。可见，标题是相当重要的。标题title标签的格式为： title 标题名 /title 1.4 网页的摘要信息 1.4.2 meta标签 meta标签的name属性的语法格式为： ＜meta name=参数 content=参数值＞。 name属性主要用于描述网页摘要信息，与之对应的属性值为content，content中的内容主要是便于有哪些信誉好的足球投注网站引擎查找信息和分类信息用的。 name属性主要有以下两个参数：keywords和description。 1．keywords（关键字） keywords用来告诉有哪些信誉好的足球投注网站引擎网页使用的关键字。2．description（网站内容描述） description用来告诉有哪些信誉好的足球投注网站引擎网站主要的内容。 1.4 网页的摘要信息 1.4.3 案例——制作网络书城页面摘要信息 【演练1-1】制作网络鞋城页面摘要信息。 【说明】用户可以登录百度有哪些信誉好的足球投注网站引擎/search/url_submit.html收录网页，以便浏览者访问到自己的网站。 1.4 网页的摘要信息 从页面布局和显示外观的角度