html网页制作标签最全版

合集下载

html标签大全模板_

标签大全模板_此页面能否是列表页或首页？未找到适宜正文内容。

此页面能否是列表页或首页？未找到适宜正文内容。

标签大全模板标签大全模板创立一个文档设置文档标题和其它在网页中不显示的信息设置文档的标题最大的标题预先格式化文本下划线黑体字斜体字打字机风格的字体引用,通常是斜体标签大全模板标签大全模板强调文本(通常是斜体加黑体)加重文本(通常是斜体加黑体)设置字体大小从1到7，颜色使用名字或RGB的十六进制值基准字体标记字体加大加删除线程式码键盘字范例变量向右缩排述语定义地址标记上标字下标字...固定寬度字体(在文件中空白、換行、定位功能有效) ...固定寬度字體(不執行標記符號)...固定寬度小字體...字體顏色...無限增大◆◆◆◆◆◆◆◆◆◆◆◆◆◆（〈格式标志〉）◆◆◆◆◆◆◆◆◆◆◆◆创立一个段落将段落按左、中、右对齐标签大全模板标签大全模板换行插入一个回车换行符从两边缩进文本定义列表放在每个定义术语词前放在每个定义之前创立一个标有数字的列表创立一个标有圆点的列表放在每个列表项之前,若在之间则每个列表项加上一个数字,若在之间则每个列表项加上一个圆点用来排版大块段落,也用于格式化表选项清单目录清单强行不换行水平線(設定寬度)水平居中◆◆◆◆◆◆◆◆◆（〈链接标志表格标志〉）◆◆◆◆◆◆◆◆◆◆◆◆◆◆创立超文本链接创立自动发送电子邮件的链接创立位于文档内部的书签创立指向位于文档内部书签的链接文档中不能被该站点辨识的其它所有链接源的URL定义一个链接和源之间的互相关系◆◆◆◆◆◆◆◆链接标记注解：◆◆◆◆◆◆◆◆◆◆◆◆标签大全模板标签大全模板◆target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_top◆rel="..."发送链接的类型◆rev="..."保存链接的类型◆accesskey="..."指定该元素的热键◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly◆coord="..."使用像素或者长度百分比来定义形状的尺寸◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)◆◆◆◆◆◆◆◆表格标记注解：◆◆◆◆◆◆◆◆◆◆◆◆创立一个表格表格中的每一行表格中一行中的每一个格子设置表格头:通常是黑体居中文字设置表格格子之间空间的大小设置边框的宽度设置表格格子边框与其内部内容之间空间的大小设置表格的宽度。

HTML 常用标签总结

一、网页的基本结构 <!DOCTYPE html><html lang="en"><head><link rel="shortcut icon"href="favicon.ico"><meta charset="UTF-8"><title>网站的标题</title><meta name="description"content="网站的描述"><meta name="keywords"content="网站的关键字"></head><body></body></html>二、常用的标签1. 老牌的通用标签标签描述标签标题<h1>、...、<h6>段落<p>换行<br />盒子【块级】<div>盒子【行内】<span>2. 新增的语义化标签标签描述标签头部header导航nav内容article某区域section侧边栏aside底部footer时间time 三、特殊字符描述字符空格 大于号>小于号<四、特殊的标签1. 超链接标签<a href="#"target="_blank|_self"title="提示内容">文本</a>2. 图像标签<img src="dog.jpg"title="这是个小狗">3. 锚点标签以#开头的目标路径，点击AA，跳转到BB<a href="#abc">AA</a><h1id="abc">BB</h1>4. 按钮标签<button>我是按钮</button>5. 列表标签<ul><li></li><li></li><li></li></ul>6. 缩写提示标签yyds 是永远的神的缩写，鼠标放在 yyds 上，会提示永远的神<abbr title="永远的神">yyds</abbr>7. 表格标签1. 格式举例<table><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></tbody></table>8. iframe标签<iframe src="XXXX"width="200"height="150"></iframe>五、表单<form action="url地址"method="提交方式"name="表单名称"><input type="text"value="在文本框中默认的提示内容"maxlength="最多可以输入字符的长度"><input type="password"maxlength="最多可以输入字符的长度"><input type="radio"name="XXX"checked="checked"><input type="checkbox"checked="checked"><input type="button"value="按钮的提示内容"><input type="submit"value="按钮的提示内容"><input type="reset"value="按钮的提示内容"><input type="file"mutiple="mutiple"><select><option>选项XXX</option><option selected="selected">有selected属性是默认选中项</option><option>选项YYY</option></select><textarea cols="每行中的字符数"rows="显示的行数"> XXX </textarea><label>输入用户名：<input type="radio"name="usename"value="请输入用户名"></label><label><img src="dog.jpg"alt="出错了~"title="这是个小狗"><input type="radio"name="usename"value="请输入用户名"></label></form>六、多媒体标签1. 视频标签<video></video>2. 音频标签<audio></audio>。

