HTML 标记一览<2>
时间：2009-06-11 17:24:27
作者：互联网
■ 文件标记
； ； </SPAN></FONT> ； <FONT color=#ee0000><SPAN><BODY></SPAN></FONT> </P>
<P><SPAN> 欲明白本篇【HTML彻底剖析】之标记分类，请看 【标记一览】。 <BR> 也请先明白围堵标记与空标记的分别，请看 【HTML概念】。 </SPAN>
<P><FONT color=#cf0000>■ HTML 基本架构：</FONT>
<P> 以下 HTML Source Code 便是一份 HTML 文件的基本架构 ：
<P>
<CENTER>
<TABLE class=weby cellSpacing=0 cellPadding=2 width="60%" align=center bgColor=#e5e5e5 border=1>
<TBODY>
<TR>
<TD><SPAN><HTML> <BR><HEAD> </SPAN>
<DL>
<DD><SPAN><TITLE> 网页的标题
网页的内容，很多标记都作用于此
特点解说：
- 整份文件处于标记与之间。
用以宣告这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。
- 文件分两部份，由至称为开头，至称本文。
基本上两者各有适用的标记，如只可出现于开部分。 </SPAN></SPAN>
<P></P>
<LI><SPAN class=weby><SPAN><FONT color=#ff0000>开头</FONT><FONT color=#0000ff>部分用以存载重要信息，而只有</FONT><FONT color=#ff0000>本文</FONT><FONT color=#0000ff>部分会被显示。</FONT> <BR>所以大部分标记会应用于本文部分。 </SPAN></SPAN>
<P></P>
<LI><SPAN class=weby><SPAN><FONT color=#0000ff><TITLE>所标示的是文件的标题。</FONT> <BR>会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不同面明确的标题是需要的。 </SPAN></SPAN></LI></UL>
<P><SPAN> 上述标记中只有<BODY>具参数设定。</SPAN>
<P><FONT color=#cf0000>■ <BODY> 的参数设定：</FONT>
<P> 例子：
<P><SPAN><BODY <FONT color=#ff0000>text</FONT>="#000000" <FONT color=#ff0000>link</FONT>="#0000FF" <FONT color=#ff0000>alink</FONT>="#FF0000" <FONT color=#ff0000>vlink</FONT>="#0000FF" <FONT color=#ff0000>background</FONT>="bg1.gif" <FONT color=#ff0000>bgcolor</FONT>="#FFFFFF" <FONT color=#ff0000>leftmargin</FONT>=2 <FONT color=#ff0000>topmargin</FONT>=2 <FONT color=#ff0000>bgproperties</FONT>="fixed"> </SPAN>
<UL>
<LI type=square><SPAN class=weby><SPAN><FONT color=#ff0000>text</FONT>="#000000" <BR>用以设定文字颜色。 <FONT color=#008000>#000000</FONT> 代表黑色，也可以采用颜色名称，即 text="<FONT color=#ff0000>black</FONT>" 。各种颜色的值及名称可参考【调色原理】一节。 </SPAN></SPAN>
<P></P>
<LI type=square><SPAN class=weby><SPAN><FONT color=#ff0000>link</FONT>="#0000FF" <BR>设定一般文字链接的颜色。 </SPAN></SPAN>
<P></P>
<LI type=square><SPAN class=weby><SPAN><FONT color=#ff0000>alink</FONT>="#FF0000" <BR>设定刚按下时文字链结颜色。 </SPAN></SPAN>
<P></P>
<LI type=square><SPAN class=weby><SPAN><FONT color=#ff0000>vlink</FONT>="#0000FF" <BR>设定被按过后的链接的颜色。 </SPAN></SPAN>
<P></P>
<LI type=square><SPAN class=weby><SPAN><FONT color=#ff0000>background</FONT>="bg1.gif" <BR>设定背景图片。GIF 或 JPEG 皆可，可以是绝对路径或相对路径。 </SPAN></SPAN>
<P></P>
<LI type=square><SPAN class=weby><SPAN><FONT color=#ff0000>bgcolor</FONT>="#FFFFFF" <BR>设定背景颜色，当已设定背景图片时会失去作用，除非透明部分。 </SPAN></SPAN>
<P></P>
<LI type=square><SPAN class=weby><SPAN><FONT color=#ff0000>leftmargin</FONT>=2 <BR>设定整份文件显示画面的<FONT color=#ff0000>左</FONT>方边沿空间，单位为像素。 <FONT color=#ff0000>（只适用于IE）</FONT> </SPAN></SPAN>
<P></P>
<LI type=square><SPAN class=weby><SPAN><FONT color=#ff0000>topmargin</FONT>=2 <BR>设定整份文件显示画面的<FONT color=#ff0000>上</FONT>方边沿空间。 <FONT color=#ff0000>（只适用于IE）</FONT> </SPAN></SPAN>
<P></P>
<LI type=square><SPAN class=weby><SPAN><FONT color=#ff0000>bgproperties</FONT>="fixed" <BR>固定背景图片，当卷轴卷动时不会跟着卷动。 <FONT color=#ff0000>（只适用于IE）</FONT> </SPAN></SPAN></LI></UL>
<P><SPAN> 标记及参数的字母大小写都可以。其他如 onload 等事件请参看有关 Java Script 的介绍。 </SPAN></P></TD></TR></TBODY></TABLE></TD></TR><TR><TD vAlign="top"><BR></TD></TR></TBODY></TABLE></div>
</span> </div>
<style>
.new_tag_template{padding: 10px 0;}
.new_tag_template a{display: inline-block;font-size: 14px;border-radius: 20px;margin: 0 10px 10px 0;padding: 4px 10px 4px 0;line-height: 14px;color: #333;background: #F4F4F4;box-shadow: 0 0 1px rgba(0,0,0,.1);}
.new_tag_template a:before{display: inline-block;font-size: 14px;border-radius: 20px;margin: -4px 6px -4px 0;padding: 4px 7px;line-height: inherit;color: #fff;background: #206BE7;content: "#";vertical-align: top;}
.new_tag_template a:focus,.new_tag_template a:hover {color: #fff;background: #206BE7;text-decoration: none}
</style>
</div>
<section class="wrap">
<!-- 相关文章 -->
<div class="cateitem switch_template">
<div class="switch_item">
<span class="switch_list active">相关文章</span>
<span class="switch_list">最新文章</span>
</div>
<div class="content_box">
<ul class="article_list active">
<li><a href="/wz/3592.html" >HTML 标记一览<1></a></li>
<li><a href="/wz/3581.html" >分享HTML中少为人知的个性化标记</a></li>
<li><a href="/wz/11862.html" >HTML 5 之后是什么？HTML</a></li>
<li><a href="/wz/962.html" >网页Web标准：使用有意义的HTML标记制作网页</a></li>
<li><a href="/wz/12717.html" >HTML 5 Video概述</a></li>
<li><a href="/wz/12637.html" >HTML发展简史</a></li>
</ul>
<ul class="article_list">
<li><a href="/wz/9197.html" >混乱的标记语言XHTML2/HTML5</a></li>
<li><a href="/wz/9195.html" >在HTML中获取正确的URL属性值</a></li>
<li><a href="/wz/8856.html" >语义化的HTML结构到底有何好处? </a></li>
<li><a href="/wz/8674.html" >XHTML 2: 出师未捷身先死, HTML 5:万千宠爱于一身</a></li>
<li><a href="/wz/8012.html" >侠客：hao123.com网站的盈利模式</a></li>
<li><a href="/wz/4036.html" >HTML 5会为Flash和Silverlight送终吗？</a></li>
</ul>
</div>
</div>
<!-- 相关应用 -->
<div class="cateitem tabs_swiper">
<h2>相关应用</h2>
<div class="swiper-wrapper">
<ul class="app_soft_bd androidList1">
<li>
<a href="/download/4347.html">
<img class="img sign_app " src="/index/images/80_80.png" alt="动态HTML">
<div class="lstcont">
<h3>动态HTML</h3>
<p><i class="size"></i>8881152<i class="time"></i>2009-05-28</p>
<p class="tre"><span>动态HTML...</span></p>
</div>
</a>
</li>
<li>
<a href="/download/902.html">
<img class="img sign_app " src="/index/images/80_80.png" alt="动感购物HTML">
<div class="lstcont">
<h3>动感购物HTML</h3>
<p><i class="size"></i>945152<i class="time"></i>2009-04-22</p>
<p class="tre"><span>修正了V1.10的一些BUG
感购物HTML...</span></p>
</div>
</a>
</li>
</ul>
</div>
</div>
<!-- 最近更新 -->
<div class="cateitem">
<h2>热门文章</h2>
<ul class="article_list">
<li><a href="/wz/3598.html" >SEO中级教程：如何提升PR</a></li>
<li><a href="/wz/3597.html" >百度阿拉丁上线 搜索开放平台引领搜索引擎未来？</a></li>
<li><a href="/wz/3596.html" >快速收录技巧实例—长沙SEO开博4小时收录</a></li>
<li><a href="/wz/3595.html" >如何让网站尽快被百度和GOOGLE谷歌收录</a></li>
<li><a href="/wz/3594.html" >通过SEO看网络营销价值</a></li>
<li><a href="/wz/3592.html" >HTML 标记一览<1></a></li>
<li><a href="/wz/3591.html" >Email地址在网页中的保护</a></li>
<li><a href="/wz/3590.html" >Cool Web Scrollbars - 定制网页的滚动条</a></li>
<li><a href="/wz/3589.html" >alt属性和title属性</a></li>
<li><a href="/wz/3588.html" >“画中画”效果--谈IFRAME标签的使用</a></li>
</ul>
</div>
<!-- 猜你喜欢 -->
<div class="cateitem">
<h2>猜你喜欢</h2>
<div class="list_item">
<ul class="softlist">
<li><a href="/app/180126.html">
<div class="img_item">
<img lazy-src="https://images.downcodes.com/uploads/20240905/logo_66d97982df8a51.jpg" alt="极速卡丁车手机版">
</div>
<span>极速卡丁车手机版</span>
</a>
</li>
<li><a href="/app/180169.html">
<div class="img_item">
<img lazy-src="https://images.downcodes.com/uploads/20240905/logo_66d97a0f9b9051.png" alt="赛车王国免费">
</div>
<span>赛车王国免费</span>
</a>
</li>
<li><a href="/app/180171.html">
<div class="img_item">
<img lazy-src="https://images.downcodes.com/uploads/20240905/logo_66d97a1945b7d1.png" alt="赛车王国">
</div>
<span>赛车王国</span>
</a>
</li>
<li><a href="/app/181920.html">
<div class="img_item">
<img lazy-src="https://images.downcodes.com/uploads/20240918/logo_66ea8a68e841d1.png" alt="RallyFuryExtremeRacing">
</div>
<span>RallyFuryExtremeRacing</span>
</a>
</li>
<li><a href="/app/181921.html">
<div class="img_item">
<img lazy-src="https://images.downcodes.com/uploads/20240918/logo_66ea8a751f1981.png" alt="拉力赛车极限竞速最新版">
</div>
<span>拉力赛车极限竞速最新版</span>
</a>
</li>
<li><a href="/app/181923.html">
<div class="img_item">
<img lazy-src="https://images.downcodes.com/uploads/20240918/logo_66ea8a8b9dd371.png" alt="旋转轮胎正版">
</div>
<span>旋转轮胎正版</span>
</a>
</li>
<li><a href="/app/180997.html">
<div class="img_item">
<img lazy-src="https://images.downcodes.com/uploads/20240910/logo_66dff21fbb0181.png" alt="OWRC">
</div>
<span>OWRC</span>
</a>
</li>
<li><a href="/app/180998.html">
<div class="img_item">
<img lazy-src="https://images.downcodes.com/uploads/20240910/logo_66dff224ac2881.jpg" alt="赛车锦标赛">
</div>
<span>赛车锦标赛</span>
</a>
</li>
</ul>
</div>
</div>
</section>
<div class="backtop sprite">返回顶部</div>
<!-- 底部 -->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?3fb2e807f8eede5f018d457448d4759a";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<footer rel="nofollow" target="_blank">
<a href="https://www.downcodes.com/">电脑版</a>|<a href="/mianze.shtml">免责声明</a>|<a
href="/tousu.shtml">投诉处理</a><br />
<a href="https://beian.miit.gov.cn/">源码网 湘ICP备2022016001号-1 ©2022</a>
</footer><!-- 底部end -->
</body>
</html>
<script>
$(".switch_template .switch_list").click(function(){
var className = $(this).attr("class");
var index = $(this).index();
if(className.indexOf("active") < 0){
$(this).addClass("active").siblings().removeClass("active")
$(this).parent().next().find("ul").eq(index).addClass("active").siblings().removeClass("active")
}
});
$(".look_img_box").prepend(`<div class="theme_box" style="">
<a href="https://download.downhacks.com/guapk/cartoon2/ciquan.apk">
<img src="https://images.downcodes.com/mob/images/ad-pic-downcode-ver.png" alt="">
</a>
</div>`)
</script>
<script src="/mob/js/lazy_load.js" type="text/javascript" charset="utf-8"></script>
<script src="/mob/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/mob/js/flexible.js" type="text/javascript" charset="utf-8"></script>
<script src="/mob/js/index.js" type="text/javascript" charset="utf-8"></script>