web前端：HTML的基本概念
作者: 皮卡皮卡皮 更新于：
2020-03-03 11:07:15
每种html标记符在使用中可带有不同的属性项，用于描述该标记符说明的内容显示不同的效果。正文标记符中提供以下属性来改变文本的颜色及页面背景。
HTML语言是一种纯文本类、依靠解释的方式执行的标记语言，它是Internet上用于编写网页的主要语言。用HTML编写的超文本文件称为HTML文件，也是标准的纯文本文件。
当今构成网页文档主要是用HTML，它由HTML标签和字符信息组成，HTML可以标识文字、图形、动画、声音、表格、超链接等网页对象，字符信息用已传达网页内容，如标题、段落文本、图像等。
常用的编写网页的有HTML4、HTML5，他们都遵循w3c标准，现在用的最多的还是HTML5。
HTML5框架，如下面图像所示：
一个HTML文件有一系列元素和标签组成，元素是HTML重要的组成部分，如title、img、head....HTML标签来规定元素属性和它在文件中的位置。
标签分为单独标签和成对标签两种，大多数标签成对出现，且对标签格式如下<元素名称>元素，单标签格式如下<元素名称/>一般在末尾加一个斜杠以此区分单标签和对标签。
声明的是文档类型也是一个统一的规则、规范
lang表示语言，en则是英语。若你的页面是中文可改成zh
是一个头部标签，它不包含文件的主体。它包含文件的标题、编码方式及URL等信息
表示网页的名称，并作为窗口的名称显示在这个网页窗口的最上方</p>
<p> <metacharset>表示当前文档的字符编码</p>
<p> <body>是一个文件主体标签。网页的主体内容应该写在<body></body>之间</p>
<p> 由此可见，网页的本质就是HTML，通过结合使用其他的<a title="web" href="http://www.kokojia.com/s871/" target="_blank">web</a>技术（如：脚本语言、CGI、组件等），可以创造出功能强大的网页。因而，HTML是Web编程的基础，也就是说万维网是建立在超文本基础之上的。</p><div class="art_tag">标签：
<a title="HTML5框架" href="https://m.kokojia.com/s14667/">HTML5框架</a><a title="HTML" href="https://m.kokojia.com/s163/">HTML</a><a title="H5" href="https://m.kokojia.com/s3506/">H5</a></div><div class="updown"><p><span>上一篇：</span><a title="web前端：如何使用React搭建项目"
href="/article/43444.html">web前端：如何使用React搭建项目</a></p><p><span>下一篇：</span><a title="web前端：如何使用React搭建项目"
href="/article/44387.html">web前端：移动端分辨率+小程序的自适应单位RPX</a></p></div></ul></div><div class="course_recom"><div class="cr-title"><span class="b-border">为您推荐</span></div><ul class="course_lists"><li><div class="course_pico"><a href="/course-6129.html" title="Web前端开发第一季：HTML视频教程"><img
src="https://www.kokojia.com/Public/course_image/big/2019-05/5ce4f1420606c.png" alt="Web前端开发第一季：HTML视频教程"></a></div><div class="courses_info"><div class="courses_names"><a href="/course-6129.html"
title="Web前端开发第一季：HTML视频教程">Web前端开发第一季：HTML视频教程</a></div><p><span class="price_area">￥39.00</span></p></div></li><li><div class="course_pico"><a href="/course-3640.html" title="基于OpenLayers的WebGIS程序二次开发实例教程"><img
src="https://www.kokojia.com/Public/course_image/big/2016-06/5772919bab945.png" alt="基于OpenLayers的WebGIS程序二次开发实例教程"></a></div><div class="courses_info"><div class="courses_names"><a href="/course-3640.html"
title="基于OpenLayers的WebGIS程序二次开发实例教程">基于OpenLayers的WebGIS程序二次开发实例教程</a></div><p><span class="price_area">￥300.00</span></p></div></li><li><div class="course_pico"><a href="/course-3440.html" title="中国首个开源HTML5框架AmazeUI视频教程(开发效率提升200%)"><img
src="https://www.kokojia.com/Public/course_image/big/2016-03/56f0e02463302.jpeg" alt="中国首个开源HTML5框架AmazeUI视频教程(开发效率提升200%)"></a></div><div class="courses_info"><div class="courses_names"><a href="/course-3440.html"
title="中国首个开源HTML5框架AmazeUI视频教程(开发效率提升200%)">中国首个开源HTML5框架AmazeUI视频教程(开发效率提升200%)</a></div><p><span class="price_area">￥25.00</span></p></div></li><li><div class="course_pico"><a href="/course-6206.html" title="Web前端开发第4季：JavaScript基础入门视频教程"><img
src="https://www.kokojia.com/Public/course_image/big/2019-07/5d3539aae7136.png" alt="Web前端开发第4季：JavaScript基础入门视频教程"></a></div><div class="courses_info"><div class="courses_names"><a href="/course-6206.html"
title="Web前端开发第4季：JavaScript基础入门视频教程">Web前端开发第4季：JavaScript基础入门视频教程</a></div><p><span class="price_area">￥99.00</span></p></div></li><li><div class="course_pico"><a href="/course-6130.html" title="Web前端开发第二季：CSS布局视频教程"><img
src="https://www.kokojia.com/Public/course_image/big/2019-05/5ce61a0064dc8.png" alt="Web前端开发第二季：CSS布局视频教程"></a></div><div class="courses_info"><div class="courses_names"><a href="/course-6130.html"
title="Web前端开发第二季：CSS布局视频教程">Web前端开发第二季：CSS布局视频教程</a></div><p><span class="price_area">￥59.00</span></p></div></li><li><div class="course_pico"><a href="/course-6171.html" title="Web前端开发第三季：CSS特效视频教程"><img
src="https://www.kokojia.com/Public/course_image/big/2019-06/5cff23b3067df.png" alt="Web前端开发第三季：CSS特效视频教程"></a></div><div class="courses_info"><div class="courses_names"><a href="/course-6171.html"
title="Web前端开发第三季：CSS特效视频教程">Web前端开发第三季：CSS特效视频教程</a></div><p><span class="price_area">￥99.00</span></p></div></li></ul></div></div><div class="common_bottom-tar"><ul><li><a href="https://m.kokojia.com"><dl><dt><i class="tar-index"></i></dt><dd>
首页
</dd></dl></a></li><li><a href="https://m.kokojia.com/list/"><dl><dt><i class="tar-class"></i></dt><dd>
分类
</dd></dl></a></li><li><a href="https://m.kokojia.com/?m=Wap&a=myInfo"><dl><dt><i class="tar-my"></i></dt><dd>
我的
</dd></dl></a></li><li><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.nuoxian.kokojia"><dl><dt><i class="tar-app"></i></dt><dd>
APP
</dd></dl></a></li><ul></div><script>
$(".common_bottom-tar li").click(function (){
$(this).addClass("on");
});
if ($.cookie('close_ad')!= "close"){
$(".common_bottom-ad").show();
}
$(".common_bottom-ad .ad-close").click(function (){
$(".common_bottom-ad").hide();
$.cookie('close_ad', 'close', { expires: 1 });
});
</script><div style="display: none;" class="headerMask"></div><div class="footer"><p class="home_footer mb5" style="display:none"><a class="pc_web" style="margin-right:10px;" href="http://www.kokojia.com/list/2.html"></a><span class="split"></span><a class="mb_web" style="margin-left:10px;" href="http://m.kokojia.com/"></a></p><!--p>咨询电话：020-32643462 (<a href="/?m=Wap&a=telephone">联系方式</a>)</p--><p><a href="http://m.kokojia.com/?m=Wap&a=aboutkoko">广州挪贤计算机科技有限公司</a> 版权所有</p><p>© 2013-2025 课课家 kokojia.com</p></div></div><a style="display:none;" id="returnTop" href="javascript:scroll(0,0)" class="hide"><i class="icon-arrow-t"></i></a><div class="right_menu" style="position: fixed;right: -270px;width:270px;display: block;z-index:9999"><div class="right_menu_con"><h2 class="hjclass-txt">课课家教育</h2><div class="menu-list clearbox"><a href="http://m.kokojia.com"><span class="item-icon item-1"><i class="icon-home"></i></span> 首页 </a><a href="http://m.kokojia.com/list/"><span class="item-icon item-2"><i class="icon-course"></i></span> 课程分类 </a><a href="http://m.kokojia.com/packageList.html"><span class="item-icon item-9"><i class="fa fa-cubes" aria-hidden="true"></i></span> 课程套餐 </a><a href="http://m.kokojia.com/roadmapList.html"><span class="item-icon item-1"><i class="fa fa-map-o" aria-hidden="true"></i></span> 线路图 </a><a href="http://m.kokojia.com/book/"><span class="item-icon item-7"><i class="icon-book"></i></span> 读书 </a><a href="http://m.kokojia.com/article/list/"><span class="item-icon item-4"><i class="icon-quan"></i></span> 资讯 </a><a href="http://m.ebuy.kokojia.com"><span class="item-icon item-6"><i class="icon-item"></i></span> 商城 </a><a href="https://m.blog.kokojia.com"><span class="item-icon item-11"><i class="fa fa-code" aria-hidden="true"></i></span> 博客 </a><a href="http://m.bbs.kokojia.com"><span class="item-icon item-3"><i class="icon-my"></i></span> 论坛 </a><a href="http://m.kokojia.com/?m=Wap&a=myCourse"><span class="item-icon item-8"><i class="icon-xb"></i></span> 我的课程 </a><a href="http://m.kokojia.com/?m=Wap&a=payCenter"><span class="item-icon item-5"><i class="icon-cz"></i></span> 帐户中心 </a><a href="http://m.kokojia.com/?m=Wap&a=courseCart"><span class="item-icon item-10"><i class="icon-cart2"></i></span> 购物车 </a></div></div></div><div class="user_center" id="user_center"><div class="user_center_con unlogin"><div class="myinfo-box clearbox"><div class="userimg"><div class="userimg_con"><img src="/Public/images/wap/anonymous.png"></div></div><p class="unlogin-txt">未登录</p></div><div class="links-login"><a href="/login.html" class="btn btnGreen">登录</a><a href="/register.html" class="btn btnDark mt20">注册</a></div></div><script type="text/javascript" src="/Public/js/Wap/left.js"></script><script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "//hm.baidu.com/hm.js?16501697fab310f5102e2b71a31b453a";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script><script type="text/javascript">
var htmlH = $(document).height();
$("#container").css("height", 'auto');
$(".right_menu").css("height", htmlH);
</script></body></html>1