html标签大全

html标签大全HTML标签大全。

HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言。

在HTML中，标签是用来定义网页结构和内容的。

本文将介绍一些常用的HTML 标签，以及它们的用法和示例。

1. 文本标签。

`<h1>`~`<h6>`，定义标题，数字表示标题的级别，从大到小依次递减。

`<p>`，定义段落。

`<strong>`，定义加粗文本。

`<em>`，定义斜体文本。

`<u>`，定义下划线文本。

`<br>`，定义换行。

2. 链接标签。

`<a>`，定义超链接，href属性指定链接的地址。

`<img>`，定义图像，src属性指定图片的地址。

3. 列表标签。

`<ul>`，定义无序列表。

`<ol>`，定义有序列表。

`<li>`，定义列表项。

4. 表格标签。

`<table>`，定义表格。

`<tr>`，定义表格行。

`<td>`，定义表格数据单元格。

5. 表单标签。

`<form>`，定义表单，action属性指定表单提交的地址。

`<input>`，定义输入框，type属性指定输入框的类型（文本框、密码框、复选框等）。

`<select>`，定义下拉框。

`<textarea>`，定义多行文本输入框。

`<button>`，定义按钮。

6. 多媒体标签。

`<audio>`，定义音频播放器。

`<video>`，定义视频播放器。

`<iframe>`，定义内联框架，用于嵌入其他网页。

7. 其他标签。

`<div>`，定义文档中的块级元素。

`<span>`，定义文档中的行内元素。

`<meta>`，定义网页的元数据，如字符集、关键词等。

html标签(整理)

<html></html><head></head><title></title><body></body>:常用属性：<body bgcolor="">背景颜色，使用名字或十六进制值。

如red或#ffffff<body text="">设置文本文字颜色<body link="">链接颜色<body vlink="">已使用链接颜色<body alink="">正在被击中的链接的颜色常用标记：<font></font>字体标记注释内容<br>强制文本换行换行，但不会再行与行之间留下空行<p></p>强制换段，可在段与段之间产生空行属性：align（对齐left，right，center）<pre></pre>预先排好的格式<hn></hn>标题文字，如<h1></h1><b></b>粗体bold<i></i>斜体italic<u></u>下划线underline<a href=""></a>超文本链接属性：◆href 指定链接地址◆name 给链接命名，定义一个锚定位，可以出现在文档的任何位置◆title 给链接提示文字◆target 指定链接的目标窗口（_self(当前框架中打开链接),_blank(新窗口),_top(顶层框架),_parent （当前框架的上一层里打开链接）<table></table>属性：border(表格边框大小)width height cellspacing(单元格间距) cellpadding(文字与格线距离) background(背景图像) bgcolor bordercolor bordercolorlight(向光) bordercolordark(表格边框背光部分颜色) align valign(垂直对齐方式top middle bottom baseline) cols(表格列数)<tr></tr> 一行属性:bgcolor align valign background bordercolor<td></td>属性: bordercolor width height background bgcolor align valignrowspan(单元格所占行数) colspan(单元格所占列数)<form></form>表单:网页中具有可输入表项及项目选择等控件所组成的栏目称为表单，它是与用户交互信息的主要手段。

网页设计中常见HTML标签（红色部份为代码、黑色为注释）

网页设计中常见HTML标签(红色部份为代码、黑色为注释)HTML:全名是HyperText MarkupLanguage 是一种超文本标识语言，是用来描述WWW上超文本文件的。

