你不知道的网页布局与文字修饰的设计技巧

 

一、标题

       一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标签<Hn>，其中n为标题的等级。 HTML提供了六个等级的标题，n越小。标题字号越大。

二、换行标签

       在编写HTML文档时，我们不必考虑太细的设置。也不必担心段落过长的部分会被浏览器切掉。因为在HTML的语言规范里，当浏览器窗口缩小时，浏览器会自动将右边的文字转折至下一行显示。对于需要断行的地方，应加上<br>标签。

三、段落标签

       为了使文字排列整齐、清晰、段落之间常用<p></p>来做标签。</p>是可以省略的，因为下一个<p>就意味着上一个<p>的结束。<p>标签还有一个属性align，它是用来指示段落显示时的对齐方式的，一般有center，left，right三种。

四、文字修饰

       1：字号大小设置

       设置字号大小的标签是<font>，它有一个属性size，通过指定size属性就能设置字号大小。size属性的有效值范围值为1~7，默认值为3，我们可以在size属性值前加上“+”或“-”符号，来指定相对于字号起始值的增量或减量。

       2.字体与样式

       HTML 4.0中提供了定义字体的功能，用face属性来完成这个工作。face的属性值可以是本机上的任一字体类型，但有一点问题就是，只有当浏览者的计算机中装了相同的字体才可以正确看到该字体效果。

       3：文字颜色

       文字颜色设置语法格式如下：

       <font color=颜色值>...</font>

       这里的颜色值可以是一个十六进制数。

五、预编排结构

       在网站推广中，HTML还提供了一种非常有用的预排结构，利用它可以使信息在浏览器中完全依照源文件中的编排格式显示出来。

六、列表

       列表是一种规定格式的文字排列方式，分为无序号列表，有序号列表和定义性列表三种。

       1：无序号列表使用的一对标签是<ul>，</ul>，第一个列表项前使用<li>标签。

       2：序号列表

       序号列表和无序号列表的使用方法基本相同，标签为<ol>，</ol>，第一个列表项前使用<li>标签。每个项目都有前后顺序之分，多用数字表示。

       3.定义性列表

       定义性列表可以用来给每一个列表项再加上一段说明性文宇，说明文字独立于列表项并另起一行显示。列表项使用<dt>标签。说明性文字使用<dd>标签，在定义性列表中，还有一个属性是compact，使用这个属性后，说明文字和列表项将在同一行中显示。

七、框架与框架网页

       在网站推广中，框架(Frames)的作用是将网页分割为多个HTML页面，在浏览器中显示时，则显示为一个完整的页面。每个框架都包含一个HTML页面，由这些页面组成了框架网页。在浏览器中看上去，使用框架结构制作的网页并没有什么特别的地方，就像Fhoroshw中未合成图层的图片一样，虽然版面是由多个活动的图片组成，但整个版面所且示的和打印的则是一幅完整的图片。

       框架网页的最大特点是在不改变整页布局的情况下，可以使其中的HTML页面之间互相链接，达到不翻页即可获取所需内容的目的，这一特点使其在显示电子文档方面具有得天独厚的优势