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

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