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

本文通过实践操作介绍了HTML的基础知识,包括创建简单网页、设置文本及图片显示等基本元素。

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

HTML 是什么

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

写一个简单的 HTML

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

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

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

双击打开文件,你将会在浏览器看到以下内容:
880436-20170725223125138-1225054800.png

你再把下面的内容复制,替换 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>

浏览器刷新页面,可以看到下面的效果:
880436-20170725224022107-307122935.png

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

总结

略。

转载于:https://www.cnblogs.com/yunser/p/7112906.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值