学习HTML第一天

最新推荐文章于 2024-11-01 15:19:25 发布

来个甜点儿的

最新推荐文章于 2024-11-01 15:19:25 发布

阅读量156

点赞数

文章标签： html5

本文链接：https://blog.csdn.net/m0_60247703/article/details/118785024

版权

文章目录

前言
一、VSCode的使用
二、VSCode
- 1.推荐安装的插件
- 2.标签
总结

前言

初步学习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"/>