html的一些记录

vscode中一些关于html开发的经验

1.新建html文件然后输入！就会自动弹出如下html语句：

<!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>

然后在“body”标签里写网页主干的代码，在“title”标签里确定网页的标题就好了。
2.ALT+B；或者右键然后选择“open in default browser”就可以在浏览器中浏览当前网页
需要插件：Open in Browser
3.一些有用的插件：
Open in Browser：右击选择浏览器打开html文件
Auto Rename Tag：自动重命名配对的HTML/XML标签
CSS Peek：追踪至样式

常用标签记录

标题

标题从h1到h6；显示上会越来越小；每个标题独占一行。

<h1>标题</h1>
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>

段落

可以将网页分为若干个段落

1
2
3

<p>第一段</p>
<p>第二段</p>
<p>第三段</p>

换行

强制换行的标签

1
2
3

<p>
    这是第一段的文字，其中换行<br />是这么用的
</p>

文本格式化

将文本以更特殊的形式表示。

<strong>加粗</strong>
<b>加粗</b>

<em>倾斜</em>
<i>倾斜</i>

<del>删除线</del>
<s>删除线</s>

<ins>下划线</ins>
<u>下划线</u>

用来布局的“盒子”

div和span，没有特殊内容，是一个“盒子”，用来布局，用来装其它内容（比如图片）。
div是个“大盒子”，单独占一行。
span是个“小盒子”，一行可以多个。

<div>我是div标签我单独占一行</div>
<div>我是div标签我单独占一行</div>
<span>百度</span>
<span>新浪</span>
<span>搜狐</span>

图片标签

显示图片的标签。

1	<img src="url" alt = "介绍文字"/>

img对应的属性如下图所示：