HTML语法
影像标签
【影像标签】
注意：档名；路径
档名需一致（包括大小写）；
<img src=“boy.gif” alt=“本站特约模特儿” align=right border=0 hspace=2 vspace=2 height=56 width=32>
网页图形格式：gif(256色)/jpg（全彩失真压缩）
基本用法：<img src=“图档名称、路径”>
长宽设定<img src=“图档” height=“高度” width=“宽度”>
附加说明<img src=“图档” alt=“说明文字”>
滑鼠一到图上时，说明文字就会自动出现。此外，在图片未显示出来或显示不出来时，也会以这一段字代替，让我们知道这个未显示出来的究竟是干什么的用的。
图片位置<img src=“图档” align=“位置”>（left左、right右、middle垂直居中、bottom靠下、top靠上、absmiddle绝对居中）
边框设定<img src=“图档” border=“边框粗细”>
注意：设定边框大小，通常都设成0感觉比较美观了！因为内定的框框实在是不怎么漂亮，尤其是在连接时，设框框简直是丑毙了……
左右间距<img src=“图档” hspace=“离左右物件的距离”>
注意：离文字的水平距离，通常多少也设一点，以免靠文字太近，看起来才不会有太挤的感觉。
上下间距<img src=“图档” vspace=“离上下物件的距离”>
注意：离文字的垂直距离，通常多少也设一点，以免靠文字太近，看起来才不会有太挤的感觉。
【网页影像重要概念】
路径：
htmld的位置 | 图档的位置 | 写法 | 情形说明 |
c:\demo | c:\demo | <img src="tad.gif"> | 图文均在同一个目录 |
c:\demo | c:\demo\p_w_picpaths | <img src="p_w_picpaths/tad.gif"> | 图在网页下一层目录 |
c:\demo | c:\ | <img src="../tad.gif"> | 图在网页上一层 |
c:\demo | c:\p_w_picpath | <img src="p_w_picpath/tad.gif"> | 图文在同一层但不同目录 |
注意：../是回到上一层目录的意思。
影像单位：px(pixels)，像素；像素，是萤幕上的一个小光点，然而这一小光点的大小，并非是固定的，举个例子而言，萤幕本身十五寸，不会因为你的任何设定而变成十七寸。但是，其解析度是可以改变的，我们常见的解析度有以下几种：“640 ×480”、“800 ×600”、“1024 ×768”。举其中之一的640 ×480来说，其代表的就是在萤幕上有宽640个光点，高有480光点，若是我们将解析度调整为800 ×600其宽势必要从640变成800个光点，也因此，该光点便会变小一点，所以，我们看起来就会觉得解析度调高后，萤幕内的东西，变得小小的，很精致，那就是因为光点变小的原因。
注意：gif格式的图形只能以256个颜色显示，虽然其色彩较少，但颜色鲜艳亮丽，若是图形颜色不多，用gif格式存档会较漂亮；jpg格式的图形是以全彩显示，适合用在相片或是渐层颜色的图片上，压缩比例以75%为适中。
【背景标签】
背景标签只有<body>这个标签，其余的效果，只要加上一些简单的属性便可做到。
<body bgcolor=“#ffffff” background=“bf.jpg”>
注意：图档不要太大，否则网页载入会比较慢一点。
【内文、连接文字颜色设定】
<body text=“#000000” link=“#0000ff” vlink=“#ff00ff” alink=“#ff0000”>
【标签解说】
内文颜色：<body text=“颜色码”>
连接颜色：<body link=“颜色码”>
连接时颜色：<body alink=“颜色码”>
已连接颜色：<body vlink=“颜色码”>
【连接标签】
连接：在网页中有些字会有特别的颜色，而且字的底下会有条线，当鼠标移到那些字上时，光标会变成手指形状，按下去，则会连接到别的文章或网站。
连接分为内部连接（自己网页间的连接）和外部连接。
内部连接：相对路径和绝对路径。
如：将我们所需要的相关档案都放在c:\www里面，现在假设c:\www里面有index.htm、text1.htm、p1.gif、p2.gif。
在index.htm中做一个连接，直接跳转到text1.htm，有两种方式：
<a href=“c:\www\text1.htm”> 绝对路径（非常详尽的位置）
<a href=“text1.htm”> 相对路径
相对路径表示方式 | 代表连结位置 |
<a href="text1.htm"> | text1.htm在目前的目录中（就例子而言，就是在c:\www中） |
<a href="docs/text1.htm"> | text1.htm在名为docs的次目录中（就本例而言，就是在c:\www\docs中） |
<a href="../text1.htm"> | text1.htm在目前目录的上一层目录中（就本例而言，就是在c:\底下了） |
【网页外部的连接】
例如：
http://sunspot-design.com">好站</a> 电子邮件连接 写情书给我 <a href="mailto:tad@ms1.url.com.tw">写情书给我</a> ftp连接 下载档案 <a href="ftp://ftp.ntu.edu.tw">下载档案</a> news连接 seednet news服务 <a href="news:news.seed.net.tw">seednet news服务</a> gopher连接 seednet gopher服务 <a href="gopher://gopher.seed.net.tw/">seednet gopher服务</a> bbs连接 seednet gopher服务 <a href="telnet://bbs.seed.net.tw/">seednet bbs服务</a>
【连接标签的参数】
target=_参数（意思：目标。也就是网页连接的指向目标，这参数在框架（frame）里尤为重要。）
使用范例：
target=框窗名称：
这在‘框架标签’中也有提到，而且也只有在框架（框窗 or frame）中才用得到。正常而言，框窗有各自的名称，因此，我们可以利用此标签，来指定连结的内容显示到哪一个框窗中。
target=_blank：
将连结的画面内容，开在新的浏览视窗中。
target=_parent：
将连结的画面内容，当成文件的上一个画面。
target=_self：
将连结的画面内容，显示在目前的视窗中。
target=_top：
这个参数可以解决新连结的画面内容，被旧框窗包围的困扰，使用这参数，会将整个画面重新显示成连结的画面内容。
转载于:https://blog.51cto.com/fxgjg/323239