基本标签<html></html>创建一个HTML文档<head></head>设置文档标题以及其他不在WEB网页上显示的信息<body></body>设置文档的可见部分注释：起始标签<head>结束标签</head>标题标签<title></title>将文档的题目放在标题栏中注释：标题起始标签<title>标题结束标签</title>文档整体属性<body bgcolor=?>或者<body background=?>设置背景颜色，使用名字或十六进制值或者设置背景图片<body text=?>设置文本文字颜色，使用名字或十六进制值<body link=?>设置链接颜色，使用名字或十六进制值<body vlink=?>设置已使用的链接的颜色，使用名字或十六进制值<body alink=?>设置正在被击中的链接的颜色，使用名字或十六进制值注释：<body bgcolor="bule">或者<body bgcolor=十六进制>注意无引号也可以有引号其他HTML标签也类似文本标签<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>设置字体的颜色，使用名字或十六进制值注释：链接<a href="URL"></a>创建一个超链接<a href="mailto:EMAIL"></a>创建一个自动发送电子邮件的链接<a name="NAME"></a>创建一个位于文档内部的靶位<a href="#NAME"></a>创建一个指向位于文档内部靶位的链接注释：链接起始标签标签<a href="网址或者文件">欢迎光临我的主页（在浏览器中看到的蓝色下划线部份）链接结束标签</a>格式排版<p>创建一个新的段落<p align=?>将段落按左、中、右对齐<br>插入一个回车换行符<blockquote></blockquote>从两边缩进文本<dl></dl>创建一个定义列表<dt>放在每个定义术语词之前<dd>放在每个定义之前<ol></ol>创建一个标有数字的列表<li>夹在上两个中间使用注意无</li><li type=字母> 放在每个数字或字母列表项之前，并加上一个数字或字母<ul></ul>创建一个标有圆点的列表<li>放在每个圆点列表项之前，并加上一个圆点<div align=?>用来排版大块HTML段落的标签，也可用于格式化注释：段落标签<p>段落结束标签</p>段落左对齐属性如：<p align="left">注释：居中对齐center右对齐right 图形元素<img src="name">添加一个图像<img src="name" align=?>排列对齐一个图像：左中右或上中下<img src="name" border=?>设置围绕一个图像的边框的大小<hr>加入一条水平线<hr size=?>设置水平线的大小（高度）<hr width=?>设置水平线的宽度（百分比或绝对像素点）<hr noshade>创建一个没有阴影的水平线注释：图像标签<img border=5 src="ABC.jpg">给图像加边框用于给图片做链接时候才显示，值为0-99图片居中在多数浏览器中应该这样写:<p align=center><ima src="name">表格<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=?>设置表格格子的垂直对齐（上中下）<td colspan=#>设置一个表格格子应跨占的列数（缺省为1）<td rowspan=#>设置一个表格格子应跨占的行数（缺省为1）<td nowrap>禁止表格格子内的内容自动断行回卷注释：窗框<frameset></frameset>放在一个窗框文档的<body>标签之前，也可以嵌在其他窗框文档中<framesetrows="value,value">定义一个窗框内的行数，可以使用绝对像素值或高度的百分比<framesetcols="value,value">定义一个窗框内的列数，可以使用绝对像素值或宽度的百分比<frame>定义在不支持窗框的浏览器中显示什么提示注释：框架起始标签<frameset>框架结束标签</frameset>窗框属性<frame src="URL">规定窗框内显示什么HTML文档<frame name="name">命名窗框或区域以便别的窗框可以指向它<frame marginwidth=#>定义窗框左右边缘的空白大小，必须大于等于1<frame marginheight=#>定义窗框上下边缘的空白大小，必须大于等于1<frame scrolling=VALUE>设置窗框是否有滚动栏，其值可以是"yes","no","auto"，缺省时一般为"auto"<frame noresize>禁止用户调整一个窗框的大小注释：表单对于功能性的表单，一般需要运行一个CGI小程序，HTML仅仅是产生表单的表面样子。

html标签及属性大全（网页制作必备）

