第3章HTML基本标签.PDFVIP

第3章 HTML基本标签 在 HTML 里的每一个标签都有其自身的意义。HTML 标签由开始标签和结束标签组 成，开始标签是被尖括号包围的元素名，结束标签是被尖括号包围的斜杠加元素名，如 body和/body 。某些HTML 元素没有结束标签，如br 。 本章要点：  标题文字标签h 的语法  嵌套标签的语法 3.1 标题文字标签 就像新闻和报纸中的标题一样，在网页中标题文字能直接反映相关主题，意义至关重 要。HTML 中的标题文字是通过h1 — h6等标签进行定义的。 3.1.1 标题文字标签——h h1 — h6作为标题文字标签，依据重要性递减。使用h标签可以增加权重，使 页面的层级关系更清楚，让搜索引擎更好地抓取页面的主题，有利于搜索引擎搜索到用户 的页面。其语法如下： h1这是一级标题/h1 h2这是二级标题/h2 h3这是三级标题/h3 h4这是四级标题/h4 h5这是五级标题/h5 h6这是六级标题/h6  在标题文字标签中，HTML 自动在一个标题元素前后各添加一个空行。其中的字 号从h1到h6 由大变小。 根据网页的定位、类型、用户搜索习惯等因素综合考虑，不同网站对标题标签的使用 都不相同。 （1）h1一级标题，它的地位在页面中跟关键字的地位一样重要。一些大型网站将 h1用在LOGO 上，这样的优点是：它概括了整个页面的内容，而且LOGO 离 “body ” HTML/CSS 网页设计与开发一站式学习——难点/案例/练习 很近，方便搜索引擎最快地抓取主题，如图3- 1 所示。 h1 图3-1 一级标题 （2 ）h2二级标题，主要出现在页面的主体内容的文章标题和栏目标题上。三列结 构一般在中间，二列结构一般在重要的一边。可与h3搭配使用，如图3-2 所示。 h2 图3-2 二级标题 （3）h3三级标题，一般在主要页面的边侧栏。h4是它的辅助，出现频率不高。 根据排版页面层级关系不能太深，所以h4、h5、h6一般出现较少，如图3-3 所示。 • 18 • 第3 章 HTML 基本标签 h3 h3 图3-3 三级标题 下面具体写一个标题文字标签的程序代码。 实例3- 1： 通过h标签来实现不同标题文字效果 html head title中国旅游/title /head body h1旅游景点大全/h1 h2华北地区/h2 h3名胜古迹/h3 h4北京旅游/h4 h5故宫博物院/h5 h6乾清宫/h6 /body /html 运行代码后效果如图3-4