本文是HTML和CSS的快速入门指南，涵盖了HTML的基本标签、通用属性、列表、区块元素、表单和表格等内容。CSS部分讨论了其使用、语法、选择器、权重，以及内容相关的样式，包括位置、字体、背景和边框等。推荐使用VSCode作为编辑器，并介绍了几个实用的插件，如Auto Rename Tag和Live Server，帮助提升开发效率。
HTML与CSS快速入门
html：超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
建议使用vs code来入门
vscode 插件
Atuo Rename Tag 修改 html 标签，自动帮你完成头部和尾部闭合标签的同步修改
guides 代码对齐辅助线，有利于代码整洁规范
Chinese (Simplified) Language Pack for Visual Studio Code 中文简体语言包
View In Browser ， open in browser 在浏览器中打开，很重要的插件
Path Intellisense 文件路径提示
Live Server 用这个打开可以自动刷新页面
JavaScript (ES6) code snippets 可以快速编写ES6语法的js拓展包
其他的可以自行网上查找
HTML
解读基本标签
<!DOCTYPE html> //声明为 HTML 文档
<html> // 是 HTML 页面的根元素，浏览器解析从这里开始
<head> // 头标签，可以放标题，图标，链接等
<meta charset="utf-8"> // 定义网页编码格式为 utf-8 字符
<title>第一个程序</title> // 描述了文档的标题
</head> // 与<head>标签为一对，表示头标签结束
<body> // 包含了可见的页面内容
<h1>标题</h1> // 定义一个大标题，基础style加粗
<p>段落</p> // 定义一个段落，结束自带分行
</body>
</html>
<a href="https://www.baidu.com" target="">链接</a> //链接标签，herf属性填写链接地址，#，#id
// target 属性决定在何处打开链接 _blank 新标签页 _self 同一标签页
<img src="image/***.jpg" alt=""> // 图片标签，src属性放图片地址，alt属性放替代图片的文本，当图片无法显示时使用
<br> // 换行标签
// 空格
<hr> // 放置一个水平线，初始宽度由父类决定
// 注释
html元素以开始标签开始，以结束标签结束，有的标签不成对出现，大多数html标签拥有属性，可以嵌套（包含其他html标签）。
html对大小写不敏感，但是推荐使用小写
html标签通用属性
| 属性 | 作用 |
|---|---|
| class | 为html元素定义类名，可以一个或多个(类名从css引入) |
| id | 定义元素的唯一id，id不能重复 |
| style | 规定元素的行内样式，权重很高 |
| title | 描述了元素的额外信息 (作为工具条使用) |
| name | 规定了标签的name，不可重复 |
最低0.47元/天 解锁文章
1770
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