html标签及属性⼤全（⽹页制作必备）总类（所有html⽂件都有的）--------------------------------------------------------------------------------⽂件类型 <html></html> （放在档案的开头与结尾）⽂件主题 <title></title> （必须放在「⽂头」区块内）⽂头 <head></head> （描述性资料，像是「主题」）⽂体 <body></body> （⽂件本体）结构性定义（由浏览器控制的显⽰风格）--------------------------------------------------------------------------------标题 <h?></h?> （？表⽰从1到6，有六层选择）数值越⾼字越⼩标题对齐 <h? align=left|center|right></h?> 左对齐、居中对齐、右对齐区分 <div></div>区分对齐 <div align=left|right|center|justify></div> 左对齐、右对齐、居中对齐、两端对齐引⽂区块 <blockquote></blockquote> （通常会内缩）斜体 <em></em>加粗 <strong></strong>引⽂ <cite></cite> （通常会以斜体显⽰）码 <code></code> （显⽰原始码之⽤）样本 </samp>表⽰⼀段⽤户应该对其没有什么其他解释的⽂本。

HTML5标签大全(最终整理版)

一、文字备忘之标签HTML5中新增的标签<article> 定义文章<aside> 定义页面内容旁边的内容<audio> 定义声音内容<canvas> 定义图形<command> 定义一个控制按钮<datagrid> 指树或表格状数据格式中的动态数据<datalist> 定义一个下拉列表<details> 定义一个元素的细节<dialog> 定义会话或人的交谈<embed> 定义额外的交互内容或插件<figcaption>定义指定元素的标题<figure> 定义一组媒体内容，以及他们的标题<footer> 为章节或页面定义一个底部<header> 为章节或页面定义一个头部<hgroup> 定义文档中某段落的信息<keygen> 定义表单生成的关键<mark> 定义被标记的文本<meter> 定义预定义范围内的测量<nav> 定义导航链接<output> 定义某种类型的输出<progress> 定义任意种类任务的进程<rp> 定义浏览器不支持ruby元素的替代者<rt> 定义ruby注释的解释<ruby> 定义ruby 注释（中文注音或字符）。

<section> 定义章节<source> 定义媒体资源<summary> 定义某”detail”元素的头部<time> 定义日期/时间<video> 定义视频<wbr> 定义可能的换行HTML5支持且同时存在于HTML4中的标签<!–…–> 定义注释<!DOCTYPE> 定义文档类型<a> 定义超链接<abbr> 定义缩写<address> 定义地址元素<area> 定义图片地图的某区域<b> 定义加粗文字<base> 定义整个页面的基础URL <bdo> 定义文本显示的方向<blockquote> 定义一个长引用<body> 定义主体元素<br> 插入单个的换行<button> 定义按钮<caption> 定义表格的标题<cite> 定义引用<code> 定义计算机代码文本<col> 定义表格列的属性<colgroup> 定义表格列的组<dd> 定义个定义描述<del> 定义删除文本<dfn> 定义个定义项<div> 定义文档章节<dl> 定义定义列表<dt> 定义定义项<em> 定义强调文本<fieldset> 定义控件组<form> 定义表单<h1>到<h6> 定义头部1到头部6 <head> 定义文档信息<hr> 定义水平线<html> 定义个html文档<i> 定义倾斜文本<iframe> 定义内联替代窗口（框架）<img> 定义个图片<input> 定义输入域<ins> 定义插入文本<kbd> 定义键盘文本<label> 定义表单控件的标签<legend> 定义控件组的标题<li> 定义列表项<link> 定义相关资源<map> 定义图片地图<menu> 定义菜单列表<meta> 定义元信息<noscript> 定义无脚本章节<object> 定义内嵌对象<ol> 定义一个有序列表<optgroup> 定义个选项组<option> 定义下拉列表选项<p> 定义段落<params> 定义object的参数<pre> 定义预格式化文本<q> 定义短引用<s> 定义不再正确的文本<samp> 定义简单的计算机代码<script> 定义脚本<select> 定义可选择列表<small> 定义小点的文本<span> 定义文档章节<strong> 定义强调的文字<style> 定义一个样式定义<sub> 定义下标文字<sup> 定义上标文字<table> 定义表格<tbody> 定义表格的主体<td> 定义表格单元格<textarea> 定义文本域<tfoot> 定义表格底部<th> 定义表格头<thead> 定义表格头<title> 定义文档的标题<tr> 定义表格行<ul> 定义无序列表<var> 定义变量HTML5不支持的标签<acronym> 在HTML4.01中定义首字母缩略词<applet> 定义内嵌的小应用程序<basefont> 定义文档中基本的字体属性<big> 让文字变大点<center> 居中显示文字或内容<dir> 定义目录列表<font> 指定字体种类，大小，颜色等<frame> 在框架集中定义独有的窗体<frameset> 定义框架集，包含多个窗体<noframe> 当浏览器不支持框架的时候显示文字<strike> 定义删除线文本<tt> 定义电传打字机文本<u> 定义下划线文字<xmp> 定义格式化的文字HTML5中新增的标签<article> 定义文章<aside> 定义页面内容旁边的内容<audio> 定义声音内容<canvas> 定义图形<command> 定义一个控制按钮<datagrid> 指树或表格状数据格式中的动态数据<datalist> 定义一个下拉列表<details> 定义一个元素的细节<dialog> 定义会话或人的交谈<embed> 定义额外的交互内容或插件<figcaption> 定义指定元素的标题<figure> 定义一组媒体内容，以及他们的标题<footer> 为章节或页面定义一个底部<header> 为章节或页面定义一个头部<hgroup> 定义文档中某段落的信息<keygen> 定义表单生成的关键<mark> 定义被标记的文本<meter> 定义预定义范围内的测量<nav> 定义导航链接<output> 定义某种类型的输出<progress> 定义任意种类任务的进程<rp> 定义浏览器不支持ruby元素的替代者<rt> 定义ruby注释的解释<ruby> 定义ruby 注释（中文注音或字符）。

