作为最基本的入门,本文简单介绍 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 标签中的内容是用户能看的内容,比如文字、图片、声音,视频等。