初步认识html

148 阅读1分钟

1 什么是html

html是用来描述网页的一种语言。(超文本标记语言) html不是一种编程语言,而是一种标记语言 标记语言是一套标记标签的组合

2 浏览器知多少

所有的网页需要基于浏览器进行显示。但是不同类型,不同版本的浏览器对html标签的兼容性是不一样的。某些浏览器对html中的标签不支持。导致页面混乱。

caniuse.com
网站可以查询指定html标签被哪些版本的浏览器所兼容

3 web标准的制定

各大浏览器独霸一方,标准各异,程序员为解决兼容性问题彻夜难眠。万维网联盟(外文缩写W3c) w3c制定结构html的语法标准,制定了表现css的语法和标准,制定了行为标准js

4 html最基本的结构

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
    </body>
</html>

5 趁手开发工具VScode

1 官网下载安装包,无脑下一步安装

2 打开软件,最左侧点击拓展(长得像俄罗斯方块的按键),搜索Chinese,下载汉化包。重新启动即可

3打开一个空白目录即可编写代码

4可以继续安装一些插件Auto Rename Tag(修改前标签时,后标签和前标签保持一致) ,Live Server(启动一个服务器打开页面)

6 文档声明与字符编码

<!DOCTYPE html> 声明页面为HTML5文档

输入 <html lang="en"> 设置语言代码(对浏览器表明,html中含有英文,如果真的有英文,当浏览器打开该页面时,会提示是否进行翻译。)

输入 <meta charset="UTF-8"> 将文档字符编码声明为UTF-8(告诉浏览器,使用utf-8进行解码)