HTML标签大全(史上最全的html标签文档)

H T M L标签大全(史上最全的h t m l标签文档) -CAL-FENGHAI.-(YICAI)-Company One1Html标签大全<a></a> 超文本链接<a href="URL"></a> 创建超文本链接 ,其中的url为链接目标地址<a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接<a name="name"></a> 创建位于文档内部的书签<a href="#name"></a> 创建指向位于文档内部书签的链接其他链接标记注解：target="..."决定链接源在什么地方显示(用户自定义的名字，_blank,_parent,_self,_toprel="..."发送链接的类型rev="..."保存链接的类型accesskey="..."指定该元素的热键shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，polycoord="..."使用像素或者长度百分比来定义形状的尺寸tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)-----------------------------------------------------------------------------------------<ADDRESS></ADDRESS> 地址标记<b></b> 粗体字<BASEFONT></BASEFONT> 基准字体标记<big></big> 字体加大<BLOCKQUOTE></BLOCKQUOTE> 向右缩排<body></body> 文件（本文档来源于感谢分享，在此谢过。

HTML标签与属性大全（很全哦）

HTML语言‎基本标签：创建一个HT‎M L文档 <html></html>设置文档标题‎以及其他不在‎W E B网页上‎显示的信息 <head></head>设置文档的可‎见部分 <body></body>标题标签将文档的题目‎放在标题栏中‎<title></title>文档整体属性设置背景颜色‎，使用名字或十‎六进制值 <body bgcolo‎r=?>设置文本文字‎颜色，使用名字或十‎六进制值 <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>从两边缩进文‎本<blockq‎u ote></blockq‎u ote>创建一个定义‎列表 <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 noshad‎e>表格创建一个表格‎<table></table>开始表格中的‎每一行 <tr></tr>开始一行中的‎每一个格子 <td></td>设置表格头：一个通常使用‎黑体居中文字‎的格子 <th></th>表格属性设置围绕表格‎的边框的宽度‎<table border‎=#>设置表格格子‎之间空间的大‎小<table cellsp‎a cing=#>设置表格格子‎边框与其内部‎内容之间空间‎的大小 <table cellpa‎d ding=#>设置表格的宽‎度－用绝对像素值‎或文档总宽度‎的百分比 <table width=# or %> 设置表格格子‎的水平对齐（左中右） <tr align=?> or <td align=?>设置表格格子‎的垂直对齐（上中下） <tr valign‎=?> or <td valign‎=?>设置一个表格‎格子应跨占的‎列数（缺省为1） <td colspa‎n=#>设置一个表格‎格子应跨占的‎行数（缺省为1） <td rowspa‎n=#>禁止表格格子‎内的内容自动‎断行回卷 <td nowrap‎>窗框放在一个窗框‎文档的<body>标签之前，也可以嵌在其‎他窗框文档中‎<frames‎et></frames‎e t>定义一个窗框‎内的行数，可以使用绝对‎像素值或高度‎的百分比 <frames‎e trows="value,value">定义一个窗框‎内的列数，可以使用绝对‎像素值或宽度‎的百分比 <frames‎e tcols="value,value">定义一个窗框‎内的单一窗或‎窗区域 <frame>定义在不支持‎窗框的浏览器‎中显示什么提‎示<nofram‎e s></nofram‎e s>窗框属性规定窗框内显‎示什么HTM‎L文档 <frame src="URL">命名窗框或区‎域以便别的窗‎框可以指向它‎<frame name="name">定义窗框左右‎边缘的空白大‎小，必须大于等于‎1<frame margin‎w idth=#>定义窗框上下‎边缘的空白大‎小，必须大于等于‎1<frame margin‎h eight‎=#>设置窗框是否‎有滚动栏，其值可以是"yes","no","auto"，缺省时一般为‎"a uto" <frame scroll‎i ng=VALUE>禁止用户调整‎一个窗框的大‎小<frame noresi‎z e>表单对于功能性的‎表单，一般需要运行‎一个CGI小‎程序，HTML仅仅‎是产生表单的‎表面样子。

