HTML基本语法汇总大全
二、超链结 网址链结<a href="URL"></a> 设定锚点<a name="?"></a>(?以容易记为原则) 链结到锚点<a href="#?"></a>(同一份文件) <a href="URL#?"></A>(锚点不同文件) 显示图形<img src="URL"></a> 图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位 置) 图形取代文字<img src="URL"alt=?>(无法显示图形时用) 图形尺寸<img src="URL" width=? height=?>(?以像素为单位) 连结图形边线<img src="URL"border=?>(?以像素为单位) 图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位)
2 重新设定<p>标记样式 <STYLE TYPE="txet/css"> P{font-size:12pt;color:yellow;background-color:blue;line-height:25px;} </STYLE>
3 重新设定超级链接标记的样式 <STYLE TYPE="text/css"> A:link{font-size:9pt;color:blue;text-decoration:none}未查看的链接 A:active{font-size:9pt;color:green;text-decoration:none}准备查看的链接 A:visited{font-size:9pt;color:yellow;text-decoration:none}已经查看过的链接 A:hover{font-size:9pt;color:red;text-decoration:underline}当鼠标移到链接上时 </STYLE>
在正文中用 class=样式名,来调用 <p class="aa">字体和颜色的变化</p> 正文区段<body></body>(放此文件的内容) 文字颜色<body text=?> (RGB 色码) 打开窗口提示信息:<body onload=alert('info1') 点击关闭窗口<a href="javascript:window.close()">点击关闭窗口</a> 关闭窗口提示信息:<body onunload=alert('info2')> 标题<h?></h>(?=1~6,改变标题字的大小) 标题对齐<h align=right,left,center></h> 字加大<big></big> 字变小<small></small> 粗体字<b></b> 斜体字<i></i> 底线字<u></u> 上标字<sup></sup> 下标字<sub></sub> 文字对中<center></center> 基本字体大小<basefont size>(取值范围从 1 到 7,默认值为 3) 改变字体大小<font size=?></font>(?=1~7) 字体颜色<font color=#rrggbb></font>(RGB 色码) 指定字型<font face=?></font>(?=宋体,楷体等)
环
例:<bgsound src="star.mid" Loop=-1> 支持.mid 及.wav 等格式
五、表格的使用
基本组成:
<table border=? height=? width=? bgcolor=?>border=?框线宽度,单位为点数,0 为不显示框线。
<caption>...</caption>表格标题文字
显示高度,象素、百分比或自动
z-index auto|整数
显示网页元素重叠时的顺序编号
visibility visible|hidden
是否显示此元素,显示或隐藏
十二、外部链接的 CSS: 将各种样式标记储存成一个独立的“.CSS”文件; 套用方法:在<HEAD>中用下面的命令引用之: <LINK REL="stylesheet" HREF="css_file" TYPE="text/css">
4 自定义名称的样式(用以“.”开头的名称定义,用 class=名称,来引用。 可用于<font><h?><P><A>及<DIV>等标记中,示例
<STYLE TYPE="text/css"> .smallblue{font-size:9pt;color:blue} .bigred{font-size:25pt;color:red} </STYLE>
line-height
设定网页的行距,可用点数 pt 或百分比
margin-left|right|top|bottom
设定网页的左、右、上、下边界,用象素 表示
px
text-decortion
下划线,加用 underline ,不加用 none
text-transform
设定文字转换,uppercase 大写,capitalize 首字大写
三、区段划分 段落<p></p>(font 标签自动分段) 断行<br> 关闭换行<nobr></nobr> 保留段落格式<pre></pre>
第 1 页 共 11 页
区块<div></div>不能含有 P 标签 横线<hr> 横线厚度<hr size=?>(?以像素为单位) 横线长度<hr width=?>(?以像素为单位) 横线长度<hr width=?%>(?与页宽相比较) 实横线<hr noshade>(无立体效果) 实线颜色<hr color=?>(RGB 色码)
height=? width=?为高度和宽度,点和百分比
<tr>
bgcolor=?表格的背景色,亦可加到<tr>或<td>内
<td>...<td>
......
</tr>
<tr>
<td>...<td>
......
</tr>
......
</table>
<table bordercolor=? bordercolordark=? bordercolorlight=?>框线、暗面、亮面的颜色
<DIV STYLE="color:blue;font-size:20pt;margin-left:15px">局部样式
样式属性值
说明
color
设定颜色,颜色名或#十六进制数
background
设定背景颜色,同上
font-size
设定字体尺寸,直接指定点数 pt
font-family
设定使用的字体,例如:楷体
程序码 属性值
说明
position absolute|relative|static 定位方式为绝对、相对和静态
lfet
pt|百分比|auto
左边界距离,象素、百分比或自动
top
pt|百分比|auto
上边界距离,素、百分比或自动
width
pt|百分比|auto
显示宽度,象素、百分比或自动
height pt|百分比|auto
未链结点颜色<body link=#rrggbb>(RGB 色码)
已链结点颜色<body vlink=#rrggbb>(RGB 色码)
正在链结点颜色<body alink=#rrggbb(RGB 色码)
背景音乐<bgsound src="music_file" Loop=?/-1>加在<head>或<body>中均可,?为次数,-1 为循
<th>...</th>标题行与<td>类似,只是默认为粗体居中对齐。
<table rules=none|rows|cols|all>表格内框线,不显示|水平线|垂直线|所有线
<table rowspan=? colspan=?>行或列的合并
六、输入特殊符号
特殊符号 @ < > " & 回车
HTML 表示法 © < > " &
HTML 基本语法汇总