毕业论文
您现在的位置: 语言识别 >> 语言识别资源 >> 正文 >> 正文

HTML5的基本格式

来源:语言识别 时间:2023/5/25
白癜风皮肤防治 http://pf.39.net/bdfyy/zqbdf/150629/4646633.html

上节课我们讲了如何创建html文件,这节课我们主要讲解文件中的内容——就是HTML5的基本格式。

图1:主讲内容

01顶部标签:!DOCTYPEhtml

!DOCTYPEhtml标签表示的是文档类型,主要让浏览器识别html文件,是不区分大小写的。

02html标签

html标签,表示文档开始,后面的/html表示文档结束,标签中有个属性和值:lang=zh-cn,表示的是此文档使用的语言是简体中文,如果lang=en,那么表示的是此文档使用的语言是英文。

图2:标签

03head标签

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

图3:head标签图4:标题起名为基本结构

04body标签

接下来我们讲最重要的标签:body标签,之所以说重要,是因为网页上的所有内容都是写在这个标签下的,里面包含的内容和标签在浏览器都会一一显示出来,比如我先写,那么就会在网页顶部显示出来,如下图。

图5:标签图6:标签中内容为

05层级关系格式

大家可以看下小编整理的页面格式,都是有层级关系的,子级要在父级的后面,之间的间隔按一下TAB键就可以了,图片中灰色字体是注释,不会显示在网页中的,注释的快捷键是CTRL+/。

好啦,小编今天就讲到这里了,有哪位童鞋还不会,要随时问哦,下面是今天老师整理的大纲,大家可以了解了解。

转载请注明:http://www.0431gb208.com/sjslczl/4731.html