学习HTML第一天
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
文章目录
前言
初步学习HTML，会有一些方便编程的知识。
提示：以下是本篇文章正文内容，下面案例可供参考
一、VSCode的使用
1.建立一个HTML后，竟然可以用：先输入“！”然后按Tab键，生成页面骨架！
我之前一直不知道，都是自己打或者粘贴，┭┮﹏┭┮
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>二、VS Code
1.推荐安装的插件
- 大家可以在商店里输入“open” ，下面会出现“open in browser”，安装后，再次在编辑器中右键，会出现“Open In Default Browser”和“Open In Other Browser”表示在默认浏览器中打开。我以前都是保存，然后打开自己的网页，刷新，看代码成不成功，更麻烦。
- 还有“auto rename tag” 自动重命名配对的HTML标签，就是<....></....>当你把前面的<...>改变后，后面</...>是不会自己更改的,但是有了这个插件就不一样了，方便！
2.标签
- <br/>换行标签，可以强制换一行。
- <div>和<span>标签，就是盒子，用来装内容，暂时不解释如何使用。<div>可以看做是一个大盒子，一行只能有一个；<span>是小盒子，一行可以放多个，不是指空间上的重叠。
- 图像<img src="图像名.jpg/png..." 即图片路径 alt="图像显示不出来时，会出现提示文字" title="鼠标放到图像上，会出现文字来提示" width或height=""/> 一般宽度，高度加一个就好。
图像路径：
1.相对路径：
注意：是相对于你现在要用的HTML页面的位置
同级：<img src="baidu.gif"/>
下一级：<img src="images/baidu.gif"/> images是位于HTML文件下一级
上一级：<img src="../../baidu.gif"/>
2.绝对路径：
- 图片在电脑里：<img scr="c:\Users\baidu.gif/>
- 图片在网络上：<img scr=''http://www.itcast/logo.png"/>
总结
以上就是今天学习的内容，本文简单介绍了VS Code的使用，初步掌握了HTML的部分知识。
如果存在错误，请纠正。