web前端html的复习(一)Hello World

目录

  1. 什么是HTML
  2. HTML用来干什么
  3. 用什么来运行HTML
  4. HTML怎么用
  5. 代码解析

所谓前端,其实要是说的话,其实就是所谓的html+css+js的各种延伸而已。其本质是绝对不会少了这三门语言的。向我们平时所浏览的网页,百分之九十九点九都是用这三个来写的。那么就由我来为大家简单的了解一下前端的三大巨头之一的html吧


  1. 什么是HTML


    其实就是超文本标记语言,标准通用标记语言下的一个应用。是网页制作必备的编程语言。

  2. HTML用来干什么


    所谓html,其实就好比我们建造高楼大厦的底座一般,一座建筑物,会先铺好底座,然后外部装饰,最后再内部装饰。可以说,html学好久具备了建造高楼大厦的第一步,也是最重要的一步。其实,html就是把我们平时所看到的页面的主题内容写出来,也可以理解为占据网页的空间。

  3. 用什么来运行HTML


    一般有两种方法:
    (1)新建一个文件,即txt文件,然后修改后缀为.html即可。

在这里叫大家怎么显示,在win10的系统中,打开我的电脑,最上面点击查看,然后将文件扩展名勾选即可。

(2)使用dw,webstrom等前端编译器编译运行。

  1. HTML代码怎么用


    先来一个简单的例子来说明一下html是怎么回事。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一个网页</title>
</head>
<body>
hello world
</body>
</html>

在这里插入图片描述
如上就是html的最简单应用------hello world

  1. 代码解析


    先看看我们上面的代码,再看浏览器照片,你会发现一件事情,那就是你能在浏览器里看见的文字在代码里同样也能显示。其实这个title就是管网页名字的,你在<title></title>里面写什么,浏览器里的页面就会显示什么。

在这里还涉及到了html的一个规范,像<title></title>必须要按照这种格式来写,当然也有一些是这样写的<input/>这种一般不是很常见。html里面的标签全部都是上面两种写法组成。

类似的body也一样,在<body></body>里也一样。

如上所示,一个非常简单的hello world就这样出现在了你的浏览器上。

猜你喜欢

转载自blog.csdn.net/qq_40851232/article/details/88880290