网页分为：静态网页和动态网页；
静态网页：静止不动的，网页的内容和显示效果基本上不会发生变化了；
动态网页：是所有动态生成与动态更新的网页的统称；
1994年W3C联盟（万维网联盟）成立，将HTML确立为网页的标准标记语言。
W3C联盟的成立，将网页分成了三部分：HTML(超文本标记语言),CSS(层叠样式表),JavaScript(解释型的脚本语言) 这三部分分别代表结构层，样式层和逻辑层；
网页的站点的文件夹包括HTML文件夹、css文件夹、js文件夹和images文件夹分别用来存放html文件，.css文件,.js文件和网页中需要使用的图片
HTML（超文本标记语言）
HTML中给我们提供了很多不同功能的标签，由浏览器进行解析，呈现出不同的样子；HTML文件以.html结尾，可以利用notepadd++、vscode等软件编辑
基本的html结构
<!DOCTYPE html>//声明文档类型是html文档 <html> <head> //头部隐藏配置区域一般不显示在页面当中 <title>网页的标题</title> //网页标题 <meta charset='utf-8'> </head> <body> //网页的主体区域，写在此标签里面的内容会显示在网页当中 </body> </html>
标签分为：单标签和双标签具体格式：
单标签：</br> <hr> <img>
双标签：<span></span> <div></div><p></p>
内容都要写在标签内部 <span>内容</span>
HTML文档都是由标签组成的常用的标签有：
表格标签：
<table border="1" cellspacing='0' width="300px" height="200px"> //表格标签定义表格 <tr> //定义表格的行 <td></td> <td></td> //定义表格的列 </tr> </table> //注意双标签一定要有结束标签
表单标签：
<form> //定义表单的标签 <table> //通常搭配表格使用，表单套在表格外面 <tr> <td><input type='text' value="" name="" placeholder=""></td> //input属于表单标签的type属性的属性值决定了这个标签的作用，可以是text单行文本框 //radio单选框 checkbox复选框 date日期 submit提交按钮等 //input的属性 value 内容 name名字 placeholder 文本提示信息 </tr> </table> </form>
列表标签：
<ol> //有序列表 style的属性值：1、一、I、i、A、a <li>列表项</li> //列表的项 </ol> <ul> //无序列表 style的属性值 : disc(默认) square circle <li>列表项</li> </ul> <dl> //自定义列表 <dt>描述项</dt> <dd>列表项</dd> </dl>
HTML5中新定义了很多语义化标签，语义化标签的作用是，正确的标签做正确的事情，可以提高文档的可读性，使文档更加容易理解、读懂。
语义化标签有：header 头部标签 、footer页脚标签、article独立的文章、aside侧边栏等
CSS（层叠样式表）
网页开发中的css的作用是给标签中的内容设置样式。例如背景颜色，字体，形状等
样式分为：内嵌样式，行内样式，外链样式
样式的优先级：行内样式优先级最高，内嵌样式和外链样式采取就近原则谁进就应用谁的样式
行内样式：可以直接写在标签内部给标签内容设置样式
<p style='color:red;font-size:20px;'>这是一段文本</p>//段落标签
内嵌样式：写在head标签里
<head> <style> //内嵌样式要在head标签定义style标签内部写 //下面的代码是指给p标签的内容设置字体为红色 p{ color:red; } </style> </head>
外链样式：也是写在head标签内部
<head> <link rel="stylesheet" href="css文件的位置">//用link标签链接到外部文件，显示css样式 </head>
css在定义内嵌样式或者外链样式给指定标签定义样式时，可以使用选择器选中标签；
选择器种类有：基本选择器，复合选择器、属性选择器、关系选择器、结构选择器
基本选择器：通配符选择器、标签选择器、ID选择器、类选择器
复合选择器：交集选择器、并集选择器
关系选择器：子代选择器、兄弟选择器
属性选择器：具有某种属性或属性值的选择器
基本选择器的权重：!important>ID选择器>类选择器>标签选择器>通配符选择器
选择器的权重可以相加
id选择器权重为100 类选择器权重为 10 标签选择器权重为1 通配符选择器权重为0
JavaScript（脚本交互语言）
js应用于页面的用户交互效果，可以实现页面的动态效果。是一种脚本语言
JavaScript由三部分组成：ECMA（js的核心技术）、DOM（文档对象模型）、BOM（浏览器对象模型）
js的三种引入方式
和css一样js也需要引入才能实现
1、、内部<scritp>js代码</script> 任意数量，任意位置
2、外嵌<scriipt src=""></script>(一旦标签引入了外部的js文件，在标签内部书写的js代码不会有效)
3、直接在标签内部写入<a href="javascript:alert("确定跳转吗")"></a>
页面的输出方式
1、向文档流写入内容： document.write('内容');
2、弹窗输出方式：alert("提示信息");
3、控制台输出：console.log("内容"); 经常使用，代码调试
页面交互方式：
1、提示框 警示框：alert(“ ”);
2、确认框：confirm("考试通过，是否提交成绩");
3、输入框：prompt("内容"); 默认值prompt("" , "");用逗号分开
以上便是网页开发的三个核心技术，以上只是一小部分，具体内容较多。可以作为了解。具体内容还需要深度学习。
