HTML 标记大全参考代码（完整）

ゝ一世哀愁。 2022-03-19 01:36 297阅读 0赞

html标记大全参考手册 
    1.文件结构 
     文件类型 <html></html> （放在文档的开头与结尾）  
     文件主题 <title></title> （必须放在「文头」区块内）  
     文头 <head></head> （描述性资料，如「主题」）  
     文体 <body></body> （文件主体） 2.结构性定义（由浏览器控制的显示风格）  
     标题 <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></samp>  
     键盘输入 <kbd></kbd>  
     变数 <var></var>  
     定义 <dfn></dfn> （有些浏览器不提供）  
     地址 <address></address>  
     大字 <big></big>  
    
     
     
     小字 <small></small> 3.与外观相关的标签（作者自定的表现方式）  
     加粗 <b></b>  
     斜体 <i></i>  
     底线 <u></u> （尚有些浏览器不提供）  
     删除线 <s></s> （尚有些浏览器不提供）  
     下标 <sub></sub>  
     上标 <sup></sup>  
     打字机体 <tt></tt> （用单空格字型显示）  
     预定格式 <pre></pre> （保留文件中空格的大小）  
     预定格式的宽度 <pre width=?></pre>（以字符计算）  
     居中对齐 <center></center> （文字与图片都可以）  
     闪耀 <blink></blink> （有史以来最被嘲弄的标签） 
     字体大小 <font size=?></font>（从1到7）  
     改变字体大小 <font size=+/-?></font>  
     基本字体大小 <basefont size=?> （从1到7; 默认为3）  
     字体颜色 <font color="#$$$$$$"></font>  4. 链接与图像  
     链接 <a href="url"></a>  
     链接到锚点 <a href="url#***"></a>（如果锚点在另一个档案）  
     <a href="#***"></a> （如果锚点目前的档案）  
     链接到目的视框 <a href="url" target="***"></a>  
    
     
     
     设定锚点 <a name="***"></a>  
     图像 <img src="url">  
     图像对齐方式 <img src="url" align=top/bottom/middle>  
     图像对齐方式 <img src="url" 
    align=left/right/texttop/absmiddle/baseline/absbottom
    >  
     取代文字 <img src="url" alt="***"> （如果浏览器不能显示图像则显
    示此文字）  
     点选图 <img src="url" ismap> （需要cgi程式） 
     点选图 <img src="url" usemap="url"> 
     地图 <map name="***"></map>（描述地图）  
     段落 <area shape="rect" coords=",,," href="url"/nohref>  
     大小 <img src="url" width="?" height="?">（以pixels为单位）  
     图像边缘 <img src="url" border=?> （以pixels为单位）  
     图像边缘空间 <img src="url" hspace=? vspace=?> （以pixels为
    单位）  
     低解析度图形 <img src="url" lowsrc="url">  
     用户端拉 <meta http-equiv="refresh" content="?; url=url">
    （使用端自动更新 ）  
     内嵌物件 <embed src="url"> （将物件插入页面）  
     内嵌物件大小 <embed src="url" width="?" height="?">  5.分隔  
    
     
     
     段落 <p> （通常是两个return）  
     段落 <p></p> （新定义成容器型标签）  
     文字对齐方式 <p align=left/center/right></p>  
     换行 <br> （一个return）  
     文字对齐方式<br clear=left/right/all>（与图形合用时） 
     横线 <hr>  
     横线对齐 <hr align=left/right/center>  
     横线厚度 <hr size=?> （以pixels为单位）  
     横线宽度 <hr width=?> （以pixels为单位）  
     横线宽度比率 <hr width=%> （以页宽为100%）  
     实线 <hr noshade> （没有立体效果）  
     不可换行 <nobr></nobr> （不换行） 
     可换行处 <wbr> （如果需要，可在此断行）  6.列表  
     无序列表 <ul><li></ul> （<li> 放在每一项前）  
     公布式列表 <ul type=disc/circle/square>（定义全部的列表项）  
     <li type=disc/circle/square>（定义这个及其後的列表项）  
     有序列表 <ol><li></ol> （<li> 放在每一项前） 
     数标类型 <ol type=a/a/i/i/1> （定义全部的列表项） 
     <li type=a/a/i/i/1> （定义这个及其後的列表项） 
     起始数字 <ol value=?> （定义全部的列举项）  
     <li value=?> （定义这个及其後的列表项） 
    
     
     
     定义式列表 <dl><dt><dd></dl>（<dt>项目, <dd>定义）  
     表单式列表 <menu><li></menu>（<li> 放在每一项前）  
     目录式列表 <dir><li></dir> （<li> 放在每一项前） 7.背景与颜色  
     背景 <body background="url">  
     背景颜色 <body bgcolor="#$$$$$$"> （依序为红、绿、蓝即
    rrggbb）  
     文字颜色 <body text="#$$$$$$">  
     链接颜色 <body link="#$$$$$$"> 
     点过的链接 <body vlink="#$$$$$$">  
     使用中的链接 <body alink="#$$$$$$">  8.特殊字 
     版权所有 © © 
     注册商标 ® ® 
     商标符号 ™ ™  
     空格符   9.表单 （通常需要与cgi程式配合）  
     定义表单 <form action="url" method=get/post></form>  
     上传文档 <form enctype="multipart/form-data"></form>  
     表单控件类型 <input 
    type="text/password/checkbox/radio/image/hidden/sub
    mit/reset">  
    
     
     
     表单控件内设值 <input value="***">  
     已选定 <input checked> （适用於checkboxes与 radio boxes） 
     表单控件宽度 <input size=?> （以字符数为单位）  
     最长字符数 <input maxlength=?> （以字符数为单位）  
     下拉式选单 <select></select>  
     下拉式选单名称 <select name="***"></select>  
     选单项目数量 <select size=?></select>  
     多选式选单 <select multiple> （多选）  
     选项 <option> 
     内定选项 <option selected>  
     文字输入区 <textarea rows=? cols=?></textarea>  
     输入区名称 <textarea name="***"></textarea>  
     输入区换行方式 <textarea 
    wrap=off/virtual/physical></textarea>  10.表格 
     定义表格 <table></table>  
     表格边框 <table border=?></table>（可以设定数值,0为无边框）  
     单元格左右间距 <table cellspacing=?>  
     单元格上下间距 <table cellpadding=?> 
     表格宽度 <table width=?> （以pixels为单位）  
     表格宽度比率 <table width=%> （页宽为100%）  
     表格行 <tr></tr>  
    
     
     
     表格行内容对齐 <tr align=left/right/center 
    valign=top/middle/bottom>  
     单元格 <td></td> （须与tr并用）  
     单元格内容对齐 <td align=left/right/center 
    valign=top/middle/bottom>  
     不换行 <td nowrap>  
     单元格背景颜色 <td bgcolor=#$$$$$$>  
     单元格占几列 <td colspan=?>  
     单元格占几行 <td rowspan=?>  
     单元格宽度 <td width=?> （以pixels为单位）  
     单元格宽度比率 <td width=%> （页宽为100%）  
     标题格 <th></th> （跟<td>一样，不过会对中并加粗）  
     标题格对齐 <th align=left/right/center 
    valign=top/middle/bottom>  
     标题格不换行 <th nowrap>  
     标题格占几列 <th colspan=?>  
     标题格占几行 <th rowspan=?>  
     标题格宽度 <th width=?> （以pixels为单位） 
     标题格宽度比率 <th width=%> （页宽为100%） 
     表格标头 <caption></caption>  
     表格标头位置 <caption align=top/bottom>（在表格之上/之下）  11.视框 （定义与控制屏幕上的特定区域）  
    
     
     
     视框格式总定义 <frameset></frameset> （取代<body>）  
     视框行长度分配 <frameset rows=,,,></frameset>（pixels 或 %）  
     视框行长度分配 <frameset rows=*></frameset> （* = 相对大
    小）  
     视框栏宽度分配 <frameset cols=,,,></frameset>（pixels 或 %）  
     视框栏宽度分配 <frameset cols=*></frameset> （* =相对大小）  
     定义个别视框 <frame> （定义个别视框）  
     个别视框内容 <frame src="url">  
     个别视框名称 <frame name="***"/_blank/_self/_parent/_top>  
     边缘宽度 <frame marginwidth=?> （「左」与「右」边界）  
     边缘高度 <frame marginheight=?> （「天顶」与「地底」边界）  
     滚动条 <frame scrolling="yes/no/auto"> 
     不可改变大小 <frame noresize>  
     无视框时的内容 <noframes></noframes>（如果浏览器不提供视框
    功能时所显示的内容）  12.杂项  
     说明 （浏览器不会显示）  
     文档类型声明 <!doctype html public "-//ietf//dtd html 
    2.0//en">  
     文档类型声明 <!doctype html public "-//w3o//dtd w3 html 
    3.0//en">  
     可搜寻 <isindex> （指示可搜寻的索引项）  
    
     
     
     提示 <isindex prompt="***"> （要求输入的提示文字）  
     送出搜寻条件 <a href="url?***"></a> （其中的问号不是数字，而是
    「问号」）  
     基本文档的url <base href="url"> （必须放在「文头」区块内）  
     基本视窗名称 <base target="***"> （必须放在「文头」区块内）  
     相关性 <link rev="***" rel="***" href="url"> （必须放在「文头」
    区块内）  
     背景资讯 <meta> （必须放在「文头」区块内）