这篇文章主要介绍“html5的基础语法是什么”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“html5的基础语法是什么”文章能帮助大家解决问题。
成都网站建设、成都网站设计服务团队是一支充满着热情的团队，执着、敏锐、追求更好，是创新互联的标准与要求，同时竭诚为客户提供服务是我们的理念。成都创新互联把每个网站当做一个产品来开发，精雕细琢，追求一名工匠心中的细致，我们更用心！
HTML5标签
HTML不是一种编程语言，而是一种标记语言（Hyper Text Markup Language）。HTML5标记标签是由尖括号括起来的关键词，比如。
HTML5的标签通常是成对出现的，如和其中第一个标签是开始标签，第二个标签是结束标签。
语法：
成对的标签只对包含在其中的文本发生作用；
在每个标签中，大写小写或混写均可。
元素
HTML5元素是指从开始标签到结束标签的所有代码。
例如：
这个
元素定义了HTML5文档中的一个段落，这个元素拥有一个开始标签
和一个结束标签
.
再如：
这个元素定义了一个超链接，它由开始标签和结束标签构成，元素的内容是：淘宝网，href属性表示元素的超链接地址。
在HTML5的语法中，每个由HTML5标签与文字所形成的元素内，还可以包含另一个元素。整个HTML5文件就像一个大元素包含了许多小元素。
HTML5文件基本结构
< head> 与< /head>之间的元素是html5文件的文件头部分，用以说明文件的标题和整个文件的一些公共属性；< body>和< /body>是文件的主体部分，我们要实现的功能大部分是在这两个标签间实现的。
HTML5的基本标签
1.文件开始标签
在任何一个html文件里，最先出现的html标签就是< html>,它是用于标识该文件是以HTML编写的，文件中所有文件内容都包含在< html>和 < /html>之间。
该标签不带任何属性。
其实现在常用的web浏览器都可以自动识别html文件，但是还是应该养成使用这个标签的好习惯。
2.文件头部标签
html文件可分为文件头和文件主体两部分。文件主体部分就是在web浏览器窗口的用户区内看到的内容。而文件头部分用来规定该文件的标题（出现在web浏览器窗口的标题栏中）和文件的一些属性。它包含文件的标题、编码方式及url等信息，用于提供索引、辨认或其他方面的应用。
如果文本写在< title>标签中，则表示该网页的名称作为窗口的名称显示在这个网页窗口的最上方。
（如果html文件不需要提供相关信息时，可以省略< head> 标签。）
3.文件标题标签
</p><p>网页的名称写在< title>和< /title>之间，< title>标签应包含在< head>和< /head>标签之中。</p><p>4.元信息标签<meta></p><p>meta元素提供的信息是用户不可见的，它不显示在页面中，一般用来定义页面信息的名称、关键字、作者等。在HTML中，meta标记不需要设置结束标记，在一个尖括号内就是一个meta内容，而在一个html头页面中可以有多个mata元素，meta元素的属性有两种：name 和 http-equiv，其中，name属性主要用于描述网页，以便搜索引擎机器人查找、分类。</p><p>5.页面主体标签</p><p>在网页的主体标签部分中有很多的属性设置，如下：</p><p>属性 描述</p><p>text 设置页面文字的颜色</p><p>bgcolor 设定页面背景的颜色</p><p>background 设定页面的背景图像</p><p>bgproperties 设定页面的背景图像为固定，不随页面的滚动而滚动</p><p>link 设定页面默认的链接颜色</p><p>alink 设定鼠标正在单击时的链接颜色</p><p>vlink 设定访问后的链接颜色</p><p>topmargin 设定页面的上边距</p><p>leftmargin 设定页面的左边距</p><p>关于“html5的基础语法是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。</p>
<br>
本文名称：html5的基础语法是什么 <br>
分享网址：<a href="http://bjjierui.cn/article/pgjjoi.html">http://bjjierui.cn/article/pgjjoi.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/dipeogp.html">android图片加入 android怎么加图片</a>
</li><li>
<a href="/article/dipeoij.html">linux删除重启命令 linux取消重启命令</a>
</li><li>
<a href="/article/dipeoho.html">html5图标制作软件 html图标ico代码</a>
</li><li>
<a href="/article/dipeoch.html">android延迟跳转 android活动跳转</a>
</li><li>
<a href="/article/dipeojh.html">苹果ios系统开发学校 ios开发教学</a>
</li> </ul>
</div>
</div>
<ul class="kf">
<li class="kf1"><span class="tela">建站热线：<a href="tel:13518219792" target="_blank">13518219792</a></span></li>
<li class="kf11"><span class="weixin"><img src="/Public/Home/images/weixin.jpg" alt="网站建设微信咨询"><br>
微信扫一扫在线咨询</span> </li>
<li class="kf5">QQ客服： <a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" class="on2" target="_blank" rel="nofollow"><img src="/Public/Home/images/qq.gif" alt="建站业务咨询" title="建站业务咨询"></a> <a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" class="on2" target="_blank" rel="nofollow"><img src="/Public/Home/images/qq.gif" alt="网站设计咨询" title="网站设计咨询"></a></li>
<li class="kf2"><a href="http://www.bjjierui.cn/cases/" target="_blank">案 例</a></li>
<li class="kf4"><a href="http://www.bjjierui.cn/" target="_blank">价 格</a></li>
<li class="kf6" title="返回顶部"></li>
</ul>
<div class="footer">
<div class="footer_2">
<p>Copyright © 2012-2020 <strong>网创优客信息咨询</strong> 版权所有 蜀ICP备2023009085号-7<br />
手机:13518219792 QQ:631063699 地址：成都市青羊区锣锅巷31号 邮编:610000 Email:wh@cdxwcx.com<br/>
成都网络公司-网创优客建站品牌专注<a href="http://www.bjjierui.cn/">成都网站建设</a>、<a href="http://www.bjjierui.cn/">成都网站设计</a>服务，为成都公司建设高品质的网站</p>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".kf6").click(function() {
$('body,html').animate({
scrollTop : 0
}, 500);
return false;
});
})
var bodyhe=$("body").height();
var winhe=330;
var bodyf=bodyhe-winhe;
var bodyft=bodyhe-365;
window.onscroll = function(){
var t = document.documentElement.scrollTop || document.body.scrollTop;
if(t>200){
$(".kf .kf6").stop().animate({opacity:'1'},200);
}else{$(".kf .kf6").stop().animate({opacity:'0'},200);}
if(t>1 && t<winhe){
$(".header").addClass('no');
$(".header").removeClass('notwo');
}else if(t>winhe){
$(".header").removeClass('no');
$(".header").addClass('notwo');
}else{
$(".header").removeClass('no');
}
}
</script>
</body>
</html>
<script>
$(".con img").each(function(){
var src = $(this).attr("src"); //获取图片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //绝对路径
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script> 
