vscode安装插件
HTML css support
live server：在浏览器中实时预览页面的变化
auto rename tag：修改HTML标签的时候同步修改另一个标签
一、HTML标签
单标签用于没有内容的元素，双标签用于有内容的元素
快速生成HTML初始结构：在vocode中！+tab键
- 标题标签
h1-6分别对应1-6级标题
- 文本标签
p段落标签
b字体加粗，i斜体，u下划线，s删除线
ul——li无序标签
ol——li有序列表
1 |
HTML属性
- 语法
<开始标签 属性名=“属性值”>
属性名不区分大小写，但属性值区分
- 适用大多数HTML元素的属性
- class：为 HTML元素定义一个或多个类名(类名从样式文件引入)
- id：定义元素唯一的 id
- style：规定元素的行内样式
二、HTML区块-块元素与行内元素
块级元素通常用于组织和布局页面的主要结构和内容，例如段落、标题、列表、表格等。它们用于创建页面的主要部分，将内容分隔成逻辑块。
- 块级元素通常会从新行开始，并占据整行的宽度，因此它们会在页面上呈现为一块独立的内容块。
- 可以包含其他块级元素和行内元素。
- 常见的块级元素包括
div>，<p>，<h1>到<h6> ,,