网页设计实例教程 教学课件 陈旭东 孙永芳 崔为花 张晓诺 03.pdfVIP

网页制作实例教程 第3章 HTML语法  本章内容 • 3.1 HTML基本格式  • 3.2 HTML头部标记  • 3.4 文字相关标记 • 3.5 图像标记 • 3.6 超级链接标记  • 3.7 列表标记  • 3.8 表格标记 • 3.9 层标记  3.1 HTML基本格式  • 3.1.1 HTML文件结构  • 3.1.2 HTML语句格式  3.1.1 HTML文件结构  • 实例3-1  HTML文件基本结构 html !--文件开始标记 -- head !--文件头开始的标记-- title页面标题/title !--文件头的内容 -- /head !--文件头结束的标记 -- body !--文件主体开始的标记 -- 正文部分!--文件主体的内容 -- /body !--文件主体结束的标记-- /html !--文件结束标记 -- 从上面的代码可以看出，HTML代码主要分为3部分，其中各部分含义如下 。 • html…/html：告诉浏览器HTML文件开始和结束的位置，HTML文 档一般由头部标记和主体标记两部分组成，所以其中包括head和 body标记。HTML文档中所有的内容都应该在这两个标记之间，一个 HTML文档总是以html开始，以/html结束。 • head…/head：HTML文件的头部标记，在其中可以放置页面的标 题以及文件信息等内容，通常将这两个标记之间的内容统称为HTML的头部 ，通常不会显示在页面上（只起控制作用）。 • body…/body：用来指明文档的主体区域，网页在浏览器文档区所 要显示的内容都放在这个标记内，其结束标记/body指明主体区域的结 束。 3.1.2 HTML语句格式  • HTML元素是由单个或一对标签定义的包含范围。一个标签就是左右分别有 一个小于号（）和大于号（）的字符串。开始标签是指不以斜杠（/）开 头的标签，其内是一串允许的属性/值对。结束标签则是以一个斜杠（/）开 头的，如图3-1所示。 • 上图中是以成对儿标签为例的，HTML还包括一些单个的标签。标签元素的 最后以反斜线和大于号（/）结束，在目前的标准下，也可以直接以大于号 （）结束，如图片标记： img src=logo-dw.jpg width=170 height=170 alt=DW Logo / 3.2 HTML头部标记 • 3.2.1 标题标记title  • 3.2.2 元信息标记meta  • 3.2.3 link标记  • 3.2.4 script标记  3.2 HTML头部标记  • HTML头部标记head里包含关于所在网页的信息，如 网页标题、页面描述和页面关键字等等。  头标记 描述 BASE 当前文档的URL全称（基底网址） BASEFONT 设定基准的文字字体、字号和颜色，较少用到 TITLE 设置网页标题 表明该文档是一个可用于检索网关的脚本，由服务器自动建 ISINDEX 立 META 有关文档本身的元信息 STYLE 设置CSS样式表内容，详见后面章节。 LINK 设定外部文件的链接，如链接CSS外部样式表文件 SCRIPT 包含网页中程序脚本的内容，详见后面章节。 实例3-2  HTML头部标记  • html xmlns=/1999/xhtml • head