HTML标签代码大全(CSS前端开发者的宝藏)

HTML标签代码大全(CSS前端开发者的宝藏)1. 概述2.1 文字标签- `<h1>`到`<h6>`：定义标题1到标题6，按级别递减。

- `<p>`：定义段落。

- `<strong>`：定义加粗的文本。

- `<em>`：定义斜体的文本。

- `<span>`：定义内联元素的文本。

2.2 列表标签- `<ul>`：定义无序列表。

- `<ol>`：定义有序列表。

- `<li>`：定义列表项。

2.3 图像标签- `<img>`：插入图片。

- `<figure>`和`<figcaption>`：定义图片和其标题。

2.4 表格标签- `<table>`：定义表格。

- `<tr>`：定义表格行。

- `<td>`：定义表格数据单元格。

- `<th>`：定义表格标题单元格。

2.5 表单标签- `<form>`：定义表单。

- `<input>`：定义输入字段。

- `<select>`和`<option>`：定义下拉列表。

- `<textarea>`：定义多行文本输入框。

- `<button>`：定义按钮。

2.6 多媒体标签- `<audio>`：插入音频。

- `<video>`：插入视频。

- `<source>`：定义多媒体资源的URL。

2.7 框架标签- `<iframe>`：嵌入其他网页。

3. 总结。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

<头标签> MetaName(页面描述信息)1、keywords。

关键字，格式：<meta name =“keywords” content=“关键字内容，逗号分隔” />2、description。

描述，格式：<meta name=“description” content=“对网页的描述” />3、author。

作者，格式：<meta name=“author” content=“作者名称” />4、generator。

编写工具，格式：<meta name=“ generator” content=“网站编写工具名称”/>5、robots。

机器人，格式：<meta name=“ robots” content=“指令组合”/> index，noindex,follow,nofollowhttp-equiv(http标题信息)1、content-type,内容类别。

格式：<meta http-equiv=“content-type”content=“text/html;charset=gb2312” /> 建议charset值采用utf-82、refresh。

刷新，格式：<meta http-equiv=“refresh” content=“30”/>格式2：<meta http-equiv=“refresh” content=“30；url=”/>3、expires。

