简单实用的HTML代码

简单实用的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

简单实用的HTML代码的相关文章

简单实用jstl实现代码编写

package com.ceshi; import java.io.IOException; import javax.servlet.jsp.JspException; import javax.servlet.jsp.tagext.*; public class TestTag extends SimpleTagSupport { private String outerTagName="p"; public String getOuterTagName() { return ou

ul、li列表简单实用代码实例

ul.li列表简单实用代码实例: 利用ul和li可以实现列表效果,下面就是一个简单的演示. 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51texiao.cn/" /> <title>蚂蚁部落</title> &

Java简单实用代码分享,这里一定有你想要的!

Java简单实用代码分享,这里一定有你想要的! 今天开始给大家分享一些简单实用的代码,之前的小项目文章因为篇幅有限,没办法一篇文章说清楚,便想着分享一些小代码.都是完整有效的,可直接取用. 电脑密码制作 #include <stdio.h> void InputPass(char pw[])//获取用户输入的密码 { char ch;//用户输入的密码字符 char* pold = pw;//保存密码数组的首地址,用于循环内的比较 while((ch=getch())!='\r')//ASCI

简单实用的PHP防注入类实例

这篇文章主要介绍了简单实用的PHP防注入类实例,以两个简单的防注入类为例介绍了PHP防注入的原理与技巧,对网站安全建设来说非常具有实用价值,需要的朋友可以参考下 本文实例讲述了简单实用的PHP防注入类.分享给大家供大家参考.具体如下: PHP防注入注意要过滤的信息基本是get,post,然后对于sql就是我们常用的查询,插入等等sql命令了,下面我给各位整理两个简单的例子,希望这些例子能给你网站带来安全. PHP防注入类代码如下: 复制代码 代码如下: <?php /**  * 参数处理类  *

微信公众平台之超简单实用的天气预报后台实现

微信公众平台之超简单实用的天气预报后台实现 概述,前段时间我在开发一个自己的微信公众平台,需要实现天气预报功能,在网上度娘了下,实现天气预报的接口API还蛮多的,有:中国气象局.雅虎和新浪等,中国天气预报接口需要全国的编码,雅虎的有时候访问不了,研究了下还是新浪提供的接口比较简单实用.新浪天气预报API的URL是http://php.weather.sina.com.cn/xml.php?city=%B1%B1%BE%A9&password=DJOYnieT8234jlsK&day=0.其

简单实用的CSS网页布局中文排版技巧

由于汉字的特殊性,在css网页布局中,中文排版有别于英文排版.排版是一个麻烦的问题,小编认为,作为一个优秀的网页设计师和网页制作人员,掌握一些简单的中文排版技巧是不可或缺的,所以今天特意总结了几个简单实用的技巧,希望对大家有所帮助. 一.如何设定文字字体.颜色.大小等 font-style设定斜体,比如font-style:italic font-weight设定文字粗细,比如font-weight:bold font-size设定文字大小,比如font-size:12px line-heigh

终端简单使用 &amp;vim编写代码

vim简单实用 & 用vim编写代码 vi 1.c 建立1.c 进入终端指令模式 按esc进入指令模式 按esc再按:进入命令行模式 按i进入编辑模式(按i进入, 光标不动.  按a进入,光标向后走一位) 进入编辑模式后,只能用键盘操作 编辑后退出,先保存在退出 按esc进入命令模式 > :  > wq  (w表示保存,q表示退出) 注意:命令行> q! 表示强制退出,不保存.需要谨慎使用. vim 1.c 文件存在,则打开1.c 一些指令: esc进入指令模式: dd 删除光标

我的女神——简洁实用的iOS代码调试框架

我的女神--简洁实用的iOS代码调试框架 一.引言 这篇博客的起源是接手了公司的一个已经完成的项目,来做代码优化,项目工程很大,并且引入了很多公司内部的SDK,要搞清楚公司内部的这套框架,的确不是件容易的事,并且由于这个项目是多人开发的,在调试阶段会打印出巨量的调试信息,使得浏览有用信息变的十分困难,更加恐怖的是,很多信息是SDK中的调试打印,将这些都进行注销是非常费劲甚至不可能的事,于是便有了这样一些需求:首先,我需要清楚了解各个controller之间的跳转关系,需要快速的弄清每个stroy

Mac中Git的简单实用(6) --- 分支管理策略

今天我来介绍下Git,Git是一款免费.开源的分布式版本控制系统. 我们在上一个学习了Git分支冲突管理. 这一章,我们要学习Git的Fast-forward模式.保存恢复现场 .测试的feature分支. Mac中Git的简单实用(1) - Git基本命令(1) Mac中Git的简单实用(2) - Git基本命令(2) Mac中Git的简单实用(3) - Github远程仓库 Mac中Git的简单实用(4) - 分支branch管理 Mac中Git的简单实用(5) - Git分支冲突管理 1.