HTML如何使用标题(h标签用法代码示例)

HTML定义了六级标题。这六个标题元素是H1, H2, H3, H4, H5和H6; H1最高, H6最低。
标题的重要性:

  1. 搜索引擎使用标题来索引网页的结构和内容。
  2. 标题用于突出显示重要主题。
  3. 它们提供了有价值的信息, 并告诉我们有关文档的结构。
使用标题:
< !DOCTYPE html> < html > < body > < h1 > H1< / h1 > < h2 > H2< / h2 > < h3 > H3< / h3 > < h4 > H4< / h4 > < h5 > H5< / h5 > < h6 > H6< / h6 > < / body > < / html >

输出:
HTML如何使用标题(h标签用法代码示例)

文章图片
更改HTML标题的大小:
【HTML如何使用标题(h标签用法代码示例)】可以使用style属性更改HTML标题的默认大小。
< !DOCTYPE html> < html > < body > < h1 style = "font-size:60px; " > H1 with new size.< / h1 > < / body > < / html >

输出:
HTML如何使用标题(h标签用法代码示例)

文章图片
HTML中的水平尺:
代表水平尺的" hr"标签用于定义HTML页面中的主题分隔符。它基本上用于分隔内容。
< !DOCTYPE html> < html > < body > < h1 > Heading 1< / h1 > < p > I like HTML.< / p > < hr > < h2 > Heading 2< / h2 > < p > I like CSS.< / p > < hr > < h2 > Heading 3< / h2 > < p > I like Javascript.< / p > < / body > < / html >

输出:
HTML如何使用标题(h标签用法代码示例)

文章图片
HTML中的head元素:
HTML head元素充当元数据的容器。元数据是有关未显示的HTML文档的数据。 head元素与标题无关。
head元素位于" HTML"标签和" body"标签之间。
< !DOCTYPE html> < html > < head > < title > Basics of HTML< / title > < meta charset = "UTF-8" > < / head > < body > < p > I like HTML.< / p > < p > HTML is easy to learn.< / p > < / body > < / html >

输出:
HTML如何使用标题(h标签用法代码示例)

文章图片
支持的浏览器:下面列出了< heading> 标记支持的浏览器:
  • 谷歌浏览器
  • IE浏览器
  • 火狐浏览器
  • 歌剧
  • 苹果浏览器

    推荐阅读