零基础HTML入门教程(4)——h1-h6标题标签

简介: 本小节我们学习了h1-h6标题标签,h1最大h6最小他是从大到小排列的。我们熟练掌握标题标签学会灵活使用。我们这一小节学习一下h1-h6标题标签,HTML的内容标题有6个级别。注意h1最大,h6最小。

本章目录

1.任务目标

我们这一小节学习一下h1-h6标题标签,HTML的内容标题有6个级别。

注意h1最大,h6最小。

2.代码实操

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 表示页面支持中文 -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页</title>
</head>
<body>
  <h1>这是h1</h1>
  <h2>这是h2</h2>
  <h3>这是h3</h3>
  <h4>这是h4</h4>
  <h5>这是h5</h5>
  <h6>这是h6</h6>
</body>
</html>

3.执行效果

4.小结

本小节我们学习了h1-h6标题标签,h1最大h6最小他是从大到小排列的。我们熟练掌握标题标签学会灵活使用。

相关文章
|
1月前
|
移动开发 HTML5
HTML5标签的类型
HTML5标签的类型。
54 5
|
14天前
|
移动开发 编解码 UED
除了 `<audio>` 和 `<video>` 标签,HTML5 还支持哪些多媒体格式?
【10月更文挑战第19天】HTML5对多种多媒体格式的支持,为网页开发者提供了丰富的选择,能够更好地满足不同类型多媒体内容在网页中的展示和交互需求,提升了网页的用户体验和多媒体应用的多样性。
|
22天前
HTML 标题2
HTML标题通过&lt;h1&gt;到&lt;h6&gt;标签定义,其中&lt;h1&gt;为最大标题,&lt;h6&gt;为最小标题。&lt;hr&gt;标签用于创建水平线,分隔页面内容。注释通过&lt;!-- --&gt;添加,提高代码可读性,浏览器不显示。
|
22天前
|
搜索推荐 索引 SEO
HTML 标题1
HTML标题通过&lt;h1&gt;至&lt;h6&gt;标签定义,&lt;h1&gt;为最大,&lt;h6&gt;为最小。浏览器自动在标题前后添加空行。标题对网页结构和搜索引擎优化至关重要,应按重要性顺序使用,以帮助用户快速浏览页面内容。
|
14天前
|
存储 移动开发 前端开发
|
1月前
|
前端开发
【HTML】img标签和超链接标签
【HTML】img标签和超链接标签
40 2
|
1月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
33 1
|
1月前
|
Web App开发 数据采集 移动开发
HTML5新增的属性和标签
HTML5新增的属性和标签
109 0

热门文章

最新文章