天天看点

有趣的代码 | HTML简单入门

分享一些简单的代码编译

当我第一次听到要接触代码,

我的想法:以后是不是就要谢顶了。

当真正学习了以后,我发现其实还是挺有趣的!

有趣的代码 | HTML简单入门

首先,我们来简单了解一下HTML文本,

事实上,HTML只不过是组合成一个文本文件的一系列标签。

我们根据html标准和规范,在普通的记事本就可以编写一些简单网页展示。

有趣的代码 | HTML简单入门

基本HTML页面以<html>标签开始,以</html>结束。

在它们之间,整个页面有两部分: 标题 和 内容。

关于标签,要记住它们都是成对出现的,有一个标签开始就需要另一个标签将它结束。

例:<p>内容</p>

现在,我们可以根据HTML的标准,我们可以进行一个简单的编写。

1.首先在桌面新建一个文本文档,书写一下正确格式。如下图

有趣的代码 | HTML简单入门

2. head是一个标签用于定义网页文档的头部,它是所有头部元素的容器。 

有趣的代码 | HTML简单入门
有趣的代码 | HTML简单入门

3.body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)

有趣的代码 | HTML简单入门

注:<h1>表示大标题,<p>表示文章段落

注:<hr>是条特殊的标签,表示一条水平线,不需要加</hr>结束

有趣的代码 | HTML简单入门

<a href=“需要的网址链接”>可点击文字</a>

注:<br>表示换行标签

4.我们最后保存好之后,需要把文本的后缀修改 .html,

这样我们就可以用网页展示了。

有趣的代码 | HTML简单入门

就像修改编辑图片使用PS和AI,编辑代码也是有自己的软件,比如DW(Adobe Dreamweaver)和CSS。

做一些简单有趣的交互点击,只要有耐心,细心做每一份工作,就会发现其中有趣的东西。