简单实用的HTML代码 一、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色码)
简单实用的HTML代码
时间: 2024-11-10 13:12:11