计算机, 程序设计
文本的HTML标签:对齐,大小,字体
看来,为什么你需要知道HTML标签的文本,如果现在几乎每个管理员都有一个方便的 可视化编辑器 ,它们自动放置?
事实上,网站内容的格式化与办公室应用程序的工作基本不同。 仅仅使文本看起来很有吸引力是不够的,因为正确的设计不仅取决于网页的显示,还取决于其在搜索引擎中的推广。
HTML标签和属性:语法的基础
任何文本都有一个隐藏的代码,“解释”给计算机什么和如何应该显示在屏幕上。 所有信息都使用一组通用元素进行记录。
实际上,用于文本的HTML标签是向页面添加特定块或更改其外观的命令。 该条目的正确格式是:
请注意,并非所有标签都配对。 例如,
(跳线)或
(添加水平线)根本不需要关闭。
为什么不能将Word和其他程序的文章复制到网站编辑器
虽然现代办公程序对文本使用相同的HTML标签,但99%的本机代码不适用于网页。 即使文档在应用程序本身中正常显示,格式化可能会在插入站点时失败。 另外,由于大量不必要的标签和属性,搜索引擎无法充分分析页面的内容。 这反过来又难以推广您的资源。
要获得干净和相关的代码,您首先需要从常规编辑器创建的HTML标签中清除文本。 有几种方法可以做到这一点:
- “运行”文章通过“记事本”,只有在该网站上粘贴。 应用程序会删除所有HTML,因此,您必须再次格式化文本(使用编辑器的工具或手动)。
- 通过LiveWriter写和发表文章。 流行的博客编辑器立即生成正确的代码。 在单独的选项卡中,您可以看到网站上的文本将如何显示。
- 使用HTML Cleaner。 这个在线服务不会完全破坏所有的代码,而只能增加额外的碎片。 使用过滤器,您可以选择要保存的标签。 还有一个强大的可视化编辑器格式化,它为代码添加了优化的命令。
在发布新记录之前,请务必检查HTML。 它不应该包含我们现在将看到的标签。
段落
几乎所有的文章都存在这个元素。 每个段落应位于这样一个容器内 - 它简化了格式化,并允许您在站点的所有页面上保留单一样式。 为了方便起见,
标签总是从新行写入。
对准
一个单独的HTML标签“对齐文本”长时间没有被使用。 而是创建通用属性ALIGN。 要更改页面上文本块的位置,您必须选择3个值之一 - CENTER,RIGHT或LEFT。 类似地,您可以为其他元素设置对齐方式,例如标题。
在某些情况下,其他HTML标签用于对齐。 例如,文本居中可以使用
标题和副标题
子标题系统允许您创建逻辑内容结构。 当文本分为语义块时,读者更容易集中和学习新信息。 搜索引擎还会分析标题来了解什么请求来宣传页面。 这就是为什么SEO专家建议使用主题键。
在HTML中,使用六级副标题 - 从
到。 在这个系统中有一个明确的层次结构:
-
... H1>
。 主要标题(文章的标题,在线商店的商品等)。 文本中只能有一个。 通常,它包含主键。
-
... H2>
。 第二级副标题将文本分解成语义块。 例如,如果您评估笔记本电脑,您可以使用不同型号的名称来制作几个。
-
... H3>
。 如果两个之间的文本也分为小块,则需要第三级。 在我们的示例中,这些可以是每个模型的评估标准 - “性能”,“内存”,“视频卡”等。
-
,,
。 在实践中,它们是非常罕见的。 但一般原则是一样的 - 它们必须“嵌套”在具有最高级别的子标题的块中。
-
... H1>
。 主要标题(文章的标题,在线商店的商品等)。 文本中只能有一个。 通常,它包含主键。
-
... H2>
。 第二级副标题将文本分解成语义块。 例如,如果您评估笔记本电脑,您可以使用不同型号的名称来制作几个。
-
... H3>
。 如果两个之间的文本也分为小块,则需要第三级。 在我们的示例中,这些可以是每个模型的评估标准 - “性能”,“内存”,“视频卡”等。
-
,
。 在实践中,它们是非常罕见的。 但一般原则是一样的 - 它们必须“嵌套”在具有最高级别的子标题的块中。,
跟踪正确的层次结构。 回到我们的例子,这意味着你不能立即输入型号名称为
或。 甚至更多的是使用不同级别的子标题来实现同质的意义(例如,在的帮助下分配笔记本电脑,该笔记本电脑占据了评级的最后一个位置)。
的帮助下分配笔记本电脑,该笔记本电脑占据了评级的最后一个位置)。
这里是一个方案,可以帮助您立即了解和记住HTML中标题的正确结构。
名单
任何枚举和指令都可以更好地格式化为使用特殊HTML标签的文本列表(典型的错误只是以连字符或数字开头的
段落)。
这种块的结构非常简单。 首先,我们定义列表的类型 - 标记为
- ... UL>或编号为
- ... LI>。 元素的数量不受限制。
字体选择:及其属性
使用此HTML标签可以更改什么? 文本的大小,其字体和颜色,而不在CSS中添加新的类。 当您只需选择一个句子或片段时,这非常方便。
有几个属性:
- 面对 。 允许您更改文本字体。 您可以列出由逗号分隔的几个选项(Tahoma,Verdana)。 如果用户没有安装第一个字体,系统只需使用该替代方法。
- 尺寸 。 要增加或减少文本,请在引号中指定1到7之间的值。
- 颜色 。 根据设计,您可以选择一种标准色调(红色,绿色,蓝色)或输入任何颜色代码进行选择。
不要使用用而不是子标题格式化的段落。 最好为正确的标签设置相同的设置。
选择文字的方法
单调的文字轮胎,甚至分段。 为了吸引人们的注意力和阅读者的兴趣,建议以图形方式突出显示关键点。 以下是一些有助于应对此任务的命令。
... B> 。 非常受欢迎的HTML标签。 大胆的文字立刻睁开眼睛,因此在他的帮助下,方便突出重要的论文和事实。
许多人混淆了和标签。 视觉上没有什么区别,但是他们的工作方式不同。 第一个只是改变文本的外观,第二个执行“指针”的功能,并突出显示最重要的片段(SEO的主题关键词和短语)。
... I> 优雅而严谨的斜体是科学术语,外来词和各种报价设计的理想选择。 在严肃的版本中,艺术作品的标题也以斜体文字区分。
... U> 也许这么多争议没有引起任何HTML标签。 文本的下划线很少使用,因为这种分配方法历来被分配给超链接。 如果您在文章中使用,请注意,这仅适用于短片段 - 不超过1行。
... S>。 一个有趣的标签,允许您使 文本的 一部分 无效。 在广告方面非常相关 - 例如,强调新旧价格之间的对比。... BIG> 。 增加字体大小而没有任何其他参数的最简单的方法。
... SMALL> 。 工作原理与上一个标签相同。 文本内容相对于主文本缩小。
... SUP> 。 这个格式的正确名称是上标。 基本上这个标签是为数学学位和脚注而设计的。 它可以减小 字体大小 ,并将所选文本向上移动。
... SUB> 。 下标通常在各种公式中找到。 所选片段位于主文本下方。
语义容器
由于在许多文本中发现了一些块,因此为它们创建了特殊标记。 这简化了格式化,因为如果每种类型的内容都有自己的一组样式,那么只需选择文本的一个片段并指出它包含什么信息即可。
... CODE>
。 用于添加计算机代码的标签。 在使用示例编程的文章中不可替代 - 命令不会执行,而是以纯文本形式显示。... CITE> 。 它是用于制定报价单,例如面试中的重点摘录。
... BLOCKQUOTE>
。 它将一部分文本放在单独的块中。 默认情况下,左侧选择的边距较大,但CSS中也可以更改文本的大小,样式和颜色。... ADDRESS> 。 附加标签,其中包含有关作者的信息,包括链接。
分离线
使用一个简单的栏,您可以指定大段的逻辑结尾。
不适用于配对的标签。 这意味着不需要格式 ...>的关闭元素。使用WIDTH属性,您可以通过指定合适的大小(以像素为单位或窗口宽度的百分比)来使分隔符更短。
通过学习如何正确使用标签来格式化HTML中的文本,您不仅可以让您的文章更容易阅读,还可以提高SEO的有效性。
- ... OL>。
所有元素都在开始和结束标签之间。 列表中的每个项目以新行开头,格式为
Similar articles
Trending Now