HTML语法 01
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。
本文出自 “改变自己，做强者!!!” 博客，谢绝转载！