如何在html中创建粗体和斜体标题(create bold and italic headings in html)

在HTML标题代码中嵌入斜体和粗体的样式标记标记,以增加主题列表的重点。...

在HTML标题代码中嵌入斜体和粗体的样式标记标记,以增加主题列表的重点。

Old Gothic Bold Italic

标题

标题标记是分割文档的最简单方法。如果你认为你的网站是一份报纸,那么标题就是报纸的标题。主要标题为H1,后续标题为H2至H6。

使用以下代码创建HTML。

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

保持标题的逻辑顺序——H1在H2之前,H2在H3之前,依此类推。

不要太担心标题的外观。你应该使用CSS来设置标题的样式,而不是无序地使用标题。标题标记是块级元素,因此它们为您设置换行符。不要将段落标记放在标题标记内。

粗体斜体

有四个标记可用于粗体和斜体:

  • <strong>和<b>表示粗体
  • <em>斜体的<i>

你用哪一种并不重要。虽然有些人喜欢和,但许多人认为“粗体”和“斜体”更容易记住。

只需用开始和结束标记围绕文本,即可将文本加粗或斜体:

<b>bold</b><i>italic</i>

您可以嵌套这些标记(这意味着您可以将文本设置为粗体和斜体),而不管是外部标记还是内部标记。

例如:

这篇文章是粗体的

<strong>This text is bold</strong>

此文本为斜体

<em>This text is italics</em>

此文本为粗体和斜体

<strong><em>This text is both bold and italics</em></strong>

为什么有两组粗体和斜体标记

在HTML4中,和标记被认为是样式标记,只影响文本的外观,不涉及标记的内容,使用它们被认为是不好的形式。然后,使用HTML5,它们被赋予了文本外观之外的语义。

在HTML5中,这些标记具有特定的含义:

  • <b>表示不比周围文本更重要的文本,但典型的排版形式是粗体文本,例如文档摘要中的关键字或评论中的产品名称。
  • <i> 表示不比周围文本更重要的文本,但典型的排版形式是斜体文本,例如书名、技术术语或其他语言的短语。
  • <strong>表示与周围文本相比具有很强重要性的文本。
  • <em>表示与周围文本相比具有强调重音的文本。

标题中的斜体

没有什么可以阻止您在标题标记中使用斜体标记,尽管某些浏览器可能会删除此上下文。通常最好使用CSS来确保您获得所期望的视觉效果。

  • 发表于 2021-09-05 00:36
  • 阅读 ( 278 )
  • 分类:IT

你可能感兴趣的文章

什么是降价?初学者入门指南

... &#13; &#13; 让我们看看什么是Markdown,它为什么有用,以及如何开始使用它。&#13; 什么是降价(markdown)?&#13; Markdown是一种用于创建格式化文本的标记语言,通常用于在internet上发布。如果您不熟悉,标记语言指的是一个系统,它包...

  • 发布于 2021-03-12 09:02
  • 阅读 ( 222 )

压缩的html是如何工作的以及为什么需要它

如果你经营一个网站,你应该已经知道如何使用正确的图像格式和优化你的图像为网络。然而,虽然图像压缩是众所周知的做法,HTML压缩往往被忽视,这是一个耻辱,因为好处是值得的。 ...

  • 发布于 2021-03-14 09:00
  • 阅读 ( 306 )

理解基本html代码的5个步骤

...一些基础知识,包括什么是HTML,一些基本概念,以及它如何与其他语言交互。把这当成一个“傻瓜的HTML”速成班。 ...

  • 发布于 2021-03-21 16:54
  • 阅读 ( 257 )

如何创建降价表

...现在都支持它们,而且它们非常容易实现。让我们看一下如何从头开始创建表,以及可以加快进程的资源。 ...

  • 发布于 2021-03-23 11:39
  • 阅读 ( 215 )

什么是降价?如何使用?

...持它的应用程序。这里有一个快速入门什么是降价,以及如何和在哪里可以使用它。 什么是降价(markdown)? 在文本中添加粗体、斜体、编号列表、项目符号、标题等时,就是在“格式化”文本。Markdown是一种语法或一组规则,用...

  • 发布于 2021-04-02 21:06
  • 阅读 ( 170 )

什么是纯文本?

...示例包括HTML、XML和Markdown。 相关报道:什么是降价?你如何使用它? 使用纯文本文件的好处 许多人选择使用纯文本而不是富格文本进行大多数编辑。这种做法在程序员和开发人员中尤其常见,他们用纯文本构造的语言编写代码...

  • 发布于 2021-04-14 16:48
  • 阅读 ( 139 )

如何创建网站第一部分:理解和编写html

...下理解HTML都是非常宝贵的。考虑到这一点,在我们关于如何创建网站的第一课中,我们将介绍HTML(web的主要标记语言)的顶级基础知识。现在,使用社交媒体和个人登录页来组合一个web呈现是很容易的,但是如果你真的想创建...

  • 发布于 2021-07-24 23:30
  • 阅读 ( 210 )

html强调标记

...签”的标签。让我们来看看这些标签是什么,以及它们是如何在今天的网页设计中使用的。 回到xhtml 如果您在几年前就学会了HTML,在HTML5兴起之前,您可能同时使用了粗体和斜体标记。正如您所料,这些标记将元素分别转换...

  • 发布于 2021-09-04 22:31
  • 阅读 ( 142 )

什么是网页设计中的正常流程?(normal flow in web design?)

...是纯文本。” 因此,正常的流程是这些块和内联元素如何在网页上显示,而无需网页设计师的任何干预。如果要影响元素在页面上的位置,可以使用CSS定位或CSS浮动。

  • 发布于 2021-09-04 23:19
  • 阅读 ( 128 )

facebook笔记不再支持html,但仍然有选项

...记中输入html不过,它确实允许一些有限的格式设置。 如何创建和格式化facebook便笺 Facebook笔记编辑器是WYSIWYG——你看到的就是你得到的。使用该编辑器,您可以编写注释并添加一些功能,而无需担心HTML。 要编写新的Facebook...

  • 发布于 2021-09-04 23:47
  • 阅读 ( 137 )
ninihhhhh
ninihhhhh

0 篇文章

相关推荐