标签：插件 07 16 VSCode 标签 HTML 2021 open Browser
学习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的部分知识。
如果存在错误，请纠正。
标签：插件,07,16,VSCode,标签,HTML,2021,open,Browser 来源： https://blog.csdn.net/m0_60247703/article/details/118785024
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。