一些简单实用的HTML代码

      编程宝典 2005-6-4 17:23:00
一、HTML各种命令的代码:

  1、文本标签(命令)
  <pre></pre>         创建预格式化文本
  <h1></h1>          创建最大的标题
  <h6></h6>          创建最小的标题
  <b></b>           创建黑体字
  <i></i>           创建斜体字
  <tt></tt>          创建打字机风格的字体
  <cite></cite>        创建一个引用,通常是斜体
  <em></em>          加重一个单词(通常是斜体加黑体)
  <strong></strong>      加重一个单词(通常是斜体加黑体)
  <font size=?></font>     设置字体大小,从 1 到 7
  <font color=?></font>    设置字体的颜色,使用名字或十六进制值
  2、图形(命令)
  <img src="name">       添加一个图像
  <img src="name" align=?>   排列对齐一个图像:左中右或上中下
  <img src="name" border=?>  设置围绕一个图像的边框的大小
  <hr>             加入一条水平线
  <hr size=?>         设置水平线的大小(高度)
  <hr width=?>         设置水平线的宽度(百分比或绝对像素点)
  <hr noshade>         创建一个没有阴影的水平线


  3、链接(命令)
  <a href="URL"></a>      创建一个超链接
  <a href="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接
  <a name="NAME"></a>     创建一个位于文档内部的靶位
  <a href="#NAME"></a>     创建一个指向位于文档内部靶位的链接

  4、格式排版(命令)
  <p>             创建一个新的段落
  <p align=?>         将段落按左、 中、 右对齐
  <br>             插入一个回车换行符
  <blockquote></blockquote>  从两边缩进文本
  <dl></dl>          创建一个定义列表
  <dt>             放在每个定义术语词之前
  <dd>             放在每个定义之前
  <ol></ol>          创建一个标有数字的列表
  <li>             放在每个数字列表项之前,并加上一个数字
  <ul></ul>          创建一个标有圆点的列表
  <li>             放在每个圆点列表项之前,并加上一个圆点
  <div align=?>        一个用来排版大块HTML 段落的标签,也用于格式化表

二、HTML基本语法

  文件格式<html></html>(文件的开头与结尾)
  主题<title></title>(放在文件的开头)
  文头区段<head></head>(描述文件的信息)
  内文区段<body></body>(放此文件的内容)
  标题<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>
  居左<left> </left>
  居右<right> </right>
  基本字体大小<basefont size>(取值范围从1到7,默认值为3)
  改变字体大小<font size=?></font>(?=1~7)
  字体颜色<font color=#rrggbb></font>(RGB色码)
  指定字型<font face=?></font>(?=宋体,楷体等)
  网址链结<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=?>(?以像素为单位)
  段落<p></p>
  断行<br></br>
  横线<hr>
  横线厚度<hr size=?>(?以像素为单位)
  横线长度<hr width=?>(?以像素为单位)
  横线长度<hr width=?%>(?与页宽相比较)
  实横线<hr noshade>(无立体效果)
  背景图案<body background=图形文件名>(图形文件格式为gif和jpg)
  背景颜色<body bgcolor=#rrggbb>(RGB色码)
  背景文字颜色<body text=#rrggbb>(RGB色码)
  未链结点颜色<body link=#rrggbb>(RGB色码)
  已链结点颜色<body vlink=#rrggbb>(RGB色码)
  正在链结点颜色<body alink=#rrggbb(RGB色码)
标签集:TAGS:
回复Comments() 点击Count()
喜欢就顶一下

回复Comments

{commentauthor}
{commentauthor}
{commenttime}
{commentnum}
{commentcontent}
作者:
{commentrecontent}