HTML: 介绍 & 规范

1 介绍

HTML 指的是超文本标记/标签语言 (Hyper Text Markup Language)

专门制作网页的计算机语言

普通的文本就是英文单词，英文字母一样的存在。

超文本的意思是有一些单词或字母，在网页浏览器的世界中被赋予了特殊的权利。

比如：我们都是普通人，但是有些人经过国家的选拔，穿上警服之后，他就被赋予了执法的特殊权利，普通人是没有执法权的。

字母img只是普通的字母，没什么特殊的含义。而被加上尖括号后，在网页的世界中，就具备了显示图片的作用。

在计算机任意的位置，创建一个空白的记事本

重点：文件的后缀名必须是 "htm" 或 "html"

鼠标右键文件，选择打开方式为"记事本"，输入下面代码

<html>
    <head>
        <title>拉钩有我</title>
    </head>
    <body>
        必须火！
    </body>
</html>

保存文件，双击文件会以计算机默认的浏览器运行，你的第一个网页就制作完成了！

注意：

　　1.<html>标签它代表当前页面是一个HTML

　　2.<head>标签中可以声明HTML页面的相关信息

　　3.<body>标签中可以声明HTML页面的相关信息

4. 标签要有开始，有结束，成双成对

　　5. 开始标签与结束标签中的内容是标签的内容，如果没有标签内容，可以让标签自关闭<br/>

　　6. 大多数标签它具有属性,属性值要使用引号引起来

　　7. HTML它本身是不区分大小写的。

记事本编写网页太难了，我们推荐一款编写网页的神器！

<1> 下载地址

https://code.visualstudio.com/

<2> 初始中文设置

安装vscode之后，在界面的左侧，选择安装中文插件。

点击安装后，右下角会弹出重启的窗口

重启之后，界面就是伟大的中文了。

<3> 创建项目

vscode本身没有新建项目的选项，所以要先创建一个空的文件夹，如: vscode目录

然后打开vscode软件，在vscode软件中选择 File -> Open Folder 打开刚才创建的文件夹右键目录，创建子目录lagou-html，在lagou-html目录下创建文件，输入Test1.html

在代码编辑区，最上面输入！回车，就是见证奇迹的时刻

<4> 运行页面

需要安装插件 “open in browser ”

安装完插件，右键想要运行的页面文件，或者使用快捷键 alt+b

在这里推荐使用chrome谷歌浏览器，精简，速度快。

先安装好chrome浏览器

修改默认的浏览器：首页的设置

添加代码

"open-in-browser.default":"chrome"

保存成功后，使用默认浏览器打开页面就是chrome了，当然你也可以修改成自己喜欢的浏览器，比如火狐等

<5> 修改软件主题颜色

文件 -> 首选项 -> 颜色主题

字体大小：文件 -> 首选项 -> 设置 -> 文本编辑器 -> 字体