css基础教程:[1]为网页使用网络字体,本教程为大家介绍在网页上怎么使用网络字体。1,使用网络字体的好处是所有人看到的效果都是样的,效果统一,2,不依赖于用户电脑上是否安装了该字体。......
2023-03-16 326 CSS
上期回顾:上节课我们讲了如何创建html文件,这节课我们主要讲解文件中的内容——就是HTML5的基本格式。
我们先来讲顶部标签:!DOCTYPE html>表示的是文档类型,主要让浏览器识别html文件,是不区分大小写的。
接下来我们讲解html>标签,表示文档开始,后面的/html>表示文档结束,标签中有个属性和值:lang="zh-cn",表示的是此文档使用的语言是简体中文,如果lang="en",那么表示的是此文档使用的语言是英文。
接下来我们讲解head>标签,此标签包含元数据,这些在页面上是不会显示的,在这里先跟大家讲一下元数据包括哪些标签,它包括:link>、meta>、noscript>、script>、style>、title>后续用到时我们再详细讲解每个元数据标签,在这里我们可以看到文档中有meta>标签和title>标签,我们先对这两个标签加以说明,meta>标签是用来提供关于文档信息的,它有一个属性和值是:charset="utf8",告知浏览器此文档正确使用中文,如果不写页面可能会出现乱码的状态,对于这个标签,大家记住这一点就可以了;title标签代表的是设置浏览器的标题,比如我给页面起标题是基本结构,那么就会在浏览器中显示出来,如下图。
接下来我们讲最重要的标签:body>标签,之所以说重要,是因为网页上的所有内容都是写在这个标签下的,里面包含的内容和标签在浏览器都会一一显示出来,比如我先写123,那么就会在网页顶部显示出来,如下图。
今天我们就先讲到这里,下面是今天大纲,大家记得自己练习练习哦,哪里有不会的可以随时问小编。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: CSS
相关文章
css基础教程:[1]为网页使用网络字体,本教程为大家介绍在网页上怎么使用网络字体。1,使用网络字体的好处是所有人看到的效果都是样的,效果统一,2,不依赖于用户电脑上是否安装了该字体。......
2023-03-16 326 CSS
怎么用div布局加css样式做网页,怎么做一个网页呢,静态页面的制作是很简单的,我们来看看怎么通过div布局 c样式来制作一个网页吧。......
2023-03-16 476 CSS