前端学习笔记——前端入门

• 前端三件套
  HTML、CSS、JavaScript
  推荐编程工具VSCode
• HTML基础（VSCode环境）
  HTML:超文本标记语言，不是一种编程语言！
  快速注释：ctr+/
  html基础结构：

<!DOCTYPE html>//文档的声明使用，告诉浏览器，该文档是HTML5文件

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

• 标签（元素）：
  HTML本质上是由各种标签所构成的，标签是由W3C提前制定好的一些针对HTML文档的标记符号，具有各自的含义，由<和>括起来。
  标签通常成对出现，如<p>hello world</p>，即开始标签+内容+结束标签，但也有例外，比如<meta>标签。
  标签允许嵌套，但要符合嵌套标准标准。
• 属性：
  额外的对标签进行描述的信息。格式为key=value或key，属性卸载开始标签里。
• 实体字符
  一些特殊字符，无法被HTML所识别：多个空格，>，<等，只能通过字符编码书写。
  空格：&nbsp，小于：&lt，大于：&gt，版权符：&copy
• 元素分类：

块元素(block)：
1.具有布局特点，一般用于页面整体布局。
2.会独占父元素页面的一行。
3.块元素可以嵌套任何类型的元素。（p元素除外，不能再嵌套块元素）
4.块元素可以设置宽高，默认宽度取决于父元素宽度，默认高度取决于其内容高度。

行内元素(inline):
1.一般不会换行，只在一行排不下时换行。
2.不能设置宽高，宽高由内容决定。
3.一般不会嵌套块元素，而是嵌套文本或行内元素。

行内块元素(inline-block)
1.不会独占一行
2.可设置宽高