美文网首页
HTML5(6)——标题

HTML5(6)——标题

作者: lxmic | 来源:发表于2018-10-06 12:33 被阅读22次
场景似曾相识

还有几个小时就要离开家了,每次都在离开的时候,才会变得清醒一些。上次一节是讲属性,今天我们来学习标题相关的内容。

HTML标题

通常最多只有6级标题,一般情况我想都用不了这么多层次。

<!DOCTYPE html>
<html>
<body>

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

</body>
</html>

一般六级标题

标题很重要

搜索引擎利用标题来建立网页结构和内容的索引。标题应该一级一级的利用,而且标题只能用于标题,而不能使用在让字体变大的情况下。

标题字体大小

一般标题字体大小是网页默认的,而我们可以通过利用style属性,和CSS中font-size属性,来定制标题的大小,如

<h1 style="font-size:60px;">Heading 1</h1>

HTML水平分割线

<hr>标签是水平分割线,用来将网页按主题分块,经常用来隔开不同的内容。

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>

<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

<h2>This is heading 2</h2>
<p>This is some other text.</p>
水平线

HTML<head>元素

<head>元素和标题没有什么关系。它是网页源数据的容器,是放在<html><body>标签之间。

<!DOCTYPE html>
<html>

<head>
  <title>My First HTML</title>
  <meta charset="UTF-8">
</head>

<body>

相关文章

  • HTML核心-文本元素

    HTML5中支持什么元素:HTML5元素周期表 h h1-h6:表示标题一到标题六快捷键:h级标题}-->按回车键...

  • HTML5(6)——标题

    还有几个小时就要离开家了,每次都在离开的时候,才会变得清醒一些。上次一节是讲属性,今天我们来学习标题相关的内容。 ...

  • HTML + CSS

    HTML html5结构 中间包裹着 和 标签一般包裹着 和 或者 标题标签,从1到6...

  • h1 em strong

    HTML5 规范声明:标题 - 强调的文本 重要文本

  • [cc]HTML6 展望

    HTML6 展望 2014年12月6日jnj发表评论阅读评论13,575 人阅读 HTML5 概述 HTML5 是...

  • HTML5游戏引擎深度测评

    最近看到网上一篇文章,标题叫做《2016年 最火的 15 款 HTML5 游戏引擎》。目前针对HTML5游戏的解决...

  • markdown 怎么用

    1、标题:用1~6个#既可 标题 :# 标题 标题2 :## 标题2 小标题 :#### 小标题 标题6 ...

  • HTML5

    HTML5基本结构 页面标题 页面内容部分 注意:1.不要在...

  • HTML5 video播放器全屏(fullScreen)方法实例

    HTML5 video播放器全屏(fullScreen)方法实例 首先来说,这个标题具有误导性,但这样设置改标题也...

  • markdown基础教程

    1.标题 在行首插入 1 到 6个#,分别表示标题 1 到标题 6 效果: 这是标题1 这是标题1 这是标题6 2...

网友评论

      本文标题:HTML5(6)——标题

      本文链接:https://www.haomeiwen.com/subject/ruqhaftx.html