写个 Hello world - 前端从入坑到弃坑系列教程（1）

这是一个系列教程《前端从入坑到弃坑》的第一篇。

HTML 是什么

说白了，HTML 就是网页的内容。比如你现在正在阅读的这个网页的内容，就是 HTML。如果你还不明白，请继续往下阅读。

写一个简单的 HTML

首先在你的电脑上，新建一个名为 index.html 的文件，用文本编辑器打开（注意不要用 Windows 自带的记事本打开）。

然后把下面的内容复制，粘贴到编辑器，保存文件。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>你好，世界</p>
</body>
</html>

双击打开文件，你将会在浏览器看到以下内容：

你再把下面的内容复制，替换 index.html 的内容。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>这是标题</h1>
<p>这是普通的内容。</p>
<img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png">
</body>
</html>

浏览器刷新页面，可以看到下面的效果：

看到这里，我想你应该明白了，HTML 是什么了。HTML 简单的理解，就是网页要显示的内容。

总结

略。

posted @ 2017-07-03 20:26  yunser_blog  阅读(397)  评论(0)  编辑  收藏  举报