认识html

鹤川

发布于 2023-03-21 21:38:26

1810

发布于 2023-03-21 21:38:26

文章被收录于专栏：鹤川博客鹤川博客

认识 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>
<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>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023 年 02 月，如有侵权请联系 cloudcommunity@tencent.com 删除

html