如何使用和理解html的标题标签

 时间:2024-11-05 02:08:14

1、在相应的文件夹下面新建一个html文件。

如何使用和理解html的标题标签

2、输入文件名(因为只是案例学习,所以名称取中文名,实际开发中不要用中文名),以html5为模板。

如何使用和理解html的标题标签

3、html的标题标签使用<hn></hn>来显示,其中n代表数值1,2,3,4,5,6通过下面的是小demo,可以看到普通字体和标题标签下的字体的区别:黑体、加粗。

如何使用和理解html的标题标签
如何使用和理解html的标题标签

4、然后标题标签的数值越大,字体越小。h1最大, h6最小。

如何使用和理解html的标题标签

5、点击浏览器图标,运行例案查看效果。你可以看到,值越大,字越小,当数值超过6的时候无效。

如何使用和理解html的标题标签

6、标题标签也会有一些属性,比如对齐方式——align当align="center"时代表居中对齐。更多标题标签的属性就需要大家自己去尝试了。

如何使用和理解html的标题标签

7、运行查看效果,可以发现加了align="center"后,标签下的内容是会居中对齐的。

如何使用和理解html的标题标签
  • 秋梨玉米银耳汤的做法
  • AI怎么快速做出精美大葱形状图案
  • 妙用神州孕妈专车三步使用方法
  • 哪些环境是恋爱高发期?
  • Python编程:如何使用字符串的count()方法
  • 热门搜索
    守法手抄报 我爱爸爸妈妈手抄报 二年级的手抄报 垃圾分类的手抄报 运动与健康手抄报 安全手抄报花边 四年级手抄报内容 反腐倡廉手抄报内容 禁燃烟花爆竹手抄报 梦想起航手抄报