Web标准:
HTML-结构,CSS-表现,JS-行为
HTML本质是一个文件
一:HTML语法规范:
1、HTML标签是成对出现:<html></html>
2、标签关系:包含关系(父子关系)和并列关系
二:HTML基本结构标签
1、
例子:
<html>
<head>
<title>第一个页面</title>
</head>
<body>
键盘敲烂,工资过万
</body>
</html>
三:安装vs code,以及相应插件
1、官网下载:https://code.visualstudio.com/Download
2、直接打开
3、安装插件:
四:固定不变的内容以及他们的含义
1、文档类型声明标签,告诉我们这个页面采取html5版本来显示页面 <!DOCTYPE html>
2、zh-CN定义语言为中文,告诉我们是中文网站还是英文网站 <html lang="zh-CN">
3、字符集采用“万国码”方式(不写容易有乱码)<meta charset="UTF-8"/>
五:HTML常用标签
1、标题标签 <h1></h1>(1-6)
2、段落标签<p></p>;强制换行(单标签)<br/>
3、文本格式化标签:
加粗标签<strong></strong>, <b></b>
倾斜标签<em></em>, <I></I>
删除线<del></del>,<s></s>
下划线<ins></ins>,<u></u>
4、<div>和<span>没有语义,他们是一个盒子,用来装内容
div是用来布局的,“一个人独占一行”【大盒子】
span标签也是用来布局的,一行上可以放多个<span>。【小盒子】
5、图像标签(单标签)
<img src="图像URL"/>
注意:图像必须和html文件在一个文件里
ex拓展: