Pro003-从零开始HTML[#003]——5分钟-构成标题

<html>标签

#003_Heading

    我们可以用h1~h6标签来定义标题,h1定义最大的标题,h6定义最小的标题。可以根据自己的页面文字内容,做出层次分明的感觉,让读者可以直观的找到重点。

只需要14行简单的代码

如何使用标题标签?

    用h1~h6标签,包围想要显示的内容。

<body>

    <h1> 一级标题 </h1>

    <h2> 二级标题 </h2>

    <h3> 三级标题 </h3>

    <h4> 四级标题 </h4>

    <h5> 五级标题 </h5>

    <h6> 六级标题 </h6>

</body>

更加先进的方法

    由于 h系列 元素拥有确切的语义,因此请大家慎重地选择恰当的标签层级来构建文档的结构。不要把标题标签当作一种字体大小的控制标签,切勿妄想利用标题标签来改变同一行中的字体大小。

    如果需要实现,一行字中,能出现不同大小的字体,我们应当去使用 层叠样式表 定义字体,从而达到漂亮的显示效果。


带简单注释的代码
效果图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • 本文主要是起笔记的作用,内容来自慕课网. 认识HTML、CSS、JavaScript 学习web前端开发基础技术需...
    0o冻僵的企鹅o0阅读 3,885评论 3 7
  • 一、Html和CSS的关系 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我...
    空指针的空阅读 4,540评论 0 2
  • 陈伟霆: 您好。 十天了,十全十美比较好。可惜没时间了。 今天想送给您一朵樱花。
    碧玉白糖阅读 1,521评论 0 0
  • 前言 分布式锁一般有三种实现方式:1. 数据库乐观锁;2. 基于Redis的分布式锁;3. 基于ZooKeeper...
    朦胧蜜桃阅读 3,339评论 1 0