创建一个HTML文档 <html></html>

设置文档标题以及其他不在WEB网页上显示的信息 <head></head>

设置文档的可见部分 <body></body>

标题标签

将文档的题目放在标题栏中 <title></title>

文档整体属性

设置背景颜色，使用名字或十六进制值 <body bgcolor=?>

设置文本文字颜色，使用名字或十六进制值 <body text=?>

设置链接颜色，使用名字或十六进制值 <body link=?>

设置已使用的链接的颜色，使用名字或十六进制值 <body vlink=?>

设置正在被击中的链接的颜色，使用名字或十六进制值 <body alink=?>

文本标签

创建预格式化文本 <pre></pre>

创建最大的标题 <h1></h1>

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

创建黑体字 <b></b>

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

创建打字机风格的字体 <tt></tt>

创建一个引用，通常是斜体 <cite></cite>

加重一个单词（通常是斜体加黑体） <em></em>

加重一个单词（通常是斜体加黑体） <strong></strong>

设置字体大小，从1到7 <font size=?></font>

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

链接

创建一个超链接 <a href="URL"></a>

创建一个自动发送电子邮件的链接 <a href="mailto:EMAIL">.... </a>

创建一个位于文档内部的靶位 <a name="NAME"></a>

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

格式排版

创建一个新的段落 <p>

将段落按左、中、右对齐 <p align=?>

插入一个回车换行符 <br>

从两边缩进文本 <blockquote> </blockquote>

创建一个定义列表 <dl></dl>

放在每个定义术语词之前 <dt>

放在每个定义之前 <dd>

创建一个标有数字的列表 <ol></ol>

放在每个数字列表项之前，并加上一个数字 <li>

创建一个标有圆点的列表 <ul></ul>

放在每个圆点列表项之前，并加上一个圆点 <li>

一个用来排版大块HTML段落的标签，也用于格式化表 <div align=?>

图形元素

添加一个图像 <img src="name">

排列对齐一个图像：左中右或上中下 <img src="name" align=?>

设置围绕一个图像的边框的大小 <img src="name" border=?>

加入一条水平线 <hr>

设置水平线的大小（高度） <hr size=?>

设置水平线的宽度（百分比或绝对像素点） <hr width=?>

创建一个没有阴影的水平线 <hr noshade>

表格

创建一个表格 <table></table>

开始表格中的每一行 <tr></tr>

开始一行中的每一个格子 <td></td>

设置表格头：一个通常使用黑体居中文字的格子 <th></th>

表格属性

设置围绕表格的边框的宽度 <table border=#>

设置表格格子之间空间的大小 <table cellspacing=#>

设置表格格子边框与其内部内容之间空间的大小 <table cellpadding=#>

设置表格的宽度－用绝对像素值或文档总宽度的百分比 <table width=# or %>

设置表格格子的水平对齐（左中右）<tr align=?> or <td align=?>

设置表格格子的垂直对齐（上中下）<tr valign=?> or <td valign=?>

设置一个表格格子应跨占的列数（缺省为1）<td colspan=#>

设置一个表格格子应跨占的行数（缺省为1）<td rowspan=#>

禁止表格格子内的内容自动断行回卷 <td nowrap>

窗框

放在一个窗框文档的<body>标签之前，也可以嵌在其他窗框文档中 <frameset></frameset>

定义一个窗框内的行数，可以使用绝对像素值或高度的百分比 <frameset rows="value,value">

定义一个窗框内的列数，可以使用绝对像素值或宽度的百分比 <frameset cols="value,value">

定义一个窗框内的单一窗或窗区域 <frame>

定义在不支持窗框的浏览器中显示什么提示 <noframes></noframes>

窗框属性

规定窗框内显示什么HTML文档 <frame src="URL">

命名窗框或区域以便别的窗框可以指向它 <frame name="name">

定义窗框左右边缘的空白大小，必须大于等于1 <frame marginwidth=#>

定义窗框上下边缘的空白大小，必须大于等于1 <frame marginheight=#>

设置窗框是否有滚动栏，其值可以是"yes","no","auto"，缺省时一般为"auto" <frame

scrolling=VALUE>

禁止用户调整一个窗框的大小 <frame noresize>

表单

对于功能性的表单，一般需要运行一个CGI小程序，HTML仅仅是产生表单的表面样子。

创建所有表单 <form></form>

创建一个滚动菜单，size设置在需要滚动前可以看到的表单项数目 <select multiple

name="NAME" size=?></select>

设置每个表单项的内容 <option>

创建一个下拉菜单 <select name="NAME"></select>

设置每个菜单项的内容 <option>

创建一个文本框区域，列的数目设置宽度，行的数目设置高度 <textarea name="NAME"

