站长资源网页制作
HTML标记一览表及用法说明
简介HTML标记一览表标记类型名称或意义作用备注文件标记●文件宣告让浏览器知道这是 HTML 文件 ●开头提供文件整体信息 ●标题定义文件标题，将显示于浏览器顶端 <BODY>●主体设计文件格式及内容所在 排版标记<!--注解-->○说明标记为文件加上说明，但不被显</div>
<div class="news_infos"><div id="MyContent"><p><strong>HTML标记一览表</strong></p>
<strong>标记</strong>
<strong>类型</strong>
<strong>名称或意义</strong>
<strong>作用</strong>
<strong>备注</strong>
<strong>文件标记</strong>
<HTML>
●
文件宣告
让浏览器知道这是 HTML 文件
<HEAD>
●
开头
提供文件整体信息
<TITLE>
●
标题
定义文件标题，将显示于浏览器顶端
<BODY>
●
主体
设计文件格式及内容所在
<strong>排版标记</strong>
<!--注解-->
○
说明标记
为文件加上说明，但不被显示
<P>
○
段落标记
为字、图、表格等之间留下一空白行
<BR>
○
换行标记
令字、图、表格显示于下一行
<HR>
○
水平线
插入一水平线
<CENTER>
●
居中
令字、图、表格等显示于中间
反对
<PRE>
●
预设格式
令文件按原代码的排列方式显示
<DIV>
●
定位标记
设定字、图、表格等的摆放位置
<NOBR>
●
不换行
令文字不因太长而换行
<WBR>
●
建议换行
预设换行部位
字体标记
<STRONG>
●
加重语气
产生字体加粗 Bold 的效果
<B>
●
粗体标记
产生字体加粗的效果
<EM>
●
强调标记
字体出现斜体效果
<I>
●
斜体标记
字体出现斜体效果
<TT>
●
等宽字体
Courier字体，字母宽度相同
<U>
●
加下划线
加下划线
反对
<H1>
●
一级标题标记
将字体变大，级数越高越小
<H2>
●
二级标题标记
将字体变大
<H3>
●
三级标题标记
将字体变大
<H4>
●
四级标题标记
将字体变大
<H5>
●
五级标题标记
将字体变大
<H6>
●
六级标题标记
将字体变大
<FONT>
●
字体标记
设定字体、大小、颜色
反对
<BASEFONT>
○
基准字体标记
设定所有字体、大小、颜色
反对
<BIG>
●
字体加大
令字体稍微变大
<SMALL>
●
字体缩小
令字体稍微缩小
<STRIKE>
●
加删除线
为文字加删除线
反对
<CODE>
●
程式码
字体稍微加宽如<TT>
<KBD>
●
键盘字
字体稍微加宽，单一空白
<SAMP>
●
范例
字w稍榧如<TT>
<VAR>
●
变量
斜体效果
<CITE>
●
斜体标记
斜体效果
<BLOCKQUOTE>
●
向右缩排
文字向右缩排
<DFN>
●
述语定义
斜体效果
<ADDRESS>
●
地址标记
斜体效果
<SUB>
●
下标字
文字下标
<SUP>
●
上标字
文字上标
<strong>清单标记</strong>
<OL>
●
顺序清单
清单项目将以数字、字母顺序排列
<UL>
●
无序清单
清单项目将以实心圆点作为符号排列
<LI>
○
清单项目
清单中的项目，一个标记一行
<MENU>
●
选项清单
可用type参数指定项目符号。
反对
<DIR>
●
目录清单
与<menu>相同
反对
<DL>
●
定义清单
清单分两层出现
<DT>
○
定义条目
清单项标题
<DD>
○
定义内容
清单项内容
<strong>表格标记</strong>
<TABLE>
●
表格标记
设定该表格的各项参数
<CAPTION>
●
表格标题
做成一打通列以填入表格标题
<TR>
●
表格列
设定该表格的列
<TD>
●
表格栏
设定该表格的栏
<TH>
●
表格标头
相等于<TD>，但其内文字字体会变粗
<strong>表单标记</strong>
<FORM>
●
表单标记
决定该表单的运作模式
<TEXTAREA>
●
文字框
提供文字输入栏
<INPUT>
○
输入标记
决定输入形式
<SELECT>
●
选择标记
建立弹出卷动清单
<OPTION>
○
选项
每一个清单选项
<strong>图形标记</strong>
<IMG>
○
图形标记
用来插入图形及设定图形属性
<strong>链接标记</strong>
<A>
●
链接标记
加入链接
<BASE>
○
基准标记
可将相对 URL 转绝对及指定链接
<strong>框架标记</strong>
<FRAMESET>
●
框架设定
设定框架
<FRAME>
○
窗口设定
设定框架中的窗口
<IFRAME>
○
页内框架
于网页中插入框架
IE
<NOFRAMES>
●
不支持框架
设定浏览器不支持框架时的提示
<strong>影像地图</strong>
<MAP>
●
影像地图名称
设定影像地图名称
<AREA>
○
链接区域
设定各链接区域
<strong>多媒体</strong>
<BGSOUND>
○
背景声音
令背景播放音乐或声音
IE
<EMBED>
○
多媒体
加入声音、音乐或影像
<strong>其他标记</strong>
<MARQUEE>
●
走马灯
令文字走动
IE
<BLINK>
●
闪烁文字
令文字闪烁
NC
<ISINDEX>
○
页内寻找器
可输入关键字寻找该页
反对
<META>
○
开头说明
提供关于此页的信息给浏览器
<LINK>
○
关系定义
定义该文件与其他 URL 的关系
StyleSheet
<STYLE>
●
式样表
控制网页版面
<span>
●
自订标记
独立使用或与样式表一起用
<p><strong>备 注： </strong></p>
<p>1、● 表示该标记属于围堵标记，即需要结束标记</标记>。</p>
<p>2、○ 表示该标记属空标记，即不需要结束标记。</p>
<p>3、IE 表示该标记只适应于 Internet Explorer。</p>
<p>4、NC 表示该标记只适用于 Netscape Communicator。</p>
<p>5、反对 表示该标记不为 W3C 所赞同，通常这标记是微软或网景自订，且已被大家支持，只是 HTML 标准中有其它功能相同或更好的选择。</p>
<p>6、弃用 表示该标记已被 W3C 所抛弃，是过时的标记，但 HTML 有向下兼容性，所以浏览器仍然支持。</p>
<p>7、新 表示该标记是 HTML 4.0 中新增的。<br><br>如果感觉不是很详细可以参考下下面的文章 HTML元素(标签)大全及使用介绍 都可以参考下</p>
<p>——本文早期转自网络，无法溯源，未标明出处，特别说明。</p></div>
</div>
</div>
<div class="share"> </div>
<div class="nextinfo">
<p>上一篇：<a href="/3g/1/67892.html" title="js 返回上一页和刷新 的代码">js 返回上一页和刷新 的代码</a></p>
<p>下一篇：<a href="/3g/1/67894.html" title="html中锚标记用法实例分享">html中锚标记用法实例分享</a></p>
</div>
<div class="otherlink">
<h2>最新资源</h2>
<ul>
<li><a href="/3g/1/623703.html" title="群星《奔赴！万人现场 第2期》[FLAC/分轨]">群星《奔赴！万人现场 第2期》[FLAC/分轨]</a></li>
<li><a href="/3g/1/623702.html" title="群星《奇妙浪一夏 (上海迪士尼度假区音乐">群星《奇妙浪一夏 (上海迪士尼度假区音乐</a></li>
<li><a href="/3g/1/623701.html" title="群星《奇妙浪一夏 (上海迪士尼度假区音乐">群星《奇妙浪一夏 (上海迪士尼度假区音乐</a></li>
<li><a href="/3g/1/623700.html" title="【古典音乐】詹姆斯·高威《季节》1993[WA">【古典音乐】詹姆斯·高威《季节》1993[WA</a></li>
<li><a href="/3g/1/623699.html" title="贝拉芳蒂《卡里普索之王》SACD[WAV+CUE]">贝拉芳蒂《卡里普索之王》SACD[WAV+CUE]</a></li>
<li><a href="/3g/1/623698.html" title="小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE">小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE</a></li>
<li><a href="/3g/1/623697.html" title="群星《欢迎来到我身边 电影原声专辑》[32">群星《欢迎来到我身边 电影原声专辑》[32</a></li>
<li><a href="/3g/1/623696.html" title="群星《欢迎来到我身边 电影原声专辑》[FL">群星《欢迎来到我身边 电影原声专辑》[FL</a></li>
<li><a href="/3g/1/623695.html" title="雷婷《梦里蓝天HQⅡ》 2023头版限量编号低">雷婷《梦里蓝天HQⅡ》 2023头版限量编号低</a></li>
<li><a href="/3g/1/623694.html" title="群星《2024好听新歌42》AI调整音效【WAV分">群星《2024好听新歌42》AI调整音效【WAV分</a></li>
</ul>
</div>
</div>
<div class="sidebar">
<div class="cloud"><h2 class="hometitle">一句话新闻</h2><a href="/3G/1/604673.html"><ul>微软与英特尔等合作伙伴联合定义“AI PC”：键盘需配有Copilot物理按键<br><br>几个月来，英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法，朝着更多的AI功能迈进。在近日，英特尔在台北举行的开发者活动中，也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。<br>在此次发布会上，英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件，以及联合微软等合作伙伴联合定义“AI PC”的定义标准。</ul></a></div>
</div>
<div class="sidebar">
友情链接:<a href="http://www.imxmx.com/" title="杰晶网络" target="_blank">杰晶网络</a> <a href="/" title="DDR爱好者之家" target="_blank">DDR爱好者之家</a> <a href="http://www.nqxw.com/" title="南强小屋" target="_blank">南强小屋</a> <a href="http://www.paidiu.com/" title="黑松山资源网" target="_blank">黑松山资源网</a> <a href="http://www.dyhadc.com/" title="白云城资源网" target="_blank">白云城资源网</a> <a href="/sitemap1.xml">站点地图</a> <a href="/sitemap.xml">SiteMap</a>
</div>
</article>
<footer>
<p>Design by <a href="http://m.ddrfans.com">DDR爱好者之家</a> <a href="http://m.ddrfans.com">http://m.ddrfans.com</a></p>
</footer>
<script src="/images3g/nav.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function() {
var elm = jQuery('#left_flow2');
var startPos = jQuery(elm).offset().top;
jQuery.event.add(window, "scroll", function() {
var p = jQuery(window).scrollTop();
jQuery(elm).css('position', ((p) > startPos) ? 'fixed' : '');
jQuery(elm).css('top', ((p) > startPos) ? '0' : '');
});
});
</script>
</body>
</html>