计算机程序设计

文本的HTML标签:对齐,大小,字体

看来,为什么你需要知道HTML标签的文本,如果现在几乎每个管理员都有一个方便的 可视化编辑器 ,它们自动放置?

事实上,网站内容的格式化与办公室应用程序的工作基本不同。 仅仅使文本看起来很有吸引力是不够的,因为正确的设计不仅取决于网页的显示,还取决于其在搜索引擎中的推广。

HTML标签和属性:语法的基础

任何文本都有一个隐藏的代码,“解释”给计算机什么和如何应该显示在屏幕上。 所有信息都使用一组通用元素进行记录。

实际上,用于文本的HTML标签是向页面添加特定块或更改其外观的命令。 该条目的正确格式是:

请注意,并非所有标签都配对。 例如,
(跳线)或


(添加水平线)根本不需要关闭。

为什么不能将Word和其他程序的文章复制到网站编辑器

虽然现代办公程序对文本使用相同的HTML标签,但99%的本机代码不适用于网页。 即使文档在应用程序本身中正常显示,格式化可能会在插入站点时失败。 另外,由于大量不必要的标签和属性,搜索引擎无法充分分析页面的内容。 这反过来又难以推广您的资源。

要获得干净和相关的代码,您首先需要从常规编辑器创建的HTML标签中清除文本。 有几种方法可以做到这一点:

  1. “运行”文章通过“记事本”,只有在该网站上粘贴。 应用程序会删除所有HTML,因此,您必须再次格式化文本(使用编辑器的工具或手动)。
  2. 通过LiveWriter写和发表文章。 流行的博客编辑器立即生成正确的代码。 在单独的选项卡中,您可以看到网站上的文本将如何显示。
  3. 使用HTML Cleaner。 这个在线服务不会完全破坏所有的代码,而只能增加额外的碎片。 使用过滤器,您可以选择要保存的标签。 还有一个强大的可视化编辑器格式化,它为代码添加了优化的命令。

在发布新记录之前,请务必检查HTML。 它不应该包含我们现在将看到的标签。

段落

几乎所有的文章都存在这个元素。 每个段落应位于这样一个容器内 - 它简化了格式化,并允许您在站点的所有页面上保留单一样式。 为了方便起见,

标签总是从新行写入。

对准

一个单独的HTML标签“对齐文本”长时间没有被使用。 而是创建通用属性ALIGN。 要更改页面上文本块的位置,您必须选择3个值之一 - CENTER,RIGHT或LEFT。 类似地,您可以为其他元素设置对齐方式,例如标题。

在某些情况下,其他HTML标签用于对齐。 例如,文本居中可以使用

... 元素进行排列。 什么方便一个单独的标签? 与属性不同,它适用于任何内容,包括照片,视频,闪光灯等。

标题和副标题

子标题系统允许您创建逻辑内容结构。 当文本分为语义块时,读者更容易集中和学习新信息。 搜索引擎还会分析标题来了解什么请求来宣传页面。 这就是为什么SEO专家建议使用主题键。

在HTML中,使用六级副标题 - 从

。 在这个系统中有一个明确的层次结构:

  • ... 。 主要标题(文章的标题,在线商店的商品等)。 文本中只能有一个

    。 通常,它包含主键。

  • ... 。 第二级副标题将文本分解成语义块。 例如,如果您评估笔记本电脑,您可以使用不同型号的名称来制作几个

  • ... 。 如果两个

    之间的文本也分为小块,则需要第三级。 在我们的示例中,这些可以是每个模型的评估标准 - “性能”,“内存”,“视频卡”等。

  • 。 在实践中,它们是非常罕见的。 但一般原则是一样的 - 它们必须“嵌套”在具有最高级别的子标题的块中。

跟踪正确的层次结构。 回到我们的例子,这意味着你不能立即输入型号名称为

。 甚至更多的是使用不同级别的子标题来实现同质的意义(例如,在
的帮助下分配笔记本电脑,该笔记本电脑占据了评级的最后一个位置)。

