认识html

2023-03-21 21:38:26 浏览数 (3)

认识 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 ，编写下方程序，运行看看效果吧

代码语言：javascript复制
<!DOCTYPE html>
<htmllang="en">
    <head>
        <metacharset="UTF-8">
        <metahttp-equiv="X-UA-Compatible"content="IE=edge">
        <metaname="viewport"content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
       hello world !
    </body>
</html>
html markup shift 程序 浏览器

0 人点赞