王剑编程网

分享专业编程知识与实战技巧

小白初学—神奇的HTML

今天我们一起来了解下HTML,

首先HTmL包含三层结构,分别是结构层,表现层,行为层。

结构层:html => 网页上有什么,比如说文字啊、按钮啊、图片啊等等。

表现层:css => 显示成什么样子,比如说文字的大小啊,位置啊,颜色啊等等。

行为层:JavaScript => 具体怎么操作,比如说点击按钮让图片放大缩小等等。

===============================

在了解了html的三层结构之后,我们来学习如何写html。html不是编程语言,它是一套标签。最简单的html文本是下图1这个样子。我们可以在电脑桌面上新建一个记事本文件,然后把后缀名改一下(.txt=>.html),把这段标签代码粘贴到html文件里,这样一个空白的网页就做成了。如果需要在网页上添加内容,我们只需要在第10行的位置添加各种各样的标签即可。比如我在图二添加了一个按钮标签和一段文字标签,双击html文件,页面上就从左到右,从上到下显示对应的内容。是不是很简单。我们日常浏览的网页都是这样一个标签一个标签画上去的。

我给大家总结了一张图,基本上覆盖了工作中常用的知识点。同时分享几个小技巧。

1.最简单的网页写成什么样子,也就是html模板不需要记忆,下图也说了,去百度下载一个VSCode软件(类似于记事本,是现在主流的前端代码编辑器),用它打开我们的html文件,输入英文叹号回车就自动生成了,学编程不要死记硬背。

2.控件的标签不需要记忆,直接百度html XXX标签,例如:百度搜“html按钮标签”,他就会告诉我们是

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言