cols=40 rows=8></textarea>

创建一个复选框，文字在标签后面 <input type="checkbox" name="NAME">

创建一个单选框，文字在标签后面 <input type="radio" name="NAME" value="x">

创建一个单行文本输入区域，size设置以字符计的宽度 <input type=text name="foo"

size=20>

创建一个submit（提交）按钮 <input type="submit" value="NAME">

创建一个使用图象的submit（提交）按钮 <input type="image" border=0 name="NAME"

src="name.gif">

创建一个reset（重置）按钮 <input type="reset">

HTML标签大全

<!> 跑马灯

<marquee>...</marquee>普通卷动

<marquee behavior=slide>...</marquee>滑动

<marquee behavior=scroll>...</marquee>预设卷动

<marquee behavior=alternate>...</marquee>来回卷动

<marquee direction=down>...</marquee>向下卷动

<marquee direction=up>...</marquee>向上卷动

<marquee direction=right></marquee>向右卷动

<marquee direction=left></marquee>向左卷动

<marquee loop=2>...</marquee>卷动次数

<marquee width=180>...</marquee>设定宽度

<marquee height=30>...</marquee>设定高度

<marquee bgcolor=FF0000>...</marquee>设定背景颜色

<marquee scrollamount=30>...</marquee>设定卷动距离

<marquee scrolldelay=300>...</marquee>设定卷动时间

<!>字体效果

<h1>...</h1>标题字(最大)

<h6>...</h6>标题字(最小)

<b>...</b>粗体字

<strong>...</strong>粗体字(强调)

<i>...</i>斜体字

<em>...</em>斜体字(强调)

<dfn>...</dfn>斜体字(表示定义)

<u>...</u>底线

<ins>...</ins>底线(表示插入文字)

<strike>...</strike>横线

<s>...</s>删除线

<del>...</del>删除线(表示删除)

<kbd>...</kbd>键盘文字

<tt>...</tt> 打字体

<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)

<plaintext>...</plaintext>固定宽度字体(不执行标记符号)

<listing>...</listing> 固定宽度小字体

<font color=00ff00>...</font>字体颜色

<font size=1>...</font>最小字体

<font style =font-size:100 px>...</font>无限增大

<!>区断标记

<hr>水平线

<hr size=9>水平线(设定大小)

<hr width=80%>水平线(设定宽度)

<hr color=ff0000>水平线(设定颜色)

<br>(换行)

<nobr>...</nobr>水域(不换行)

<p>...</p>水域(段落)

<center>...</center>置中

<!>连结格式

<base href=地址>(预设好连结路径)

<a href=地址></a>外部连结

<a href=地址 target=_blank></a>外部连结(另开新窗口)

<a href=地址 target=_top></a>外部连结(全窗口连结)

<a href=地址 target=页框名></a>外部连结(在指定页框连结)

<!>贴图/音乐

<img src=图片地址>贴图

<img src=图片地址 width=180>设定图片宽度

<img src=图片地址 height=30>设定图片高度

<img src=图片地址 alt=提示文字>设定图片提示文字

<img src=图片地址 border=1>设定图片边框

<bgsound src=MID音乐文件地址>背景音乐设定

<!>表格语法

<table aling=left>...</table>表格位置,置左

<table aling=center>...</table>表格位置,置中

<table background=图片路径>...</table>背景图片的URL=就是路径网址

<table border=边框大小>...</table>设定表格边框大小(使用数字)

<table bgcolor=颜色码>...</table>设定表格的背景颜色

<table borderclor=颜色码>...</table>设定表格边框的颜色

<table borderclordark=颜色码>...</table>设定表格暗边框的颜色

<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色

<table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字)

<table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字)

<table cols=参数>...</table>指定表格的栏数

<table frame=参数>...</table>设定表格外框线的显示方式

<table width=宽度>...</table>指定表格的宽度大小(使用数字)

<table height=高度>...</table>指定表格的高度大小(使用数字)

<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)

<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)

<!>分割窗口

<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整

<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整

<frameset cols="20%,*">分割左右两个框架

<frameset cols="20%,*,20%">分割左中右三个框架

<分割上下两个框架

<frameset rows="20%,*,20%">分割上中下三个框架

<A HREF TARGET> 指定超级链接的分割窗口

<A HREF=#锚的名称> 指定锚名称的超级链接

<A HREF> 指定超级链接

<A NAME=锚的名称> 被连结点的名称

<ADDRESS>....</ADDRESS> 用来显示电子邮箱地址

<B> 粗体字

<BASE TARGET> 指定超级链接的分割窗口

<BASEFONT SIZE> 更改预设字形大小

