189 8069 5689

html的固定结构是什么

今天小编给大家分享一下html的固定结构是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

成都创新互联公司是一家专业提供郴州企业网站建设,专注与做网站、成都网站设计H5页面制作、小程序制作等业务。10年已为郴州众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

1-1html的固定结构

一个HTML文件是有自己固定的结构的。

代码讲解:

称为根标签,所有的网页标签都在中。

标签用于定义文档的头部,它是所有头部元素的容器。头部元素有、<script>、 <style>、<link>、 <meta>等标签,头部标签在下一小节中会有详细介绍。</p><p>在<body>和</body>标签之间的内容是网页的主要内容,如<h2>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。</p><p>1-2<head>标签的作用。</p><p>文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。</p><p>下面这些标签可用在 head 部分:</p><p><head></p><p><title>…

1-3标签:</p><p>在<title>和标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。

例如:

hello world

标签的内容“hello world”会在浏览器中的标题栏上显示出来,</p><p>1-4标签的用途:</p><p>我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用 em 标签表示强调等等。</p><p>讲了这么多语义化,但是语义化可以给我们带来什么样的好处呢?</p><p>更容易被搜索引擎收录。</p><p>更容易让屏幕阅读器读出网页内容。</p><p>以上就是“html的固定结构是什么”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注创新互联行业资讯频道。</p> <br> 网站名称:html的固定结构是什么 <br> 网页地址:<a href="http://cdxtjz.cn/article/ghhcpe.html">http://cdxtjz.cn/article/ghhcpe.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dccpsjo.html">帝国cms改栏目标题 帝国cms改栏目标题在哪</a> </li><li> <a href="/article/dccpecc.html">路由器上的mac 路由器上的mac地址有什么用</a> </li><li> <a href="/article/dccpeod.html">linux项目启动命令 linux项目服务开机自启动</a> </li><li> <a href="/article/dccpeso.html">linux文件加锁命令 linux文件系统加密</a> </li><li> <a href="/article/dccpedj.html">sap系统wmmm的简单介绍</a> </li> </ul> </div> </div> <footer> <div class="foot container"> <div class="footl fl"> <h3>联系我们</h3> <dl> 您好HELLO!<br> 感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。 </dl> <ul> <li>电话:028- <span>86922220 18980695689</span></li> <li>商务合作邮箱:631063699@qq.com</li> <li>合作QQ: 532337155</li> <li>成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼</li> </ul> </div> <div class="footr fr"> <h3>小谭建站工作室</h3> <dl> 成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务! </dl> <h3>小谭观点</h3> <dl> 相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。<br> 我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。 </dl> </div> </div> <div class="link"> <div class="container"> <span> 友情链接:</span> <a href="http://www.cdhuace.com/huace.html" title="成都画册设计公司" target="_blank">成都画册设计公司</a>   <a href="http://chengdu.cdcxhl.cn/seo/ " title="成都网站推广" target="_blank">成都网站推广</a>   <a href="http://www.lzhejiang.com/" title="合江网站建设" target="_blank">合江网站建设</a>   <a href="https://www.cdxwcx.com/wangzhan/" title="成都网站建设" target="_blank">成都网站建设</a>   <a href="http://m.cdxwcx.com/weixin.html" title="成都微信公众号开发" target="_blank">成都微信公众号开发</a>   <a href="http://www.xnruijie.cn/" title="赛亚人环保" target="_blank">赛亚人环保</a>   <a href="http://www.cdxwcx.cn/tuoguan/bgp.html" title="bgp多线机房托管" target="_blank">bgp多线机房托管</a>   <a href="http://www.cxjianzhan.com/seo/" title="成都网站排名" target="_blank">成都网站排名</a>   <a href="http://www.nbjierui.cn/" title="边坡防护网厂家" target="_blank">边坡防护网厂家</a>   <a href="https://www.cdcxhl.com/h5.html" title="响应式网站" target="_blank">响应式网站</a>    </div> </div> <div class="copy"> © Copyright 2023 <a href="http://www.cdxtjz.cn/">小谭建站工作室</a>All Rights Reserved.  <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">蜀ICP备2021004003号-2</a>  <a href="https://www.cdxwcx.com" target="_blank">成都网站建设</a> / <a href="https://www.cdxwcx.com" target="_blank">成都网站建设</a> / <a href="https://www.cdxwcx.com" target="_blank">响应式网站建设</a> / <a href="https://www.cdxwcx.com target=" _blank"="">定制网站建设</a>  <a href="sitemap.xml" target="_blank">xml</a> <a href="sitemap.html" target="_blank">网站地图</a> </div> </footer> </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>