前端（HTML）
底层语言：HTML；CSS；JS（JavaScript）
框架语言：jquery；vue；node
企业级框架：vue-element-admin/template；mysql
新建html文件步骤：
打开VScode——新建文件（CTRL+N）——另存为（CTRL+S）——命名名称.html——输入html：5回车生成
文章目录
前言
HTML：页面搭建
CSS：页面美化
JS：动态效果展示
编写，测试，运行流程
入门HTML
项目结构：
demo：
index.html
outer.html
one.html
一、HTML是什么？
HTML是HyperText Markup Language(超文本标记语言)的简写，不是一种编程语言，而是一种标记语言，用于告诉浏览器如何构造页面。
超文本：插图片、音频、视频、超链接等
标记语言：无逻辑和行为能力，只能被浏览器读取
可以使用.html与.htm作为html文件的后缀名（扩展名）
二、HTML特点
1.从上到下依次解析；
2.容错性（宽松性）；
3.大小写不敏感
三、文档结构
一个完整的HTML网页是由多个HTML元素按照一定的方式组成的。
代码如下（示例）：
<!DOCTYPE html>声明
<html lang="en">HTML的根元素，用来包含HTML文档的所有元素
<head>包含在头部的内容不会被显示在页面中，这里通常包含页面的编码，作
者，页面的描述信息，JavaScript的导入，CSS的导入等信息。
<meta charset="UTF-8">（单标签：设置字符编码）用来声明当前文档的编码
方式为utf-8
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>用来声明当前文档的标题，标题将会出现在浏览
器的选项卡中，引入第三方文件（建议）
</head>
<body>（子标签）所有想要显示在浏览器中的元素都被包含在该元素中。
</body>
</html>
四、元素
1.元素的组成（展示形式）
开始标签，元素内容（普通文本；子标签），结束标签
2.元素的分类
- 块级元素特点（div）：独占一行空间；
可以直接设置宽高属性；
宽度占满整个父级元素；
高度由子集撑起… - 行内元素特点（span）：可以和其他元素共享一行空间；
不可以直接设置宽高属性；
不可以直接设置上下的外边距；
行内元素不能嵌套块级元素
五、属性
1.属性设置
写在开始标签内部
和标签名称使用空格隔开
属性名key(键)和属性值value（值）之间使用等号连接
多对属性之间使用空格隔开
2.属性分类
（１）按照公有性分类
公有属性：
所有标签都能设置的属性
id：元素的唯一标识
class：设置元素的分类
one two
title:设置提示
style:设置行内样式
属性值必须根据css语法进行设置
私有属性：
只有当前标签能使用（img）
（２）按照属性特性分类
普通属性：
属性值为字符串 （""；’’）
布尔值属性：
属性值为true/false
key=value(键值对)
键 值
最低0.47元/天 解锁文章
530
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
