网页设计实例教程陈旭东孙永芳崔为花张晓诺03章节.pptVIP

本章内容 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里包含关于所在网页的信息，如网页标题、页面描述和页面关键字等等。 实例3-2 HTML头部标记 html xmlns=/1999/xhtml head title网页设置于制作—头部标记/title meta http-equiv=Content-Type content=text/html; charset=utf-8 / meta name=keywords content=HTML,网页制作,头部标记 / meta name=description content=HTML,网页制作,头部标记 / link href=common/main.css rel=Stylesheet / script src=scripts/jquery.js type=text/javascript/script /head body HTML头部标记综合案例 Title中的文字将显示在标题栏中/body/html 在此案例中，所使用的都是在网页中中经常使用到的标记。 3.2.1 标题标记title TITLE标记的语法格式： title……/title 例如：titleHTML头部标记/title，则设定页面的标题为：HTML头部标记。 3.2.1 标题标记title 3.2.2 元信息标记meta Content-Type(显示字符集的设定) meta http-equiv=content-Type content=text/html; charset=utf-8 / 因为网页文件可能的编码有多种，如：utf-8、gb2312、gbk等等 设定关键字 例如：meta name =keywords content=HTML,网页制作,头部标记 / meta name=description content=HTML,网页制作,头部标记 / 设定页面描述 使用description来设定页面描述，告诉有哪些信誉好的足球投注网站引擎你的网站主要内容。 例如：meta name=description content= HTML,网页制作,头部标记 / 设定是否允许有哪些信誉好的足球投注网站引擎检索 meta name=Robots con