HTML语言基本标签

创建一个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> 用于显示变量

原文地址:https://www.cnblogs.com/ince/p/9674157.html

时间: 2024-10-28 15:26:36

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

Html语言的标签讲解

一.head头部中的内容: 1.<meta charset="UTF-8"> <--!告诉浏览器什么编码--> 2.<meta http-equiv="Refresh" Content = "5"/> <!--页面自动刷新功能,每隔5秒--> 3.<meta http-equiv="Refresh" Content = "5; Url=http://www.bai

XML(可扩展标签语言)

XML 一.Extend Markup Languge(可扩展标签语言) 标签由开发者自己制定的(要按照一定的语法定义) 1)描述带关系的数据(作为软件的配置文件): 包含与被包含的关系 <user> <name>eric</name> <password>123456</password> </user> 应用场景: tomcat struts Hibernate spring (三大框架) 2)作为数据的载体(存储数据,小型的&q

多语言切换jquery.i18n.min.js

项目需求,切换多语言,采用 jQuery.i18n.min.js文件内容如下 ------------------------------------------------- /*! * jquery i18n Plugin v1.0.0 * https://github.com/ZOMAKE/jquery.i18n * * Copyright 2017 ZOMAKE,Inc. * Released under the Apache Licence 2.0 */ (function($) { 

HTML标签解释大全

一.HTML标记 说明:指定了 HTML 文档遵循的文档类型定义(DTD). 标签:a 说明:标明超链接的起始或目的位置. 标签:acronym 说明:标明缩写词. 标签:address 说明:特定信息,如地址.签名.作者.此文档的原创者. 标签:applet 说明:在页面上放置可执行内容. 标签:area 说明:定义一个客户端图像映射中一个超级链接区域的形状.坐标和关联 URL. 标签:attribute 说明:以对象的形式代表了 HTML 元素的标签属性或属性. 标签:b 说明:指定文本应以

HTML简单登录和注册页面及input标签诠释

今天第一次接触HTML这种语言,虽然不能完全理解其中的意思,过去学的英语单词几乎也忘了差不多了,但是感觉进入这门语言学习之后就没有那么难了,一步一步来吧!下面巩固下今天学内容: HTML是一种超文本标记语言.HTML 标签是由尖括号包围的关键词,比如 <html>.HTML 标签通常是成对出现的,比如 <b> 和 </b>: <html> 与 </html> 之间的文本描述网页: <body> 与 </body> 之间的文

如何看待 Kotlin 成为 Android 官方支持开发语言?

"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 如何看待 Kotlin 成为 Android 官方支持开发语言? - Thinkblog - 博客频道 - CSDN.NET Thinkblog 爱编程,爱分享,不仅限于技术. 目录视图 摘要视图 订阅 [活动]2017 CSDN博客专栏评选 &nbsp [5月书讯]

JavaWeb之自定义标签&amp;JSTL&amp;国际化(九)

自定义标签 简介 自定义标签由于没练习,所以掌握的不是很深,但是对于我而言足够可以应付用户登录注册案例和购物车案例,有时间还是多了解的好 1. 自定义标签简介 1.作用:替换JSP页面中的java脚本(<%%>).(官方推荐:JSP2.0开始) 2. 开发步骤 1. 自定义一个类继承SimpleTagSupport实现doTag方法 2. WEB-INF,建立tld文件,定义标签地址/定义标签内容 3. jsp页面使用taglib指令引入uri地址,prefix定义标签名,直接在页面调用这个标

Markdown 简介和常用标签

Markdown 标签语言,所谓标签语言就是在核心的文本外加上一些标记就可以产生新的效果了 ##调试平台 http://mahua.jser.me/或者maxiang.io ##常见语法 引用:> 文本 代码:```文本``` 可选:```语言 文本``` 如:```js 文本``` 图片:![](url) 标题:#,一级标题 ##,.... 加粗:**文字**, 斜体:*斜体* 列表: 无序列表: - 文本 有序列表: 1. 列表 一些特殊的MarkDown可以支持流程图,orz: ### 一

HTML学习笔记——标签

最近开始学习前端的一些知识,了解了一下Html和CSS. HTML:是网页内容的载体,它负责的是网页的内涵,也就是网页要呈现的内容,包括了图片,视频还有文字.是网页要加载的东西: CSS:是样式表现,也就是网页好不好看就是它负责的.用来改变内容的外观: JavaScript是用来实现网页的特效,如鼠标滑过表格背景的颜色改变.还有新闻图片的轮换.可以实现交互,动画. HTML标签: 标签的特点: 标签由英文尖括号<和>括起来: 一般是成对出现.分为开始标签和结束标签:结束标签比开始标签多了一个/