HTML的全局架构标签
发布时间：2007-02-09 作者： 来源：转载
一个基本的网页结构如下:显示在浏览器左上方的标题放置显示在浏览器中的内容标签的属性:TEXT属性用于设定整个网页中的文字颜色LINK属性用于设定一般超链接文本的显示颜色ALINK属性用于敲定当鼠标移动到超链接文字上时,文字的显示颜色VLINK属性访问过的超链接
一个基本的网页结构如下:
显示在浏览器左上方的标题<TITLE><BR></HEAD></P>
<P><BODY><BR>放置显示在浏览器中的内容<BR></BODY></P><BODY>标签的属性:<BR>
TEXT属性
用于设定整个网页中的文字颜色
LINK属性
用于设定一般超链接文本的显示颜色
ALINK属性
用于敲定当鼠标移动到超链接文字上时,文字的显示颜色
VLINK属性
访问过的超链接文字颜色
BACKGROUND属性
背景图像设置,可以是GIF和JPEG
BGCOLOR
背景颜色设置,如果设了图像为背景,则不起作用
LEFTMARGIN
网页显示画面与浏览器的左边距,单位为像素
TOPMARGIN
网页显示与浏览器的上边距<BR>颜色类型的两种表示方法:
十六进制表示,即RGB法
用#号加六位十六进制数组成如,每两位表示一<BR>个基本的 颜色:红红绿绿蓝蓝&NBSP如:#FF00FF
HTML颜色常量
如:RED、BULE<BR></div>
<div class="prev-next">
<div class="prev">上一篇：<a href="/css/basic/item-14262.html">用好href的target属性</a></div><div class="next">下一篇：<a href="/css/basic/item-14226.html">如何正确使用标题元素、段落和强制换行</a></div>
</div>
</div>
<!--广告 start-->
<div class="qf-ads"><ul class="qf-ads-nUl-12"><li><a href="" target="_blank"><img src="/uploads/images/ads/202306/20230610084915300842.jpg"></a><a href="" target="_blank" class="alink"><label>广告</label><span>商业广告，理性选择</span></a></li></ul></div>
<div class="qf-article-container">
<div class="qf-cms-name">
<h3>相关推荐</h3>
</div>
<div class="qf-cms-container">
<ul class="article-list-relationship">
<li><a href="/css/basic/item-19871.html" title="完美实现浮动元素横排居中显示" target="_blank">完美实现浮动元素横排居中显示</a>
</li>
<li><a href="/css/basic/item-19870.html" title="表单中Readonly和Disabled的区别详解" target="_blank">表单中Readonly和Disabled的区别详解</a>
</li>
<li><a href="/css/basic/item-19867.html" title="使用css实现全兼容浏览器的三角形" target="_blank">使用css实现全兼容浏览器的三角形</a>
</li>
<li><a href="/css/basic/item-19868.html" title="使用css实现全兼容tooltip提示框" target="_blank">使用css实现全兼容tooltip提示框</a>
</li>
<li><a href="/css/basic/item-19865.html" title="详细分析css float 属性以及position:absolute 的区别" target="_blank">详细分析css float 属性以及position:absolute 的区别</a>
</li>
<li><a href="/css/basic/item-19858.html" title="从零学CSS系列之文本属性" target="_blank">从零学CSS系列之文本属性</a>
</li>
<li><a href="/css/basic/item-18984.html" title="IE里button设置border:none属性无效解决方法" target="_blank">IE里button设置border:none属性无效解决方法</a>
</li>
<li><a href="/css/basic/item-18985.html" title="border:none与border:0使用区别" target="_blank">border:none与border:0使用区别</a>
</li>
<li><a href="/css/basic/item-18981.html" title="iframe背景透明的设置方法" target="_blank">iframe背景透明的设置方法</a>
</li>
<li><a href="/css/basic/item-18974.html" title="纯CSS绘制三角形（各种角度）" target="_blank">纯CSS绘制三角形（各种角度）</a>
</li>
<li><a href="/css/basic/item-18970.html" title="javascript代码规范小结" target="_blank">javascript代码规范小结</a>
</li>
<li><a href="/css/basic/item-18945.html" title="实用CSS 文字收集" target="_blank">实用CSS 文字收集</a>
</li>
<li><a href="/css/basic/item-18939.html" title="css pointer控制在firefox下显示手型的代码" target="_blank">css pointer控制在firefox下显示手型的代码</a>
</li>
<li><a href="/css/basic/item-18926.html" title="div+css与xhtml+css分别是什么意思?" target="_blank">div+css与xhtml+css分别是什么意思?</a>
</li>
<li><a href="/css/basic/item-17245.html" title="html 的 ContentType 小结" target="_blank">html 的 ContentType 小结</a>
</li>
<li><a href="/css/basic/item-17244.html" title="CODEPAGE 列表与asp应用例子第1/2页" target="_blank">CODEPAGE 列表与asp应用例子第1/2页</a>
</li>
<li><a href="/css/basic/item-17218.html" title="html滚动条样式" target="_blank">html滚动条样式</a>
</li>
<li><a href="/css/basic/item-17210.html" title="CSS教程之CSS的应用" target="_blank">CSS教程之CSS的应用</a>
</li>
<li><a href="/css/basic/item-17211.html" title="CSS教程之css选择器 、属性、值" target="_blank">CSS教程之css选择器 、属性、值</a>
</li>
<li><a href="/css/basic/item-17212.html" title="CSS的color颜色使用说明" target="_blank">CSS的color颜色使用说明</a>
</li>
</ul>
</div>
</div>
</div>
<div class="sidebar">
<!--广告 start-->
<div class="qf-ads"><ul class="qf-ads-nUl-9"><li><a href="https://www.aliyun.com/activity/new/index?userCode=6qkxlezw" target="_blank"><img src="/uploads/images/ads/202306/20230609231605989299.jpg"></a><a href="https://www.aliyun.com/activity/new/index?userCode=6qkxlezw" target="_blank" class="alink"><label>广告</label><span>商业广告，理性选择</span></a></li></ul></div>
<div class="qf-cms-name">
<h3>文章分类</h3>
</div>
<div class="qf-cms-container">
<div class="qf-category-list">
<a href="/html/index.html" title="经验交流" target="_blank">经验交流</a>
<a href="/css/basic/index.html" title="基础教程" target="_blank">基础教程</a>
<a href="/vml/index.html" title="VML相关" target="_blank">VML相关</a>
</div>
</div>
<div class="qf-cms-name">
<h3>热门关键词</h3>
</div>
<div class="qf-cms-container">
<div class="qf-tag-list">
<a href="https://zhannei.baidu.com/cse/site?q=雪佛兰&cc=fuphp.cn&ie=utf-8" title="雪佛兰" target="_blank">雪佛兰</a>
<a href="https://zhannei.baidu.com/cse/site?q=通用&cc=fuphp.cn&ie=utf-8" title="通用" target="_blank">通用</a>
<a href="https://zhannei.baidu.com/cse/site?q=奢华&cc=fuphp.cn&ie=utf-8" title="奢华" target="_blank">奢华</a>
<a href="https://zhannei.baidu.com/cse/site?q=劳斯莱斯&cc=fuphp.cn&ie=utf-8" title="劳斯莱斯" target="_blank">劳斯莱斯</a>
<a href="https://zhannei.baidu.com/cse/site?q=旗舰版&cc=fuphp.cn&ie=utf-8" title="旗舰版" target="_blank">旗舰版</a>
<a href="https://zhannei.baidu.com/cse/site?q=64位&cc=fuphp.cn&ie=utf-8" title="64位" target="_blank">64位</a>
<a href="https://zhannei.baidu.com/cse/site?q=收藏夹&cc=fuphp.cn&ie=utf-8" title="收藏夹" target="_blank">收藏夹</a>
<a href="https://zhannei.baidu.com/cse/site?q=解调器&cc=fuphp.cn&ie=utf-8" title="解调器" target="_blank">解调器</a>
<a href="https://zhannei.baidu.com/cse/site?q=网卡&cc=fuphp.cn&ie=utf-8" title="网卡" target="_blank">网卡</a>
<a href="https://zhannei.baidu.com/cse/site?q=网线&cc=fuphp.cn&ie=utf-8" title="网线" target="_blank">网线</a>
<a href="https://zhannei.baidu.com/cse/site?q=分辨率&cc=fuphp.cn&ie=utf-8" title="分辨率" target="_blank">分辨率</a>
<a href="https://zhannei.baidu.com/cse/site?q=家电&cc=fuphp.cn&ie=utf-8" title="家电" target="_blank">家电</a>
<a href="https://zhannei.baidu.com/cse/site?q=4k&cc=fuphp.cn&ie=utf-8" title="4k" target="_blank">4k</a>
<a href="https://zhannei.baidu.com/cse/site?q=显示器&cc=fuphp.cn&ie=utf-8" title="显示器" target="_blank">显示器</a>
<a href="https://zhannei.baidu.com/cse/site?q=header&cc=fuphp.cn&ie=utf-8" title="header" target="_blank">header</a>
<a href="https://zhannei.baidu.com/cse/site?q=USER_AGENT&cc=fuphp.cn&ie=utf-8" title="USER_AGENT" target="_blank">USER_AGENT</a>
<a href="https://zhannei.baidu.com/cse/site?q=色彩&cc=fuphp.cn&ie=utf-8" title="色彩" target="_blank">色彩</a>
<a href="https://zhannei.baidu.com/cse/site?q=图形&cc=fuphp.cn&ie=utf-8" title="图形" target="_blank">图形</a>
<a href="https://zhannei.baidu.com/cse/site?q=商业&cc=fuphp.cn&ie=utf-8" title="商业" target="_blank">商业</a>
<a href="https://zhannei.baidu.com/cse/site?q=生成&cc=fuphp.cn&ie=utf-8" title="生成" target="_blank">生成</a>
</div>
</div>
<!--广告 start-->
<div class="qf-ads"><ul class="qf-ads-nUl-10"><li><a href="https://www.aliyun.com/activity/new/index?userCode=6qkxlezw" target="_blank"><img src="/uploads/images/ads/202306/20230609231537994005.jpg"></a><a href="https://www.aliyun.com/activity/new/index?userCode=6qkxlezw" target="_blank" class="alink"><label>广告</label><span>商业广告，理性选择</span></a></li></ul></div>
<div class="qf-cms-name">
<h3>热门文章</h3>
</div>
<div class="qf-cms-container">
<ul class="qf-article-list">
<li><em>1</em>
<a href="/cehua/item-29482.html" title="什么是Meta标签？ 哪些Meta标签对搜索引擎SEO优化有作用？" target="_blank">什么是Meta标签？ 哪些Meta标签对搜索引擎SEO优化有作用？</a>
</li>
<li><em>2</em>
<a href="/mac/item-22368.html" title="Mac设置VPN来登录youtube等国外网站的步骤" target="_blank">Mac设置VPN来登录youtube等国外网站的步骤</a>
</li>
<li><em>3</em>
<a href="/jingyan/item-20869.html" title="各大搜索引擎登录入口,网站收录入口" target="_blank">各大搜索引擎登录入口,网站收录入口</a>
</li>
<li><em>4</em>
<a href="/qilin/item-30816.html" title="Openvpn在麒麟操作系统上的配置方法" target="_blank">Openvpn在麒麟操作系统上的配置方法</a>
</li>
<li><em>5</em>
<a href="/bios/item-23598.html" title="联想笔记本BIOS设置图解中文详细说明" target="_blank">联想笔记本BIOS设置图解中文详细说明</a>
</li>
<li><em>6</em>
<a href="/bios/item-27940.html" title="AMI BIOS设置图解教程+Award Bios设置全程图解" target="_blank">AMI BIOS设置图解教程+Award Bios设置全程图解</a>
</li>
<li><em>7</em>
<a href="/mac/item-23040.html" title="Mac怎么切换主显示器 苹果电脑Mac双显示器设置主显方法图解" target="_blank">Mac怎么切换主显示器 苹果电脑Mac双显示器设置主显方法图解</a>
</li>
<li><em>8</em>
<a href="/yunying/other/item-29261.html" title="分享最受美国人喜欢的十大搜索引擎" target="_blank">分享最受美国人喜欢的十大搜索引擎</a>
</li>
<li><em>9</em>
<a href="/tools/item-30528.html" title="分享10个常见的SQL注入工具" target="_blank">分享10个常见的SQL注入工具</a>
</li>
<li><em>10</em>
<a href="/mac/item-23628.html" title="mac系统中自带的邮件程序怎么添加qq邮箱帐号?" target="_blank">mac系统中自带的邮件程序怎么添加qq邮箱帐号?</a>
</li>
</ul>
</div>
<div class="qf-cms-name">
<h3>最新更新</h3>
</div>
<div class="qf-cms-container">
<ul class="qf-article-list">
<li><a href="/changshi/item-79334.html" title="无线路由器经常断线 故障解决" target="_blank">无线路由器经常断线 故障解决</a>
</li>
<li><a href="/changshi/item-79351.html" title="怎么在Mac上设置锁屏不待机" target="_blank">怎么在Mac上设置锁屏不待机</a>
</li>
<li><a href="/changshi/item-79354.html" title="VHD和VHDX硬盘格式有什么区别?" target="_blank">VHD和VHDX硬盘格式有什么区别?</a>
</li>
<li><a href="/changshi/item-79363.html" title="关闭Aero Shake节约系统资源的方法" target="_blank">关闭Aero Shake节约系统资源的方法</a>
</li>
<li><a href="/changshi/item-79362.html" title="怎么更改Mac中的邮件字体大小" target="_blank">怎么更改Mac中的邮件字体大小</a>
</li>
<li><a href="/changshi/item-79371.html" title="提高WIN7系统开机速度方法分享" target="_blank">提高WIN7系统开机速度方法分享</a>
</li>
<li><a href="/changshi/item-79361.html" title="Mac系统怎么更改用户登录密码" target="_blank">Mac系统怎么更改用户登录密码</a>
</li>
<li><a href="/changshi/item-79358.html" title="Mac上如何修改时间和日期" target="_blank">Mac上如何修改时间和日期</a>
</li>
<li><a href="/changshi/item-79366.html" title="如何将常用应用固定至开始屏幕或任务栏" target="_blank">如何将常用应用固定至开始屏幕或任务栏</a>
</li>
<li><a href="/mysql/item-79372.html" title="MySQL中replace into语句的用法详解（insert into 的增强版）" target="_blank">MySQL中replace into语句的用法详解（insert into 的增强版）</a>
</li>
</ul>
</div>
<!--广告 start-->
<div class="qf-ads qf-ads-ontop"><ul class="qf-ads-nUl-11"><li><a href="http://www.hnqfu.cn" target="_blank"><img src="/uploads/images/ads/202306/20230610081510415263.jpg"></a><a href="http://www.hnqfu.cn" target="_blank" class="alink"><label>广告</label><span>商业广告，理性选择</span></a></li></ul></div>
</div>
</div>
</div>
<script type="text/javascript">
var scrollPh = 1680;
layui.use('code', function(){
layui.code({
elem: 'pre',
title: '代码',
encode: false,
ln: true,
//skin: 'dark',
//about: '123',
about: [
//'<a href="javascript:;">复制</a>'
]
});
});
</script>
<div class="wrap bottom">
<div class="wrapper clearfix">
<div class="links">
<a href="http://www.fuphp.cn">网站首页</a>
| <a href="/aboutus.html">关于我们</a>
| <a href="/wangzhanshengming.html">免责声明</a>
| <a href="/guanggaohezuo.html">广告合作</a>
| <a href="/contact.html">联系我们</a>
</div>
<div class="copyright">
Copyright @ 2015-2024 <a href="" title="河南全福网络科技有限公司专业网制设计制作，PHP二次开发">福编程 fuphp</a> All Rights Reserved.
</div>
<div class="copyright">
<a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">豫ICP备15036959号-4</a>
</div>
</div>
</div>
<script type="text/javascript">
layui.config({
base: '/static/js/layuiadmin/' //静态资源所在路径
}).extend({
qf: '../qfplus/qf/qf',
contact: '../qfplus/contact/contact',
}).use(['contact'], function(){
var contact = layui.contact;
contact.render({'position': 'left', 'oappend':'.qf-quick-bar'});
//菜单
jQuery(".submenu").slide({
type:"menu",// 效果类型，针对菜单/导航而引入的参数（默认slide）
titCell:".nLi", //鼠标触发对象
targetCell:".sub", //titCell里面包含的要显示/消失的对象
titOnClassName:'current',
effect:"slideDown", //targetCell下拉效果
delayTime:300 , //效果时间
triggerTime:0, //鼠标延迟触发时间（默认150）
returnDefault:true //鼠标移走后返回默认状态，例如默认频道是“预告片”，鼠标移走后会返回“预告片”（默认false）
});
//表单
var form = layui.form;
form.render(null, 'component-form');
/* 监听提交 */
form.on('submit(component-form-submit)', function(data){
var searchkey = data.field.searchkey;
return true;
});
//滚动固顶
$(document).scroll(function(){
var sTop = $(document).scrollTop();
if( sTop >= scrollPh ){
$('.qf-ads-ontop').css({'position':'fixed', 'top':'0'});
}else{
$('.qf-ads-ontop').css({'position':'relative'});
}
});
});
<!--百度统计------------------>
</script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?9eb8fd7c57fefc4283caaf6d0c7e37f7";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html> 
