一些简单实用的HTML代码（zz）

最新推荐文章于 2023-07-10 09:00:03 发布

narilee

最新推荐文章于 2023-07-10 09:00:03 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

文章标签： html 图形文档 border url div

本文链接：https://blog.youkuaiyun.com/narilee/article/details/336157

本文介绍了HTML的一些基本命令，包括文本标签如<h1>、、等，图形命令如<img>、<hr>，链接命令<a>及其用法，以及格式排版的命令如、 、<blockquote>等，是HTML初学者的实用参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、HTML各种命令的代码：

1、文本标签(命令)
 <pre></pre>　　　　　　　　　创建预格式化文本
 <h1></h1>　　　　　　　　　　创建最大的标题
 <h6></h6>　　　　　　　　　　创建最小的标题
 　　　　　　　　　　　创建黑体字
 　　　　　　　　　　　创建斜体字
 <tt></tt>　　　　　　　　　　创建打字机风格的字体
 <cite></cite>　　　　　　　　创建一个引用,通常是斜体
 　　　　　　　　　　加重一个单词（通常是斜体加黑体）
 　　　　　　加重一个单词（通常是斜体加黑体）
 　　　　设置字体大小，从 1 到 7
 　　　　设置字体的颜色,使用名字或十六进制值
 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、格式排版(命令)
 　　　　　　　　　　　　　创建一个新的段落
 　　　　　　　　　将段落按左、中、右对齐
 　　　　　　　　　　　　插入一个回车换行符
 <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>
 字变小
 粗体字
 斜体字
 底线字
 上标字
 下标字
 居中<center></center>
 居左<left> </left>
 居右<right> </right>
 基本字体大小<basefont size>(取值范围从1到7，默认值为3)
 改变字体大小(?=1~7)
 字体颜色(RGB色码)
 指定字型(?=宋体，楷体等)
 网址链结<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=?>(?以像素为单位)
 段落
 断行 
 横线<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色码)