html5教程_第一课

来个最简单的:请问,这个效果怎么实现??

I love red leaves.

不会???

没关系!!

给你代码
<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>第一个网页</title>
</html>
<body>
    <h1>I love red leaves.</h1>
</body>

停!

不要对着那代码发愁

来我们找个好用的代码编译器

这个是nodepad++,挺好用的,不仅代码补全,下载10秒钟,666

这个是vs,比上面那个还好用,但是下载有点慢,页面柔和

继续讲:

大家下载好了吗??ok,我们一行一行分析代码

<!DOCTYPE html>
这行代码是用来声明我们正在制作网页,就像c++的头文件
<head>
这行代码是用来声明我们正在制作的这一块内容叫做html,就是整个html的框架
    <meta charset="utf-8">
    这行代码不写的话会乱码哦(本地好像没问题,最好写一写)
    <title>第一个网页</title>
    这行可以让你的网页上端(题目)变成“第一个网页”
</html>
<body>
    <h1>I love red leaves.</h1>
    这行极其重要!!
</body>
</html>

</xxx>就是<xxx>的结束标签。大部分标签都有结束标签。input,link标签没有结束标签

再来看看h1到h6的大小(网页真的有h1~h6)

h1 _不要管颜色,颜色以后会讲的

h2 _不要管颜色,颜色以后会讲的

h3 _不要管颜色,颜色以后会讲的

h4 _不要管颜色,颜色以后会讲的

h5 _不要管颜色,颜色以后会讲的
h6 _不要管颜色,颜色以后会讲的

总的来讲就是:

h1 _标题

h2 _副标题

h3 _副副标题

h4 _副副副标题

h5 _副副副副标题
h6 _副副副副副标题

好吧,我是复制的

作业:

可以独立做出今天的代码

独立拼写<meta charset="uft-8">,<!DOCTYPE html>
说实话作者都不会,,

本课上到这里!!!

赶快去找你的小伙伴装

13

吧!