《商务网站规划与网页制作》10-01.pptVIP

第10章 HTML常识 10.1 HTML的语法 10.1.1 标记、属性和值 使用HTML编写的文件又称为HTML文件，就是在普通文本中加入各种各样的标记，这些标记是HTML特有的。正是这种标记使普通文本变成了能在浏览器中显示的特殊文本——网页。 当浏览者在网上浏览这些带标记的文本时，浏览器会自动地解释标记的含义，并根据其指示，将结果显示出来。这些标记本身在浏览器中是看不到的，它们的作用就是告诉浏览器如何显示被标注的普通文本。 1. 容器型标记 起始标记——标记名称 结束标记——/标记名称 这两个标记总是成对出现，如：HTML和/HTML 2.非容器型标记 此类标记只有起始标记而无结束标记，如： LI音像制品 10.1.2 HTML的基本标记 HTML文件是一个十分普通的ASCII文件，扩展名一般是.htm或.html，它不需要使用特殊的编辑器，任何普通的字符编辑器，如记事本、WPS、Word等都可以用来编辑。 2. HEAD标记（容器型标记） 3. TITLE标记（容器型标记） 4. BODY标记（容器型标记） 10.1.3 建立一个简单的HTML文件 1. 网页正文编写 一般情况下，可以将正文直接放置在BODY和/BODY之间，为使用网页正文便于阅读，必须对其进行适当的编辑，如分段等等。 普通回车在浏览器窗口中不起作用 段落的形成 在文字编辑软件中敲回车就能轻易地形成段落，然而这些回车在浏览器窗口中是不起作用的，这是因为对于HTML文件，浏览器只认识文本和HTML标记，除此之外其他的控制符，诸如回车、空格等在多数情况下都会被忽略。 因此在网页中必须采用分段标记P来强行分段。方法很简单，只需在段与段之间插入一个P标记即可 段落小标题从上至下为H1-H6 ，H标记有分段作用 机械工业出版社 中等职业教育“十一五”规划教材?电子商务专业 《商务网站规划与网页制作》 机械工业出版社 HTML是超文本标记语言，是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文件称为HTML文件，它能独立于各种操作系统平台运行。自1980年以来HTML就一直被用作万维网的信息表示语言，用于描述网页的格式设计和它与WWW上其他网页的链结信息。 ?任务： · 说出HTML的英文全名和含义。 · 解释HTML的语法。 · 列出HTML的四个基本标记，并指明它们的含义。 · 建立一个简单的HTML文件。 一个完整的HTML文件 普通文本部分： 在网上发布的信息。 HTML标记部分： 用于标注普通文本的HTML标记。 标记名称普通文本（要发布的信息）/标记名称 格式： 结束标记——/标记名称 格式： 3. 标记属性 HTML标记定义文本在浏览器上显示的样式。在此基础上，如果需要进一步定义文本样式的细节内容，就必须用到标记属性。 HTML标记有属于自己的一系列标记属性，当然也可以根据需要自定义标记的属性，一般来说，使用HTML提供的默认属性就已经能够满足要求了。 属性的名称应出现在起始标记中，放置在标记名称之后，用空格隔开。 TABLE BORDER=2 , WIDTH=40% 标记 标记的属性 属性值 如果一个标记带有多个属性，各属性间应用逗号隔开。 上述起始标记的语义是：定义表格的边框大小为2个像素，表格宽度为框区宽度的40%。 HTML HEAD TITLE 显示在浏览器标题栏上的网页标题 /TITLE /HEAD BODY 网页具体内容 /BODY /HTML 1. HTML标记（容器型标记） 所有的HTML文件都以HTML标记开头，以/HTML标记作为结尾，网页中显示的所有内容及其HTML标记都必须包含在HTML和/HTML之间。 HTML HEAD欢迎光临！ TITLE 显示在浏览器标题栏上的网页标题 /TITLE /HEAD BODY 网页具体内容 /BODY /HTML 文档头 文档体 HEAD标记用于定义文档头，标明当前文档的有关信息，比如网页的标题，搜索引擎使用的关键字等等。 HTML HEAD欢迎光临！ TITLE 显示在浏览器标题栏上的网页标题/TITLE /HEAD BODY 网页具体内容 /BODY /HTML 文档头 文档体 TITLE标记向浏览者提示网页的内容，即网页的标题，这个标题将显示在浏览器窗口的标题栏中，该标记中不能包含其他标记，在一个HTML文件中，TITLE标记只能出现一次。 HTML HEAD欢迎光临！ TITLE 显示在浏览器标题栏上的网页标题/TITLE /HEAD BODY