HTML语言剖析(4)-网页设计,HTML/CSS

• 为文中不同部份加上说明，方便日后修改。
  这对较复杂或非私人网页尤其重要，它不单是提醒自已，亦提醒你的同事这部分 做什么、那部分做什么。
  例子：
  <!–由这处开始是产品订购表格–>

• 用作版权声明。
  假如你不希望别人使用或复制你的网页，可加上警告字眼。
  例子：
  <!–本文版权为 1998, creation of webpage 所拥有，未经许，请勿抄摘–>

本来<p>是一围堵标记，标于一段落的头尾，但从 html 2.0 开始己不需要</p>作结尾。

<p> 的常用参数： 如：<p align=”center”>

• align=”center”
  可选值：right, left, center。
  内定值： align=”left”

例子：

由于浏览器会自动忽略原始码中空白和换行的部分，这令到<br>成为最常用的标记之 一。因为无论你在原始码中编好了多漂亮的文章，若不适当地加上换行标记或段落标记， 浏览器只会将它显示成一大段。

错误示范：（邮局可不会接受一行过的地址）

正确例子：

<hr> 之参数修改：
以： <hr align=”left” size=”2″ width=”70%” color=”#0000ff” noshade> 为例。

• align=”left”
  设定线条置放位置，可选择：left；right；center 三种设定值。

• size=”2″
  设定线条厚度，以像素作单位，内定为 2。

• width=”70%”
  设定线条长度，可以是绝对值（以像素作单位）或相对值，内定为 100%。

• color=”#0000ff” 『只适用于ie』
  设定线条颜色，内定为黑色。 #0000ff 代表蓝色，亦可以采用颜色的名称，即 text=”blue” 。

• noshade
  设定线条为平面显示，若删去则具阴影或立体，这是内定值。

例子：

这标记原先是 netscape 所定义，后来其它浏览器都支持它，但你会发现很多标记已有 align=”center” 的参数，<center>似乎多馀了，事实上它还是常用的标记之一，其简单 易用，常用于文字上，对于己加有 align=”center” 参数的 <table> 标记亦要不厌其烦 地加上居中标记，因有狻多浏览器不支持<table> 标记中的 align=”center” 参数。

例子：

这标记允许保留你于原始码中输入的空白及 return。细看以下例子你便可体会到此标记的 威力。除了运用一大堆表格标记之外你只有采用这标记才能有此效果。

能以<pre>标记产生对　效果，或产生多于一行的空白才算上乘！

例子：

	<pre>	creation of webpage log analysis i

	composer learning  459 407 480 522 547 586 673
	html advanced      200 268 296 358 385 453 506</pre>

 		creation of webpage log analysis i	

	composer learning  459 407 480 522 547 586 673
	html advanced      200 268 296 358 385 453 506

<div>应用于 style sheet（式样表）方面会更显威力，它最终目的是给设计者另一种组织 能力，有 class ; style ; title ; id 等属性，将会于【style sheet】一节才作详述，这处只介绍 一个属性设定。
以 <div align=”center”> 为例：

• align=”center”
  可选值：center ; left ; right 。决定字、画、表格等居中、靠左或靠右。
  <div align=”center”> 的作用和居中标记 <center>一样，前者是由 html3.0 开始 的标准，后者是通用己久的标示法。

例子：

例子：（其中 chriss creation of webpage 将不被分开而显示于同一行。）

例子：（若不加<wbr>标记，整个网址会显示于下一行。）