到期时间，格式：<meta http-equiv=“expires” content=“Wed,10 Mar 2007 12:00:00 GMT”/>格式2：<meta http-equiv=“expires”content=“过期时间”/>4、cache-control,缓存控制，格式<meta http-equiv=“cache-control”content=“no-cache”/>5、set-cookie，设置cookie，格式：<meta http-equiv=“set-cookie”content=“Wed,10 Mar 2007 12:00:00 GMT”/><body>1、Bgcolor(背景颜色)，格式：<body bgcolor=“#cf0000”></body>2、Background(背景图片)，格式：<body background=”test.jpg”></body>3、Leftmargin(左边距)，topmargin(顶边距)格式：body leftmargin=0 topmargin=0></body>4、代码注释，格式：5、<p></p>段落标签，&nbsp,空格（1）align(对齐方式)。

left（左对齐），right(右对齐)，center(居中对齐)格式：<p align=”center”></p>6、<br />强制换行，<nobr></nobr>不换行7、<hr />分割线属性：width(宽度)，size(高度)，align(对齐方式)，color(颜色)，title(内容提示标签)格式：<hr width=”300”size=”50”align=”right”color=”770000”title=”这是分割线！”/>8、<font></font>字体标签属性：face(字体)，size(字体尺寸1-7)格式：<font size=”5” face=“宋体”></font>9、<i></i>字体倾斜10、<strong></strong>加粗11、<u></u>下划线12、<h1></h1>……<h6></h6>标题标签13、<marquee></marquee>文字滚动属性：direction(left,right,up,down)滚动方向；scrollamount滚动速度；behavior （scrooll 循环滚动，alternate 来回滚动slide 只滚动一次，loop 滚动次数）滚动方式；scrolldelay 滚动时间间隔；bgcolor 滚动背景色；width 滚动宽度；height 背景高度）格式：<marquee direction=”right” scrolldelay=”500”></marquee>14、列表<li></li>（1）、<ul></ul>无序列表格式：<ul><li>列表1</li><li>列表2</li><li>列表3</li></ul>（2）、<ol></ol>有序列表格式：<ol><li>列表1</li><li>列表2</li><li>列表3</li></ol>15、<a></a>超级链接属性：href 链接地址；target（_self 自我覆盖，_blank 新窗口打开，_top 在整个窗口打开，_parent 在上一级窗口打开）链接打开方式；title 提示内容；name 锚书签特殊符号& & X &time;1、<plaintext>单标签，使其后面所有内容直接呈现在网页上2、<xmp></xmp>,使其包含的内容直接显示在网页上。

