简单实用的HTML代码

HTML（英文：HyperText Markup Language，HTML）是一项很简单的t电脑语言。是为「建立网页和在浏览器中看到网页的讯息」的代码。

 HTML 代 码是任何网站的基石, 简单的说就是在一个页面上写一些文字，有时候需字体要用不同的颜色,有时候需要用斜体表示，有时候文字需要显示的大一些，有时 候 一些文字需要用黑体来表示 其重要性，或许您的网页需要加图片，或者整个网页用了一个特别的背景颜色，或者加上一个链接（网友点击以后进入其他网页) 等 等……

 网页设计必须掌握HTML知识，学习了以下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>
上标字
下标字
居左<left> </left>

居右<right> </right>

居中<center></center>

基本字体大小<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 noshade>(无立体效果)

横线长度<hr width=?>(?以像素为单位)

横线长度<hr width=?%>(?与页宽相比较)

横线厚度<hr size=?>(?以像素为单位)
背景图案<body background=图形文件名>(图形文件格式为gif和jpg)
背景颜色<body bgcolor=#rrggbb>(RGB色码)
背景文字颜色<body text=#rrggbb>(RGB色码)
未链结点颜色<body link=#rrggbb>(RGB色码)
已链结点颜色<body vlink=#rrggbb>(RGB色码)
正在链结点颜色<body alink=#rrggbb(RGB色码)

二、HTML各种命令的代码：
 1、文本标签(命令)
 <pre></pre>　　　　　　　　　创建预格式化文本
 <h1></h1>　　　　　　　　　　创建最大的标题

<h6></h6>　　　　　　　　　　创建最小的标题

<i></i>　　　　　　　　　　　创建斜体字

<b></b>　　　　　　　　　　　创建黑体字
 <tt></tt>　　　　　　　　　　创建打字机风格的字体
 <cite></cite>　　　　　　　　创建一个引用,通常是斜体
 <em></em>　　　　　　　　　　加重一个单词（通常是斜体加黑体）
 <strong></strong>　　　　　　加重一个单词（通常是斜体加黑体）
 <font size=?></font> 　　　　设置字体大小，从 1 到 7

<font color=?></font>　　　　设置字体的颜色,使用名字或十六进制值

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

<a href="#NAME"></a> 　　　　创建一个指向位于文档内部靶位的链接 

3、图形(命令)
 <img src="name"> 　　　　　　添加一个图像
 <img src="name" align=?> 　　排列对齐一个图像:左中右或上中下
 <img src="name" border=?>　　设置围绕一个图像的边框的大小
 <hr> 　　　　　　　　　　　　加入一条水平线
 <hr size=?>　　　　　　　　　设置水平线的大小（高度）
 <hr width=?> 　　　　　　　　设置水平线的宽度（百分比或绝对像素点）
 <hr noshade> 　　　　　　　　创建一个没有阴影的水平线

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

 简单实用的HTML代码形式：

1)贴图：<img src="图片地址">

2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>
3)在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>
4)移动字体(走马灯)：<marquee>写上你想写的字</marquee>
5)字体加粗：<b>写上你想写的字</b>
6)字体斜体：<i>写上你想写的字</i>
7)字体下划线: <u>写上你想写的字</u>
8)字体删除线: <s>写上你想写的字</s>
9)字体加大: <big>写上你想写的字</big>
10)字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小)
11)更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
12)消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

13)贴音乐：<embed src=音乐地址 width=300 height=45 type=audio/mpeg autostart="false">

14)贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

15)贴flash: <embed src="flash地址" width="宽度" height="高度">
16)换行：<br>
17)段落：<p>段落</p>
18)原始文字样式：<pre>正文</pre>
19)换帖子背景：<body background="背景图片地址">
20)固定帖子背景不随滚动条滚动：<body background="背景图片地址" body 

bgproperties=fixed>

21)帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>

22)定制帖子背景颜色：<body bgcolor="#value">(value值见10)

23)贴网页：<iframe src="相关地址" width="宽度" height="高度"></iframe>

以上代码只是基本的,还有更多代码有待大家分享的。