<BGSOUND SRC> 加入背景音乐

<BIG> 显示大字体

<BLINK> 闪烁的文字

<BODY TEXT LINK VLINK> 设定文字颜色

<BODY> 显示本文

<BR> 换行

<CAPTION ALIGN> 设定表格标题位置

<CAPTION>...</CAPTION> 为表格加上标题

<CENTER> 向中对齐

<CITE>...<CITE> 用于引经据典的文字

<CODE>...</CODE> 用于列出一段程序代码

<COMMENT>...</COMMENT> 加上批注

<DD> 设定定义列表的项目解说

<DFN>...</DFN> 显示"定义"文字

<DIR>...</DIR> 列表文字卷标

<DL>...</DL> 设定定义列表的卷标

<DT> 设定定义列表的项目

<EM> 强调之用

<FONT FACE> 任意指定所用的字形

<FONT SIZE> 设定字体大小

<FORM ACTION> 设定户动式窗体的处理方式

<FORM METHOD> 设定户动式窗体之资料传送方式

<FRAME MARGINHEIGHT> 设定窗口的上下边界

<FRAME MARGINWIDTH> 设定窗口的左右边界

<FRAME NAME> 为分割窗口命名

<FRAME NORESIZE> 锁住分割窗口的大小

<FRAME SCROLLING> 设定分割窗口的滚动条

<FRAME SRC> 将HTML文件加入窗口

<FRAMESET COLS> 将窗口分割成左右的子窗口

<FRAMESET ROWS> 将窗口分割成上下的子窗口

<FRAMESET>...</FRAMESET> 划分分割窗口

<H1>~<H6> 设定文字大小

<HEAD> 标示文件信息

<HR> 加上分网格线

<HTML> 文件的开始与结束

<I> 斜体字

<IMG ALIGN> 调整图形影像的位置

<IMG ALT> 为你的图形影像加注

<IMG DYNSRC LOOP> 加入影片

<IMG HEIGHT WIDTH> 插入图片并预设图形大小

<IMG HSPACE> 插入图片并预设图形的左右边界

<IMG LOWSRC> 预载图片功能

<IMG SRC BORDER> 设定图片边界

<IMG SRC> 插入图片

<IMG VSPACE> 插入图片并预设图形的上下边界

<INPUT TYPE NAME value> 在窗体中加入输入字段

<ISINDEX> 定义查询用窗体

<KBD>...</KBD> 表示使用者输入文字

<LI TYPE>...</LI> 列表的项目 ( 可指定符号 )

<MARQUEE> 跑马灯效果

<MENU>...</MENU> 条列文字卷标

<META NAME="REFRESH" CONTENT URL> 自动更新文件内容

<MULTIPLE> 可同时选择多项的列表栏

<NOFRAME> 定义不出现分割窗口的文字

<OL>...</OL> 有序号的列表

<OPTION> 定义窗体中列表栏的项目

<P ALIGN> 设定对齐方向

<P> 分段

<PERSON>...</PERSON> 显示人名

<PRE> 使用原有排列

<SAMP>...</SAMP> 用于引用字

<SELECT>...</SELECT> 在窗体中定义列表栏

<SMALL> 显示小字体

<STRIKE> 文字加横线

<STRONG> 用于加强语气

<SUB> 下标字

<SUP> 上标字

<TABLE BORDER=n> 调整表格的宽线高度

<TABLE CELLPADDING> 调整数据域位之边界

<TABLE CELLSPACING> 调整表格线的宽度

<TABLE HEIGHT> 调整表格的高度

<TABLE WIDTH> 调整表格的宽度

<TABLE>...</TABLE> 产生表格的卷标

<TD ALIGN> 调整表格字段之左右对齐

<TD BGCOLOR> 设定表格字段之背景颜色

<TD COLSPAN ROWSPAN> 表格字段的合并

<TD NOWRAP> 设定表格字段不换行

<TD VALIGN> 调整表格字段之上下对齐

<TD WIDTH> 调整表格字段宽度

<TD>...</TD> 定义表格的数据域位

<TEXTAREA NAME ROWS COLS> 窗体中加入多少列的文字输入栏

<TEXTAREA WRAP> 决定文字输入栏是自动否换行

<TH>...</TH> 定义表格的标头字段

<TITLE> 文件标题

<TR>...</TR> 定义表格美一行

<TT> 打字机字体

<U> 文字加底线

<UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )

<VAR>...</VAR> 用于显示变量

