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

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

HTML定义了六级标题。这六个标题元素是H1, H2, H3, H4, H5和H6； H1最高, H6最低。

标题的重要性：

搜索引擎使用标题来索引网页的结构和内容。
标题用于突出显示重要主题。
它们提供了有价值的信息, 并告诉我们有关文档的结构。

使用标题：

<!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标题的大小：

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

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

输出：

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中的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 >

输出：