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

原创已于 2022-08-15 18:46:11 修改 · 275 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #学习

于 2022-07-14 15:52:12 首次发布

茵蒂克丝

前端三件套
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
元素分类：