HTML文档的基础结构

HTML5网页基础结构: (!+tab/enter 快捷键可生成基本代码块)

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

</body>

<script>

</script>

</html>

HTML5基础结构的解释:

DOCTYPE:版本标记,在html文件中第一行都是DOCTYPE。

DOCTYPE:声明文档类型;告诉游览器以标准方式解析文件。

html 告诉游览器这是一个html5文件

<!DOCTYPE html>

html:根标签,是整个html页面的第一个标签,文档的所有内容都在这个标签中.

标签的嵌套:形成父子关系,外层为父元素,内层为子元素。

标签的属性:在开始标签内添加的,一般是以 属性名=“属性值” 的形式存在。属性是给标签添加一些补充说明的。

lang:language,语言,说明文档的语言类型。

<html lang="en">

head:头标签,设置网页的头部信息。在标签内添加说明标签,不会显示在网页中。显示在页面的标题栏上面。

<head>

meat:说明性标签

charset:会在head标签的第一行,防止页面中出现乱码。

UTF-8:是一种编码格式,解决中文乱码问题。

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

title:标题,显示在页面标题的标题栏上

<title>Document</title>

</head>

body:设置网页的主体内容

<body>

</body>

script:添加JS内容(在body的下面添加或者放置在body标签内的最下面)

<script>

</script>

</html>

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

TZOF_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值