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 系列,均能正常显示。
【特殊字元】  代表一个不断行空白
原始码 呈现结果
< <
> >
& &
" “
【设定文字内定值大小】<basefont size=“1~7”>,默认为3。