这里是一个方案,可以帮助您立即了解和记住HTML中标题的正确结构。

名单

任何枚举和指令都可以更好地格式化为使用特殊HTML标签的文本列表(典型的错误只是以连字符或数字开头的

段落)。

这种块的结构非常简单。 首先,我们定义列表的类型 - 标记为

    ... 或编号为
      ...

      所有元素都在开始和结束标签之间。 列表中的每个项目以新行开头,格式为

    1. ... 。 元素的数量不受限制。

      字体选择:及其属性

      使用此HTML标签可以更改什么? 文本的大小,其字体和颜色,而不在CSS中添加新的类。 当您只需选择一个句子或片段时,这非常方便。

      有几个属性:

      • 面对 。 允许您更改文本字体。 您可以列出由逗号分隔的几个选项(Tahoma,Verdana)。 如果用户没有安装第一个字体,系统只需使用该替代方法。
      • 尺寸 。 要增加或减少文本,请在引号中指定1到7之间的值。
      • 颜色 。 根据设计,您可以选择一种标准色调(红色,绿色,蓝色)或输入任何颜色代码进行选择。

      不要使用用而不是子标题格式化的段落。 最好为正确的标签设置相同的设置。

      选择文字的方法

      单调的文字轮胎,甚至分段。 为了吸引人们的注意力和阅读者的兴趣,建议以图形方式突出显示关键点。 以下是一些有助于应对此任务的命令。

      ... 。 非常受欢迎的HTML标签。 大胆的文字立刻睁开眼睛,因此在他的帮助下,方便突出重要的论文和事实。

      许多人混淆了标签。 视觉上没有什么区别,但是他们的工作方式不同。 第一个只是改变文本的外观,第二个执行“指针”的功能,并突出显示最重要的片段(SEO的主题关键词和短语)。

      ... 优雅而严谨的斜体是科学术语,外来词和各种报价设计的理想选择。 在严肃的版本中,艺术作品的标题也以斜体文字区分。

      ... 也许这么多争议没有引起任何HTML标签。 文本的下划线很少使用,因为这种分配方法历来被分配给超链接。 如果您在文章中使用,请注意,这仅适用于短片段 - 不超过1行。

      ... 。 一个有趣的标签,允许您使 文本的 一部分 无效。 在广告方面非常相关 - 例如,强调新旧价格之间的对比。

      ... 。 增加字体大小而没有任何其他参数的最简单的方法。

      ... 。 工作原理与上一个标签相同。 文本内容相对于主文本缩小。

      ... 。 这个格式的正确名称是上标。 基本上这个标签是为数学学位和脚注而设计的。 它可以减小 字体大小 ,并将所选文本向上移动。

      ... 。 下标通常在各种公式中找到。 所选片段位于主文本下方。

      语义容器

      由于在许多文本中发现了一些块,因此为它们创建了特殊标记。 这简化了格式化,因为如果每种类型的内容都有自己的一组样式,那么只需选择文本的一个片段并指出它包含什么信息即可。

      ... 。 用于添加计算机代码的标签。 在使用示例编程的文章中不可替代 - 命令不会执行,而是以纯文本形式显示。

      ... 。 它是用于制定报价单,例如面试中的重点摘录。

      ... 。 它将一部分文本放在单独的块中。 默认情况下,左侧选择的边距较大,但CSS中也可以更改文本的大小,样式和颜色。

      ... 。 附加标签,其中包含有关作者的信息,包括链接。

      分离线

      使用一个简单的栏,您可以指定大段的逻辑结尾。


      不适用于配对的标签。 这意味着不需要格式的关闭元素。

      使用WIDTH属性,您可以通过指定合适的大小(以像素为单位或窗口宽度的百分比)来使分隔符更短。

      通过学习如何正确使用标签来格式化HTML中的文本,您不仅可以让您的文章更容易阅读,还可以提高SEO的有效性。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 zhcn.atomiyme.com. Theme powered by WordPress.