我给女朋友讲编程html系列(2) --Html标题标签h1
2014-07-20 00:57
267 查看
Html是一门标签语言,因此学习Html最快的方式就是学习使用html标签。
html标题标签:h1,h2,h3,h4,h5,h6
标题标签总共有6个,h1,h2,h3,h4,h5,h6,从h1到h6,它对网页内容的重要性逐渐递减,h1最重要,h6最轻。
你用百度,用的最多的也就是搜索。因此你可以认为百度就是搜索引擎,搜索引擎就是百度。
<h1>的作用就是告诉百度,这里面的内容就是文章的标题,方便百度识别标题。
下面看一下标题标签的用法以及效果,新建一个test.html网页,输入下面的内容:
在浏览器中打开,看一下效果如图:
使用h1标签有几点注意事项:
(1)<h1>尽量靠近在html 中的<body>标签,越近越好,以便让搜索引擎最快的领略主题;
(2)<h1>不得出现在<h2>-<h6>之后,重要的就应该出现在前面;
(3)<h1>在一个页面最多只能有一个,不要用多个,要不然网页结构就乱了。
(4)<h1>最好用作一篇文章的标题。
html标题标签:h1,h2,h3,h4,h5,h6
标题标签总共有6个,h1,h2,h3,h4,h5,h6,从h1到h6,它对网页内容的重要性逐渐递减,h1最重要,h6最轻。
你用百度,用的最多的也就是搜索。因此你可以认为百度就是搜索引擎,搜索引擎就是百度。
<h1>的作用就是告诉百度,这里面的内容就是文章的标题,方便百度识别标题。
下面看一下标题标签的用法以及效果,新建一个test.html网页,输入下面的内容:
<html> <head> <title> html标题标签h1 </title> </head> <body> 1,先讲一下标题标签:标题标签总共有6个,h1,h2,h3,h4,h5,h6,其中h1最重要,h6最轻。 <h1>这是1级标题,最重要的标题标签,英语叫 header 1</h1> <h2>这是2级标题</h2> <h6>这是6级标题,最轻的标题标签</h6> </body> </html>
在浏览器中打开,看一下效果如图:
使用h1标签有几点注意事项:
(1)<h1>尽量靠近在html 中的<body>标签,越近越好,以便让搜索引擎最快的领略主题;
(2)<h1>不得出现在<h2>-<h6>之后,重要的就应该出现在前面;
(3)<h1>在一个页面最多只能有一个,不要用多个,要不然网页结构就乱了。
(4)<h1>最好用作一篇文章的标题。
相关文章推荐
- 我给女朋友讲编程html系列(3) --html中的超链接标签-a标签 和 框架frame与框架集frameset
- 我给女朋友讲编程html系列(4) -- html常用简单标签
- 我教女朋友学编程html系列(5) html中table的用法和例子
- 我教女朋友学编程Html系列(6)—Html常用表单控件
- 我教女朋友学编程Html系列(6)—Html常用表单控件
- Html标题标签h1
- 我教女朋友学编程html系列(5) html中table的用法和例子
- 我教女朋友学编程html系列(7)—Html无序列表、自定义列表、有序列表及常用例子
- 我教女朋友学编程html系列(7)—Html无序列表、自定义列表、有序列表及常用例子
- 我给女朋友讲编程html系列(1) -- Html快速入门
- Struts1.x系列教程(5):HTML标签库
- HTML中META标签的HTTP标题信息(HTTP-EQUIV)详解
- JMJS系统总结系列----HTML标签在XSLT 中的应用(二)
- 优化前台标题,导航,面包屑导航,列表页左侧产品属性,及分类h1标签内文字。
- HTML中select标签如何添加子项的标题
- 提高用户体验的编程细节系列内容之自动切换输入法 (http://www.cnblogs.com/mz121star/archive/2011/02/20/yonghutiyan.html)
- html 标签与 html 实体转换 与 php html 系列函数的简单使用
- PHP编程之HTML(常用标签)
- asp.net正则表达式提取网页网址、标题、图片,滤所有HTML标签
- .NET组件控件实例编程系列——3.DataGridView列标题可编辑组件