HTML5基础学习资料(一)

作为最基本的入门,本文简单介绍 HTML5 的基本结构

我们以一个HTML5的文档来开始,新建有文档,命名为: index.html, 拷贝以下代码到文件中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="author" content="作者名字">
<meta name="keywords" content="关键字1,关键字2">
<title>网页的标题</title>
</head>

<body>
hello world 这是我的第一个网页
1.网页的三要素:
HTML:网页的结构
CSS:网页的样式
JavaScript:网页的行为

2.网页的基本结构:

3.网页的元素:开始标签 + 内容 + 结束标签
注:单标签;没有内容,没有结束

head元素是title元素的父元素。
title是head的子元素

4.属性:key="value" 是写在开始标签内

</body>
</html>

第一行的 doctype 是html5标准网页声明, 一个合法的 HTML5 文件必须以这个开头

第二行的 html 标签告诉浏览器HTML文档从 html 开始到 /html 结束

从第三行开始的 head 标签是所有头部元素的容器,内部是HTMl网页的相关配置,比如,网页标题,文字的编码等。提供关于HTML文档的元数据。比如文字的编码,关键字,网页作者,网站的关键字,网站内容,描述;这些设置不会在浏览器中显示。

从第10行开始的 body 标签中的内容是用户能看的内容,比如文字、图片、声音,视频等。

本文标题:HTML5基础学习资料(一)

文章作者:梅老师

发布时间:2019年03月08日 - 11:03

最后更新:2020年05月28日 - 16:05

原始链接:https://www.mls-tech.info/web/h5/h5-basic-1/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。