首页 > 软件开发 > CSS >

HTML5基本格式是怎样的

来源:互联网 2023-03-16 19:16:25 版权归原作者所有,如有侵权,请联系我们

上期回顾:上节课我们讲了如何创建html文件,这节课我们主要讲解文件中的内容——就是HTML5的基本格式。dVx办公区 - 实用经验教程分享!

HTML5基本格式是怎样的?dVx办公区 - 实用经验教程分享!

工具/原料

  • Hbuilder

方法/步骤

  • 1

    我们先来讲顶部标签:!DOCTYPE html>表示的是文档类型,主要让浏览器识别html文件,是不区分大小写的。dVx办公区 - 实用经验教程分享!

  • 2

    接下来我们讲解html>标签,表示文档开始,后面的/html>表示文档结束,标签中有个属性和值:lang="zh-cn",表示的是此文档使用的语言是简体中文,如果lang="en",那么表示的是此文档使用的语言是英文。dVx办公区 - 实用经验教程分享!

    HTML5基本格式是怎样的?dVx办公区 - 实用经验教程分享!

  • 3

    接下来我们讲解head>标签,此标签包含元数据,这些在页面上是不会显示的,在这里先跟大家讲一下元数据包括哪些标签,它包括:link>、meta>、noscript>、script>、style>、title>后续用到时我们再详细讲解每个元数据标签,在这里我们可以看到文档中有meta>标签和title>标签,我们先对这两个标签加以说明,meta>标签是用来提供关于文档信息的,它有一个属性和值是:charset="utf8",告知浏览器此文档正确使用中文,如果不写页面可能会出现乱码的状态,对于这个标签,大家记住这一点就可以了;title标签代表的是设置浏览器的标题,比如我给页面起标题是基本结构,那么就会在浏览器中显示出来,如下图。dVx办公区 - 实用经验教程分享!

    HTML5基本格式是怎样的?dVx办公区 - 实用经验教程分享!

    HTML5基本格式是怎样的?dVx办公区 - 实用经验教程分享!

  • 3
  • 4

    接下来我们讲最重要的标签:body>标签,之所以说重要,是因为网页上的所有内容都是写在这个标签下的,里面包含的内容和标签在浏览器都会一一显示出来,比如我先写123,那么就会在网页顶部显示出来,如下图。dVx办公区 - 实用经验教程分享!

    HTML5基本格式是怎样的?dVx办公区 - 实用经验教程分享!

    HTML5基本格式是怎样的?dVx办公区 - 实用经验教程分享!

  • 5

    今天我们就先讲到这里,下面是今天大纲,大家记得自己练习练习哦,哪里有不会的可以随时问小编。dVx办公区 - 实用经验教程分享!

    HTML5基本格式是怎样的?dVx办公区 - 实用经验教程分享!

  • 注意事项

    • 这里要注意每一个都代表一个标签,标签有开头有结尾,开头,结尾
    • 还要注意每个标签都是有层级关系的,注意文档中的格式,美观得体

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!dVx办公区 - 实用经验教程分享!


    标签: CSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号