• 目录

认识html

阅读量: 919 编辑

认识 html

HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言。我们在浏览器中打开的页面都是html页面,里面的内容都是html的标签构成的

所以,我们可以在打开网页的浏览器中,右键 -》查看源码,来看一下对应页面的html代码

一、.html文件

  • html代码的文件都是以 .html结尾的,如何 helloworld.html

  • html代码的运行是通过浏览器运行的,所以我们直接在电脑的文件目录中,用浏览器打开.html文件即可。

二、创建并运行 html文件 和 代码

  • 1、使用 VSCode 创建 html 页面 01-create.html。刚创建的时候是一个空白页面。

  • 2、可以在 01-create.html 中,先按下 !键(就是 Shift 键盘 + 1键),然后再按 Tab 键,就可以自动补全HTML的基本代码了。

  • 3、可以在body标签中写上 hello world ! 。参考下方代码。

  • 4、在 01-create.html 中 右键 ——》 Open In Default Browser ——》就可以在浏览器中打开html文件了

  • 5、或者也可以在文件目录中,找到 01-create.html ,然后直接用浏览器运行

三、代码实战

代码的详细解读,可以参考视频教程。

新建 html 文件 01-create.html ,编写下方程序,运行看看效果吧

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
       hello world !
    </body>
</html>


  • 目录