平面设计培训视觉设计培训精品设计培训课程推荐

网页设计中字符的逻辑效果

本文章摘自十多年平面设计培训教学经验的天津博奥教育官网www.boaoit.com

 

除了字符的物理效果外，html还提供了一套称为逻辑效果的标记，它们不仅可以指定在文档文本中特定格式的效果，还能标出文本的含义。如标题样式的使用、特别强调、制定引用等，1.标题样式的使用；2.增加强调和特别强调；3.包含小段代码和变量；4.提供文字字符的样本；5.指示作为键盘输入的文本；6.指定一个地址

1.标题样式的使用：给页面添加几个标题，有主标题和副标题等，但是又不想使各个标题的字号一样大。这时候，可以通过<hn>标记来标识文档中包含不同大小字号的主标题和副标题；Hn标记标示的字符将以粗体的形式显示在网页中，语法如下：<hn>标题字符</hn>，其中n是1至6的数字，表示标题的层次。<h1>的标题最大，<h6>的标题最小，在<hn>标记中有一个较为常用的属性align，用于控制标题的对齐方式。语法如下：Align=left或Align=center或Align=right；这三个设定值依序把标题文字的对齐方式设为靠左对齐、居中对齐、靠右对齐。

2.增加强调和特别强调；达到强调页面中某些字词目的需要使用<em></em>和<strong></strong>标记。它们分别用作一般性强调和特别强调，可以高亮度显示文本的特定区域，当浏览器遇到一个<em>标记时，它就使用浏览器中强调文本的特殊指示来强调位于<em></em>之间的文本；当浏览器遇到一个<strong>标记时，它就强调位于该标记之间的文本，如果再一次使用该标记，表示特别强调文本的特殊指示。

3.包含小段代码和变量：有时候有一些程序代码样本和变量需要放置在web页面上，想使其同其他文本有所区别，但又不愿在物理形式处理上花费太多时间。可以使用<code>和<var>标记来实现这种效果。<code>标记将程序代码段以固定宽度字符显示。这是因为浏览器将位于<code>和</code>标记之间的文本按其显示代码的样式显示。而位于<var>和</var>之间的文本则按变量的样式处理，所以<var>标记将程序或其他程序的变量以斜体显示。

4.提供文字字符的样本：在html中，使用<samp>标记来将位于<samp>和</samp>作为文字字符的样本显示。当浏览器遇到一个<samp>标记时，它就根据其内置的规则格式化位于<samp>和</samp>之间的文本，通常这种显示文本的字符是固定宽度的；另外尽管<samp>标记的文本同用其他样式标出的文本的显示看起来是一样的，但是最好还是用<samp>来引用一个特殊的样本。

5.指示作为键盘输入的文本：想在web页中将一些输入的样本包括在一段计算机程序中，且使这些样本样式与格式化的标准文本不同。在html中，我们使用html键盘样式标记<kbd>来标记由用户自己输入的文本，还可以使用它显示计算机命令、参数，尤其是由用户输入的内容，由<kbd>标记的文本通常是使用固定宽度的字符。

6.指定一个地址：Html还运行用户使用<address>标记来指导有关web页的创建者或维护者的信息。这一信息可以包括姓名、电子邮件地址、电话号码、信件地址或其他相关信息。

以上掌握了字符效果的基本样式，包括字符的物理效果和逻辑效果。在实际应用中，如何利用这些样式来美化自己的主页，提出几点建议：1.只有越少使用它们，才能越有效果，如果每隔一个词就用黑体表示或将一大段文本显示为斜体，是不会引起任何注意的；2.除了要少用强调外，频繁地把普通样式改为黑体或斜体等样式也会使文档的阅读变得困难，这是因为研究必须先停下来并调整到新的类型样式之后才能继续的阅读下去。减少样式的变换可以防止这个问题；3.在用户和文档创建者之间一直有很多关于正确使用<b>与<strong>及<i>与<em>的讨论。在浏览器中，这些标记的功能是相同且可互换的。这里并没有一条使用这些标记的正确方法。但是作为一条普通规律，

应该考虑一下规则：在要强调一个字或词时，使用<em>或<strong>。当某个字或词要求一个特殊的样式时，例如书名或特定名称，则使用<I>或<b>。当有疑问的适合，则强调包含这些字词的句子，这时用<I>或<b>。如果想格式化一个文档突出强调的字词时，用<em>或<strong>。4.Html还提供了一些浏览器中显示时难以区分的标记：<tt>、<code>、<samp>、<kbd>，它们均可使文本以固定宽度字符样式显示。实际上它们之间差别很大，当从一个程序中插入一些代码时，使用<code>标记。当想要显示用户输入程序的信息时请使用<kbd>标记，而利用<samp>标记就可以显示文字字符的一个样本，其他需要用固定宽度字符显示的情况则可用<tt>处理。这些区别不仅使浏览器选用最佳方式来显示信息，还可使扫描web页的索引程序通过标记的使用准确识别代码和键盘输入等等。如果对于所有需要使用固定宽度字符的要求均只使用<tt>,则大多数浏览器的输出看起来都是一样的，但索引程序却很难找出web页面中的代码和键盘输入，准确使用这些样式，可以为自己的新主页添色不少，也可使它们更易阅读。如果小心使用，物理样式可以提高web页的显示效果。此外，正确使用内容样式可以使读者找到它们感兴趣的东西，同时也便于索引程序更好地做出web页内容的目录。

 

下一篇：在平面设计中什么时候要用四色又什么时候要用到专色印刷它们区别何在

 

 

热文：如何把平衡感这条重要的视觉法则灵活应用到平面设计中

 

 

 

相关培训：天津市平面设计培训、天津市平面设计培训就业班、天津UI设计培训、天津PS培训、天津C4D培训、天津AI培训、天津犀牛Rhino培训、 天津Solidworks培训、SolidWorks培训全科班、天津素描培训、天津CAD培训、天津室内设计培训、天津建筑Rhino参数化设计培训、天津办公软件培训、天津各所大学到天津博奥教育的乘车路线