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

网页设计html中文字版面的编辑

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

 

html中文字版面的编辑

3-1 html中的换行标签<br>：换行标签是个单标签，也叫空标签，不包含任和内容，在html 文件中的任何位置只要使用了<br>标签，当文件显示在浏览器中时，该标签之后的内容将显示下一行。

3-2 html中换段落标签<p>及属性：由<p>标签所标识的文字，代表同一个段落的文字。不同段落间的间距等于连续加了两个换行符，也就是要隔一行空白行，用以区别文字的不同段落。它可以单独使用，也可以成对使用。单独使用时，下一个<P>的开始就意味着上一个<P>的结束。良好的习惯是成对使用。 格式：<P><P ALIGN= 参数>，其中ALIGN 是<p>标签的属性,属性有三个参数left,center,right.这三个参数设置段落文字的左,中,右位置的对齐方式.

3-3 html中原样显示文字标签<pre>：要保留原始文字排版的格式,就可以通过<pre>标签来实现,方法是把制作好的文字排版内容前后分别 加上始标签<pre>和尾标签</pre>.

3-4 html中居中对齐标签<center>：文本在页面中使用<center>标签进行居中显示,<center>是成对标签,在需要居中的内容部分开头处加<center>,结尾处加</center>

3-5 html中引文标签 (缩排标签）<blockquote>：<blockquote>标签可以用来建立一个引文，他特别适合较长文本的引用，引文显示时将会自动右移左边空出几个格，加以区别。

3-6html中水平分隔线标签<hr>：<hr>标签是单独使用的标签，是水平线标签，用于段落与段落之间的分隔，使文档结构清晰明了，使文字的编排更整齐。通过设置<hr>标签的属性值，可以控制水平分隔线的样式。<hr>标签的属性属性参数功能单位默认值size 设置水平分隔线的粗细pixel(像素）2width 设置水平分隔线的宽度pixel(像素）、%100% align leftcenterright设置水平分隔线的对齐方式center color设置水平分隔线的颜色blacknoshade取消水平分隔线的3d阴影

3-7html中署名标签<address>：<address>署名标签一般用于说明这个网页是由谁或是由哪个公司编写的，以及其它相关信息。在<address></address>标签之间的文字显示效果是斜体字。

3-8 html中特殊字符：在HTML文档中，有些字符没办法直接显示出来，例如：使用特殊字符可以将键盘上没有的字符表达出来，而有些HTML文档的特殊字符在键盘上虽然可以得到，但浏览器在解析HTML文当时会报错，例如"<"等，为防止代码混淆，必须用一些代码来表示它们。 HTML几种常见特殊字符及其代码表 特殊或专用字 符 字符代 码 特殊或专用字 符 字符代 码 < &lt; ? &copy; > &gt; × &times; & &amp; ? &reg; " &quot; 空格 &nbsp;

3-9 html中注释标签：在 HTML 文档中可以加入相关的注释标记，便于查找和记忆有关的文件内容和标识，这些注释内容并 不会在浏览器中显示出来。 注释标签的格式有如下： <!--注释的内容-->

3-10-1 html中标题文字标签<hn>：<hn>标签用于设置网页中的标题文字，被设置的文字将以黑体或粗体的方式显示在网 页中。 标题标签的格式：<hn align=参数〉标题内容</hn> 说明：<hn>标签是成对出现的，<hn>标签共分为六级，在<h1>...</h1>之间的文字就是第一级标题，是最大最粗的标题；<h6>...</h6>之间的文字是最后一级，是最小最细的标题文字。align 属性 用于设置标题的对齐方式，其参数为 left（左），enter（中)，right (右）。<hn>标签本身具有换行的 作用，标题总是从新的一行开始。

3-10-2 html中文字格式控制标签<FONT>：<FONT>标签用于控制文字的字体，大小和颜色。控制方式是利用属性设置得以实现的。 FONT标签的属性 属性 使用功能 默认值 face 设置文字使用的字体 宋体 size 设置文字的大小 3 color 设置文字的颜色 黑色 格式：<font face=值1 size=值2 color=值3〉文字 </font> 说明：如果用户的系统中没有face属性所指的字体，则将使用默认字体。size属性的取值为1~7。也 可以用"+"或"-"来设定字号的相对值。color属性的值为：rgb颜色"#nnnnnn"或颜色的名称

3-10-3 html中特定文字样式标签：在有关文字的显示中，常常会使用一些特殊的字形或字体来强调、突出、区别以达到提示的效果。在 html 中用于这种功能的标签可以分为两类，物理类型和逻辑类型。

1、html中物理类型：1.粗体标签<b> 放在<b>与</b>标签之间的文字将以粗体方式显示，2.斜体标签<i> 放在<i>与</i>标签之间的文字将以斜体方式显示；3.下划线标签<u> 放在<u>与</u>标签之间的文字将以下划线方式显示。

2、html中逻辑类型：逻辑类型是使用一些标签来改变字体的形态和式样，以便产生一些浏览者习惯的或约定的显示效果，常 用的逻辑类型标签有八种，放在标签之间的文字受其控制。下面请看常用逻辑标签的实例

em标签：<em>用于强调的文本，一般显示为斜体字</em>

strong标签：<strong>用于特别强调的文本，显示为粗体字</strong>

cite标签：<cite>用于引证和举例，通常是斜体字</cite>

code标签：<code>用来指出这是一组代码</code>

small标签：<small>规定文本以小号字显示</small>

big标签：<big>规定文本以大号字显示</big>

samp标签：<samp>显示一段计算机常用的字体，即宽度相等的字体</samp>

kbd标签：<kbd>由用户输入文本，通常显示为较粗的宽体字</kbd>

var标签：<var>用来表示变量，通常显示为斜体字</var>

dfn标签：<dfn>表示一个定义或说明，通常显示为斜体字</dfn>

sup标签：12²=144 ₂SO₄

 

 

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

 

 

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

 

 

 

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