简单实用的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>(取值范围从17,默认值为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=图形文件名>(图形文件格式为gifjpg)
背景颜色<body bgcolor=#rrggbb>(RGB色码)
背景文字颜色<body text=#rrggbb>(RGB色码)
未链结点颜色<body link=#rrggbb>(RGB色码)
已链结点颜色<body vlink=#rrggbb>(RGB色码)
正在链结点颜色<body alink=#rrggbb(RGB色码)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值