站长建议:视频只是作为知识点补充,不要一开始就直接看视频,最好是在阅读之后,带着疑问去看视频。
步骤1: 学会用IDE工具创建HTML页面
首先,下载和安装sublime,当然,你喜欢用其他IDE工具也可。
image.png
下载安装完毕,创建一个空的文本文档:1.text
image.png
修改后缀名,变成1.html
image.png
右键1.txt , 用sublime打开,然后在界面输入
image.png
根据提示,回车,就可以得到一个基于HTML5规范的文档了。
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
HTML就是一个纯文本文件,浏览器解析的时候,如果你不加上标签,所有文字都一视同仁。
步骤2: 练习使用HTML标签
文字素材如下
出场台词
既然你诚心诚意地发问了,那么我就大发慈悲地告诉你。
为了防止世界被破坏,为了守护世界的和平,贯彻爱与真实的邪恶。
可爱又迷人的安排角色,武藏!小次郎!
我们是穿梭在银河的火箭队,
白洞,白色的名天在等着我们!
就是这样啊,喵!
现在,给上面的文字素材配上标签。代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这是我们的第一个网页</title>
</head>
<body>
<h1>出场台词</h1>
<p>既然你诚心诚意地发问了,那么我就大发慈悲地告诉你。</p>
<p>
为了防止世界被破坏,为了守护世界的和平,贯彻爱与真实的邪恶。
</p>
<p>
可爱又迷人的安排角色,武藏!小次郎!
</p>
<p>
我们是穿梭在银河的火箭队,
</p>
<p>
白洞,白色的名天在等着我们!
</p>
<p>
就是这样啊,喵!
</p>
</body>
</html>
image.png
标签的作用就是告诉浏览器,某一段文字到底是什么语义? 标签不是用来描述文字样式的,而仅仅用来描述语义!要描述样式,需要CSS。标签都是成对出现的。你要显示的内容要写在body里面哦!