HTML语言基本标签的更多相关文章

  1. ASP.NET Aries 高级开发教程：主题样式及多语言（标签化控制）

    前言: 最新ASP.NET Aries升级到V5.2.0以上之后,之前的样式和多语言机制,有了重大的升级机制,这篇就简单介绍一下. 1.控制开关 在配置维护那里,新增了两个控制项: 2.如何添加主题 ...

  2. Html语言的标签讲解

    一.head头部中的内容: 1.<meta charset="UTF-8"> <--!告诉浏览器什么编码--> 2.<meta http-equiv= ...

  3. Django模板语言，标签整理

    Django模板语言 标签 内置标签引用 1. autoescape 控制自动转义是否可用. 这种标签带有任何 on 或 off 作为参数的话,他将决定转义块内效果. 该标签会以一个endautoes ...

  4. HTML超文本标记语言-基础标签整理

    第一章 <META>标签: <meta http-equiv="Content-Type" Content="text/html;charset=gb2 ...

  5. Django模版语言自定义标签-实现前端 关联组合过滤查询

    前端关联 组合过滤查询 实现效果如图: models.py 创建表代码 from django.db import models # Create your models here. class Le ...

  6. HTML学习笔记——标签

    最近开始学习前端的一些知识,了解了一下Html和CSS. HTML:是网页内容的载体,它负责的是网页的内涵,也就是网页要呈现的内容,包括了图片,视频还有文字.是网页要加载的东西: CSS:是样式表现, ...

  7. html标记语言的标准写法-参考自http://www.zhihu.com/question/20797118/answer/16212312

    网页头部的声明应该是用 lang="zh" 还是 lang="zh-cn"?   添加评论   查看全部 12 个回答   skydiver ,程序员 5 人赞 ...

  8. HTML标签大全

    HTML标签解释大全 一.HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(DTD). 标签:a 说明:标明超链接的起始或目的位置. 标签:acronym 说明:标 ...

  9. HTML meta标签的用法及head中的一些常用标签

    meta是用来在HTML文档中模拟HTTP协议的响应头报文.meta主要为分HTTP标头信息(HTTP-EQUIV)和页面描述信息(NAME)标头信息包括文档类型.字符集.语言等浏览器正确显示网页的信 ...

  10. HTML标签解释大全

      一.HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(DTD).   标签:a 说明:标明超链接的起始或目的位置.   标签:acronym 说明:标明缩写词. ...

随机推荐

  1. DRF限流Throttling

    限流Throttling 可以对接口访问的频次进行限制,以减轻服务器的压力 使用 可以在配置文件中,使用 DEFAULT_THROTTLE_CLASSES 和 DEFAULT_THROTTLE_RAT ...

  2. N63050 第十一周运维作业

    第十一周 就业和全程班小伙伴本周学习内容: 二十一.Mysql数据库二 1.MySQL的视图函数存储过程触发器和事件管理(64分钟) 2.MySQL用户和权限管理(40分钟) 3.MySQL架构和存储 ...

  3. Windows环境同时安装多个版本的Python解释器（python2和python3）

    https://blog.csdn.net/qq_21583139/article/details/125881382 出现问题: 更新pip 操作后出现,pip报错,应该是升级到最新pip版本然后和 ...

  4. oracle锁表，java代码修改方式如下

    select b.owner,b.object_name,a.session_id,a.locked_modefrom v$locked_object a,dba_objects bwhere b.o ...

  5. Maven项目中配置文件资源导出问题

    标准的Maven项目都会有一个resources目录来存放我们所有的资源配置文件,但是我们往往在项目中不会把所有的资源配置文件都放在resources文件夹中,我们有可能放在项目中的其他位置,那么默认 ...

  6. python GIL解释器

    1.GIL是什么? GIL全称Global Interpreter Lock,即全局解释器锁. 作用就是,限制多线程同时执行,保证同一时间内只有一个线程在执行. GIL并不是Python的特性,它是在 ...

  7. lbaas

    目录 - LBaaS v2 - 负载均衡概念 - 服务器池 Pool - 监听器 Listener - L7 转发策略 l7 policy - 负载均衡算法 Algorithms - 健康监测 Mon ...

  8. Idea2020.2.3 创建JavaWeb项目(部署Tomcat)方法

    1.创建项目不再是Java Enterprise了,而是先New 一个普通Java项目! 2.创建项目后,选择Run->Edit Configuration->左上角加号->Tomc ...

  9. list集合之流操作

    1.根据某一个实体字段进行去重(分组)操作 List<Object> list = objectList.stream().collect(Collectors.collectingAnd ...

  10. Appium-TouchAction类与MultiAction类（控件元素的滑动、拖动，九宫格解锁，手势操作等）

    文章转自:https://www.cnblogs.com/lfr0123/p/13679568.html swipe一般用于对页面进行上下左右滑动操作,但自动化过程中还会遇到其他情况,如对控件元素进行 ...