其他文字修饰1、<sup></sup>上标2、<sub></sub>下标3、<strike></strike>删除线电子邮件、FTP1、电子邮件格式：<a href=mailto:邮件地址>链接文字</a>2、FTP 格式：<a href=ftp://服务器ip地址或域名>链接文字</a>图片1、<img />属性：src 路径; width 宽度；height 高度；border 边框粗细；title 文字提示；alt 找不到图片时替代文字2、align3、图片加链接格式：<a href=“链接地址”><img src=”图片文件地址”/></a>4、Usemap 图片映射（包含热区的图片称为映射图片）格式：<img src=“图片地址“usemap=”#映射名称”/>5、<map></map>、<area />建立热区属性：shape （default整幅图片，rect 矩形区域，circle 圆形区域，poly 多边形区域）热点区域;coords(圆形4个坐标：左、顶、右、下；圆形3个坐标：圆心、半径；多边形：每个点坐标)格式：<map name=映射名称><area shape = “形状“coords=”坐标1”href=”超级链接地址1” /></map>6、<marquee></marquee>图片滚动（同文字滚动）插入外部资源1、<bgsound /> 插入音乐属性：src 音乐相对地址；loop 循环次数（-1无限循环）格式：<bgsound src=“音乐地址”loop=”-1”/>2、<embed></embed> 插入音乐属性：src 音乐相对地址；loop (ture 是，false 否3 次数)循环次数；autostart（ture 是，false 否）是否自动重复；hidden(ture 是，false 否)是否隐藏控制；starttime(00:30)开始播放时间；volume=”0-100”音量大小；width宽；high高；align 对齐方式；controls(console 一般正常面板，smallconsole 较小的面板，playbutton 只显示播放按钮，pausecutton只显示暂停按钮，stopbutton 只显示停止按钮，volumelever只显示音量调节按钮插入外部程序1、<script src=”js文件地址”></script> 插入JS程序表格1、<table></table> 表格属性：width 宽；height 高；align 对齐方式；border 粗细；bordercolorlight 高亮区颜色；bordercolordark 暗调区颜色；rules(cols 显示竖线,rows 显示横线,none不显示内线)边框显示;cellspacing 表格外边距；cellpadding 表格内边距；bgcolor 背景色；background 背景图片;格式:<table width="300" height="100" align="center" border="2" cellspacing="10" cellpadding="0" background=”img/bg.jpg”bgcolor=”#cccccc”>2、<tr></tr> 行属性：height 行高;align （left ，center,right）水平对齐方式；valign (bottom 底部对齐，middle 垂直居中，top 顶端对齐)垂直对齐方式格式：<tr height=”12” align=”center” valign=”bottom”></tr>3、<td></td> 单元格属性:width 宽；height 高；align 水平对齐；valign 垂直对齐；colspan 水平合并单元格；rowspan 垂直合并单元格；4、<th></th>表头5、<caption></caption> 标题6、<tbody></tbody>表身7、<tfoot></tfoot>表尾组表单1、<form></form>属性：name 标示控件名称；method(get,post)传送方式；action 提交地址；enctype（application/x-www-form-urlencoded 标准编码，multipart/form-data 消息编码，text/plain 纯文本编码）编码类型格式：<form name=”控件名称“method=”post”action=”提交地址”enctype=”application/x-www-form-urlencoded”>2、<input type=”text” /> 单行文本框控件属性：size 控件字符宽度; value 初始内容；maxlength 最多容纳字符数；readonly(true,false)是否允许输入内容3、<input type=”password”/> 密码框属性：与单行文本框属性相同4、<textarea></textarea>多行文本框属性：cols 文本框宽度；rows 行数；wrap（off 回车换行，virtual 自动换行无换行符，phisical 自动换行有换行符）换行方式；readonly(true,false)是否允许输入内容）5、<input type=”按钮类型”/>表单按钮属性：button 普通按钮；reset 复位按钮；submit 提交按钮；value 按钮显示内容6、<input type=”radio”/>单选框7、<input type=”checkbox”/>复选框;<input type=”file”/> 文件浏览框8、<label></label> 为控件设定文字格式：<label> <input type=”radio” name=”radio” checked=”checked” />选项一</label>9、<select></select>下拉列表；<option></option>列表子项属性：select 初始值；size 数据项数量；10、<input type=”image”src=“图片路径”/> 图像域控件（可返回单击位置在图片上的X、Y坐标）11、<input type=”file”/> 文件域控件12、<input type=”hidden” value=”数据”/> 隐藏域控件13、<fieldset></fieldset>表单功能分组14、<legend></legend> 标签描述框架1、<frameset></frameset> 框架帧2、<frame /> 链接网页CSS1、标签选择符p{width:250px;}h1{color:#ff0000;}2、id选择符(id名称可自定义，但不能以数字开头，在css中名称前加#)#hello{color:#ff0000;}3、class选择符(class名称可自定义，但不能以数字开头，在css中名称前加点号).reader{color:#ff0000;}4、伪类及伪对象选择符（css预定义好的类和对象，不需要进行id和class属性声明，以超链接为例）a:visited{color:#ff0000;}设置超级链接被访问后的颜色5、通配选择符*{margin:0px;}所有对象的外边距为0像素（1）群组选择符（多个选择符用逗号分隔）p,span,div,li{color:#ff0000;}（2）包含选择符（包含关系用空格分隔）p span{color:#ff0000;}只有p标签内的span标签所含文本被设置为红色（3）标签指定式选择符（两者无需分隔）p#hello{color:#ff0000;} id名称为hello的标签文本为红色p.reader{color:#0000ff;}class名称为reader的p标签文本为蓝色（4）自由组合选择符p#hello h1{color:#ff0000;}id名称为hello的p标签内h1标签的文本为红色注意：id和class没有本质的区别，建议严格区分，id名称在页面中只可使用一次，class名称可重复多次使用，推荐统一使用小写。