html常用标签.html
来源:原创
时间:2016-07-17
作者:脚本小站
分类:代码笔记
<!--------------------------------------------------> <!----------------网页头信息与SEO-----------------> <meta charset="UTF-8"> <html> <meta name="keywords" content="任何内容关于网站的关键字"> <meta name="description" content="网页内容的任何描述"> <meta name="author" content=""> <meta http-equiv="refresh" content="10:url=http://www.baidu.com"> <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" media="screen" /> <!-- 图标 --> <link rel="canonical" href="" /><!-- 网站标准地址 --> <!-- 禁止浏览器从本地缓存中调阅页面。--> <meta http-equiv="pragram" content="no-cache"> <!--网页不保存在缓存中,每次访问都刷新页面。--> <meta http-equiv="cache-control" content="no-cache, must-revalidate"> <!--同上面意思差不多,必须重新加载页面--> <meta http-equiv="expires" content="0"> <!--网页在缓存中的过期时间为0,一旦网页过期,必须从服务器上重新订阅--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <h1></h1> <img title=""> <title></title> <!--------------------------------------------------> <!---------------------锚点-------------------------> <a href="#" title="" target=""></a> <div id="top"></div> <a href="#top">回到顶部</a> <!-- _parent 这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效 _self 自身打开 _blank 新窗口打开 _top 用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。 --> <!-------------------超链接------------------------> <!--标签为页面上的所有链接规定默认地址或默认目标--> <head> <base href="http://www.w3school.com.cn/i/" /> <base target="_blank" /> </head> <!--------------------------------------------------> <!----------------------音频------------------------> <!-- 第一种形式 --> <audio src="xxx.mp3" autoplay controls></audio> <!-- autoplay 自动播放 controls 出现控件 --> <!-- 第二种形式 --> <audio> <source src="xx.mp3" type="audio/mpeg"></source> </audio> <!--------------------------------------------------> <!----------------------视频------------------------> <!-- 第一种形式 --> <video src="xxx.mp4" controls poster="视频图片" width=""></video> <!-- autoplay 自动播放 controls 出现控件 --> <!-- 第二种形式 --> <video> <source src="xx.mp4" type="video/mp4"></source> </video> <!--------------------------------------------------> <!----------------动画以及音视频-------------------> <embed src=".swf" width="" height=""> <bgsound src=""> <!-- 背景音乐设定 --> <!--------------------------------------------------> <!---------------------文本域-----------------------> <textarea rows="2" cols="20" name="Test"> <textarea> <!--------------------------------------------------> <!--------------------实体字符----------------------> <!-- < < > >   空格 --> <!--------------------------------------------------> <!------------------区断标记------------------------> <hr size="" width="" color=""> 水平线 <br> 换行 <nobr></nobr> 水域(不换行) <p></p> 水域(段落) <center></center> 置中 <!--------------------------------------------------> <!------------------图像/音乐-----------------------> <img src="" alt="显示不出图片时显示" title="图片标题" > <img src="" width="" height="" border="" align=""> <img dynsrc loop> 加入影片 <img hspace> 插入图片并预设图形的左右边界 <img lowsrc> 预载图片功能 <img vspace> 插入图片并预设图形的上下边界 <!--------------------------------------------------> <!----------------对标签中的元素进行组合------------> <figure> <figcaption>标题</figcaption> <img src="" alt="" /> </figure> <!--------------------------------------------------> <!------------------定义元素细节-------------------> <details> <!-- 点击标题显示内容 --> <summary>标题<summary> 内容 </details> <!--------------------------------------------------> <!-------------------对话形式列表-------------------> <dialog> <dt>小明:</dt> <dd>呵呵</dd> <dt>小华:</dt> <dd>呵呵</dd> </dialog> <!--------------------------------------------------> <!----------------------列表-------------------------> <!-- 无序列表 --> <ul> <li></li> </ul> <!-- 有序列表 --> <ol> <li></li> </ol> <!--------------------------------------------------> <!----------------------表格------------------------> <table width="" height="" border="" align="" ></table> <table background=图片路径></table> 背景图片的URL=就是路径网址 <table bgcolor=""></table> 设定表格的背景颜色 <table bordercolor=""></table> 设定表格边框的颜色 <table bordercolordark=""></table> 设定表格暗边框的颜色 <table bordercolorlight=""></table> 设定表格亮边框的颜色 <table cellpadding="2"></table> 指定内容与网格线之间的间距 <table cellspacing="0"></table> 边框填充 <table cols=""></table> 指定表格的栏数 <table frame=""></table> 设定表格外框线的显示方式 <td colspan="" rowspan=""> 指定储存格合并栏的栏数(使用数字) <td align="" valign=""> 调整表格字段之左右对齐 <td bgcolor="" background=""> 设定表格字段之背景颜色 <td nowrap> 设定表格字段不换行 <td width> 调整表格字段宽度 <tr>同<td> <th></th> 定义表格的标头字段 <caption align=""></caption> 为表格加上标题 <thead></thead> <tbody><tbody> <tfoot></tfoot> <!----------------------html5----------------------> <colgroup> <col span="2"> <col span=""> </colgroup> <!---------------------------------------------------> <!--------------------------滑动条-------------------> <!--第一种--> <progress value="80" max="100"></progress> <!--第二种--> <meter value="120" min="100" max="200"></meter> <!--------------------------------------------------> <!----------------------跑马灯----------------------> <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> 标题字(最小) <small> 显示小字体 <big> 显示大字体 <b></b> 粗体字 <strong></strong> 粗体字(强调) <i></i> 斜体字 <em></em> 斜体字(强调) <dfn></dfn> 斜体字(表示定义) <sup></sup> 上标 <sub><sub> 下标 <u></u> 底线 <ins></ins> 底线(表示插入文字) <strike></strike> 横线 <strike> 删除线 <s></s> 删除线 <del></del> 删除线(表示删除) <kbd></kbd> 键盘文字 <tt></tt> 打字体 <xmp></xmp> 固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext></plaintext> 固定宽度字体(不执行标记符号) <listing></listing> 固定宽度小字体 <!-- 自定义字体 --> <font color="" face="Arial" size=""></font> <!-----------------------Other---------------------> <!--------------------------------------------------> <address></address> 用来显示电子邮箱地址 <basefont size> 更改预设字形大小 <blink> 闪烁的文字 <cite><cite> 用于引经据典的文字 <code></code> 用于列出一段程序代码 <comment></comment> 加上批注 <dfn></dfn> 显示"定义"文字 <dir></dir> 列表文字卷标 <dl></dl> 设定定义列表的卷标 <menu></menu> 条列文字卷标 <noframe> 定义不出现分割窗口的文字 <samp></samp> 用于引用字 <var></var> 用于显示变量