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

2021年3月21日15:44:11 发表评论 730 次浏览

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 |标题1

更改HTML标题的大小:

可以使用style属性更改HTML标题的默认大小。

<!DOCTYPE html>
< html >
  
< body >
  
     < h1 style = "font-size:60px;" >H1 with new size.</ h1 >
  
</ body >
  
</ html >

输出:

HTML |标题2

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 |标题3

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 |标题4

支持的浏览器:下面列出了<heading>标记支持的浏览器:

  • 谷歌浏览器
  • IE浏览器
  • 火狐浏览器
  • 歌剧
  • 苹果浏览器

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: