HTML语法

网页架构:主要网页主架构的介绍。

最简单架构的网页:

<html>

 <head>

   <title>html标记语言</title>

   <meta>

 </head>

 <body>

body之间则为主要语法所在,也是网页的主要呈现部分。

 </body>

</html>

【标题解说】:通常一份完整的网页包含两部份:head,body;在<head></head>之间有一组标签:<title></title>,这是一篇网页的主题。

注意:<html></html>这组标签可有可无。

分隔标签:【文字上的分隔标签】

强制断行标签<br>、强制分段标签<p>

例如:原始码:这是一个断行的范例<br>看出来了吗?

        呈现结果:这是一个断行的范例

                          看出来了吗?

分割线标签:<hr>

普通分割线<hr>;

【颜色属性】橘色分割线<hr color="#ff8000">;

【宽度属性】<hr width="宽度">(单位为像素:px;用百分比来做设定,如50%就是宽度占屏幕50%);如:<hr width="240">宽度为240px的分割线。

【位置属性】<hr align="水平对齐位置">(其设定值有三个:align="left"、"right"、"center");如:<hr align="right">。

【阴影属性】<hr noshade>,无设定值,只要将noshade加入即可,通常会根据颜色设定,效果更加。如:实心分隔线(无阴影)<hr noshade>。

【宽度属性】<hr size="厚度"> 如:厚度为5的分割线<hr size="5">。

排版标签

1、【文字置左、置中、置右】

 

原始码 呈现结果
<p align="left">文字靠左</p> 文字靠左
<p align="center">文字置中</p>                               文字置中
<p align="right">文字靠右</p>                                                              文字靠右

 注意:align的功能是专门在设定“水平对齐位置”,设定值有三个:right,left,center。

2、【置中标签】<center></center>

这个标签是最常用到的标签了,除了文字,对于图片、表格、任何可以显现在网页上的东西都可以置中。

3、【向右缩排标签】<blockquote>要缩排的文字</blockquote>

注意:利用<blockquote></blockquote>这个标签可以将其包起来的文字,全部向右缩排,而且加一组标签,往右缩排一单位;加两组标签,往右缩两单位,以此类推。

4、【保存原始格式标签】<pre></pre>

注意:利用<pre></pre>这个标签可以将其包起来的文字排版、格式,原封不动的呈现出来。

例如:

原始码 呈现结果

<pre>

文 字

   格 式

</pre>

文 字

   格 式

字体标签

【标题标签】<h1>标题内容</h1>

 注意:标题的标签一共有6个,两个标签一组。使用标题标签时,该标签会将字体变为粗体字,并自动自成一行

【设定字体大小标签】<font size=3>文字内容</font>

标题的大小一共有七种,也就是<font size=1>(最小)<font size=7>(最大),另外,还有一种写法:<font size=+1>文字内容</font>,意思就是比预设字体大一级。<font size=-1>,以一般内容而言,预设字体多为3。

【字型变化标签】

<b>粗体</b>  <i>斜体</i>  <u>底线</u>   <sup>上标</sup>

<sub>下标</sub>   <tt>打字机</tt>   <blink>闪烁</blink>

<em>强调</em>   <strong>加强</strong>  

<samp>范例</samp>  <code>原始码</code>  <var>变数</var>

<dfn>定义</dfn>   <cite>引用</cite>  

<address>所在地址</address>

【文字颜色设定】<font color="#fefecb">文字颜色</font>

文字标签

 【文字字型设定】<font face="字型名称">文字</font>

注意:缺点:对方也要有该字型。

在网页中有加上这一行叙述<meta http-equiv="content-type" content="text/html;charset=big5">(指定网页的语言格式),那么,netscape可以正确显示出中文,但英文无反应。若没有加该行,那么英文会正确显示,但中文却仍是宋体。至于 ie 系列,均能正常显示。

【特殊字元】&nbsp 代表一个不断行空白

           原始码  呈现结果

           <       &lt

           >       &gt

           &      &amp

           &quot   “    

【设定文字内定值大小】<basefont size=“1~7”>,默认为3。