网页架构
简单网页<HTML>
　<HEAD>
  <TITLE>网页制作教学</TITLE>
  <Meta>
　</HEAD>
　<BODY>
  BODY之间则为主要语法所在，也是网页的主要呈现部分。
　</BODY>
</HTML>
【标签解说】
以上看到的就是一篇最简单架构的网页。没错，网页其实就是一堆标签（所谓标签就是指被<>包起来的语法）集合起来的，透过浏览器的消化整理，就便成了美仑美奂的网页了。
简单而言，通常一份完整的网页包含了二个部份：抬头（HEAD）、文件本体（BODY）。也就是各位在上面所看到的<HEAD></HEAD>以及<BODY></BODY>。
在抬头的部份<HEAD></HEAD>中，有另一组标签<TITLE></TITLE>。打在<TITLE></TITLE>这里面的文字会出现在浏览器视窗最上头蓝部份里，当作一篇网页的主题。
您可能会发现，为什么我一直没提到<HTML></HTML>这一组标签，嗯！因为它可有可无。这一组标签是告诉浏览器说：我是一份HTML文件喔！也就是说它是一个网页的格式啦！通常都包在网页的最上下两端，将所有的原始码都包起来。
分隔标签
【文字上的分隔标签】
或许你已经发现这个问题了：天啊！我不是在记事本里排版排得很漂亮，为何透过浏览器看起来一切都走了样？对啊！别太讶异，在网页的编排里，并不像汉书或WORD一样，只要拼命按Enter键或空白键，便能完成分段或分行，因为，HTML语言是不认识我们所谓的Enter键或空白键，所以不管您按了多少次的空白或Enter，浏览器都会当作没看见啦！
1.使用方法：强制断行标签<br>、强制分段标签<p>
2.标签解说：我们在写文章时，有时候在特定的地方会强迫断行（<br>），或是在写完某一段的时候便会分段（<p>），写网页也一样，而且更需要断行及分段的功能，以免整个网页看起来乱糟糟的。
【分隔线标签】
1.使用方法：上一段文字内容<hr>下一段文字内容
2.标签解说：利用<hr>这个标签便可产生一条横分隔线。另外，其有些属性分别说明如下：
3.
一般用法
尚未加任何属性。
原始码
普通分隔线<hr>
呈现结果
普通分隔线
4.
颜属性
用法：<hr color="颜码或颜名称">
原始码
橘分隔线<hr color="#ff8000">
呈现结果
橘分隔线
5.
宽度属性
用法：<hr width="宽度">，其单位为px（像素），宽度亦可用百分比来作设定，如50%即意为宽度占萤幕50%。
原始码
宽度为240px的分隔线<hr width="240">
呈现结果
宽度为240px分隔线
6.
厚度属性
用法：<hr size="厚度">
原始码
厚度为5的分隔线<hr size="5">
呈现结果
厚度为5分隔线
7.
位置属性
用法：<hr align="水平对齐位置">，其设定值有三个，也就是置左align="left"、置中align="center"、置右align="right"
原始码
靠右的分隔线<hr align="right">
呈现结果
靠右的分隔线
8.
阴影属性
用法：<hr noshade>，无设定值，只要将 noshade 加入即可，通常会配合颜设定，效果较佳。
原始码
实心分隔线（无阴影）<hr noshade>
呈现结果
实心分隔线（无阴影）
排版标签
【文字置左、置中、置右】
1.使用方法：老实说，刚刚我们学过的分段标签<p>再加上一些简单的属性设定，就可以让其整个文字段落置左、置中或置右了，就如下表所示：
原始码
呈现结果
<p align="left">文字靠左</p>
文字靠左
<p align="center">文字置中</p>
文字置中
<p align="right">文字靠右</p>
文字靠右
2.标签解说：嗯！秘诀就在于“align=对齐位置”而已啦！align是分段标签<p>的属性之一，这个属性将来会常常在不同标签中看到，它的功能是专门在设定“水平对齐位置”，其常见的设定值有三个，也就是置左（align="left"）、置中（align="center"）、置右（align="right"）。
【置中标签】
1.使用方法：<center>这是置中</center>
2.标签解说：这个标签是最常用到的标签了，除了文字，对于图片、表格，任何可以显现在网页上的东西都可以置中喔！
3.使用范例：
原始码
呈现结果
<center>这是最中间</center>
这是最中间
【向右缩排标签】
1.使用方法：<blockquote>要缩排的文字</blockquote>
2.标签解说：利用<blockquote></blockquote>这个标签可以将其包起来的文字，全部往右缩排。而且加一组标签，往右缩排一单位，加两组标签，往右缩排两单位，依此类推。
3.使用范例：
原始码
呈现结果
<blockquote>缩排1单位</blockquote>
缩排1单位
<blockquote><blockquote>缩排2单位</blockquote></blockquote>
缩排2单位



【保存原始格式标签】
1.使用方法：<pre>文字内容<pre>
2.标签解说：利用<pre></pre>这个标签可以将其包起来的文字排版、格式，原封不动的呈现出来。算是相当好用的标签之一。
3.使用范例：
原始码
呈现结果
<pre>
文　字
　格　式
</pre>
文　字
　格　式
字体标签
【标题标签】
1.使用方法：<h1>标题内容</h1>
2.标签解说：标题的大小一共有六种，两个标签一组，也就是从<h1>到<h6>，<h1>最大，<h6>最小。使用标题标签时，该标签会将字体变成粗体字，并且会自成一行。
3.使用范例：
原始码
呈现结果
<h1>标题一</h1>
标题一
<h2>标题二</h2>
标题二
<h3>标题三</h3>
标题三
<h4>标题四</h4>
标题四
<h5>标题五</h5>
标题五
<h6>标题六</h6>
标题六



【设定字体大小标签】
1.使用方法：<font size=3>文字内容</font>
2.标签解说：标题的大小一共有七种，也就是<font size=1>（最小）到<font size=7>（最大），另外，还有一种写法：<font size=+1>文字内容</font>，其意思就是说：比预设字大一级。当然也可以 font size=+2（比预设字大二级），或是 font size=-1（比预设字小一级），以一般而言，预设字体多为 3。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。