第一次预习（1.1）

一些乱入的基础知识网页网站是网页的集合网页是构成网站的基本元素，由图片，文字，链接，声音等元素组成，本质上是一个html文件（.html)前端人员写html文件，浏览器打开，能看到网页Web标准1.是由W3C组织和其他标准化组织制定的一系列标准的集合。2.由结构，表现，行为构成结构structure：对网页元素进行整理和分类→有内容表现presentation：设置网页元素的版式，颜色，大小等外观

一只呱呱叫的北极贝

851人浏览 · 2022-04-08 22:14:51

一只呱呱叫的北极贝 · 2022-04-08 22:14:51 发布

一些乱入的基础知识

网页

网站是网页的集合
网页是构成网站的基本元素，由图片，文字，链接，声音等元素组成，本质上是一个html文件（.html)
前端人员写html文件，浏览器打开，能看到网页

Web标准

1.是由W3C组织和其他标准化组织制定的一系列标准的集合。

2.由结构，表现，行为构成

结构structure：对网页元素进行整理和分类→有内容
表现presentation：设置网页元素的版式，颜色，大小等外观样式，主要指的是CSS→好看
行为behavior：是指网页模型的定义及交互的编写，主要学的是Javascript→能交互

VScode的使用

注：！必须是键盘英文状态下输入

一、HTML、CSS、JS简单介绍

HTML

指的是超文本标记语言——用来描述网页的一种语言。

不是一种编程语言，而是一种标记语言（一套标记标签）
可以加入各种内容（视频，音频...)
可以从一个文件跳转到另一个文件，与世界各地的主机文件链接（超级链接文本）

CSS

CSS(Cascading Style Sheets)是层叠样式表，用来表现HTML文件样式的标准语言。
CSS用于定义网页的样式，包括针对不同设备和屏幕尺寸的设计和布局，描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题，通常保存在外部.css文件中

CSS优先级：
行内样式优先级最高，内部样式和外部样式为就近原则
行内样式(写在html的标签里，即style属性)、内部样式(写在HTML的head标签内)、外部样式(独立的CSS文件)

JS

JavaScript(简称“JS”)是一种解释性脚本语言

JS主要用来向HTML页面添加交互行为，通常通过嵌入HTML中来实现自身功能，但写成独立的JS文件更有利于结构和行为的分离

完整的 JavaScript包括以下三部分：

ECMAScript，描述了该语言的语法和基本对象，JavaScript的语法标准，比如ES5、ES6、ES7等
文档对象模型（DOM），描述处理网页内容的方法和接口，比如HTML各类标签
浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口，比如浏览器前进、后退、刷新、关闭等

二、HTML标签

1.HTML语法规范

1.1 概述

所有的标签都必须包括在一对尖括号里面

HTML标签是由尖括号包围的关键词，比如<html>

HTML标签通常成对出现，比如<b></b>，称为双标签。标签对中的第一个标签为开始标签，第二个标签为结束标签，开始标签与结束标签也被称为开放标签和闭合标签。

有些特殊标签是单标签，例如<br/>,称为单标签

1.2 标签关系

双标签关系可以分为两类：包含关系和并列关系

2.HTML基本结构标签

2.1

每个网页会有一个基本的结构标签（骨架标签），页面内容也是在这些基本标签上书写。

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETkBtMF82OTE5MjI3Nw,size_20,color_FFFFFF,t_70,g_se,x_16