通过监视点击事件进行图片之间的切换 参考代码： 获取图片标签： 通过改变路径，进行图片间的跳转： 展示：

一、DOM节点的获取①.getElementsByTagName 通过标签名来获取元素节点 （若有多个相同标签，返回含有多个节点的类数组对象） ②.getElementsByClassName 通过class名来获取元素节点（若有多个相同class，返回含有多个节点的类数组对象） ③.getElementById 通过id名来获取元素节点（直接返回…

伪类通常用于对链接的不同状态以添加样式效果，他可以帮助我们根据链接的状态（访问前，访问后，鼠标悬停在链接上，链接被点击时但鼠标未松开）定义不同的样式 四种选择器——:link（链接访问前的样式），:vistited（链接访问后的样式），:hover（鼠标悬停在链接上的样式），:active（链接被激活时（鼠标左键按下但还未抬起）的样式）。这四个伪类…

文本类型样式： 颜色：，修改color后面的属性，可以改变文本的颜色 大小：改变文本字号 字体：样例使用为宋体（使用中文字体是记得手动加引号） 倾斜：使文本倾斜 加粗：使文本加粗 位置：改变文本位置，示例为居中 修饰线：添加修饰线，示例为下划线 边框：添加边框，2px为边框的线条粗细，red为边框线条颜色，solid为边框样式 英文大小写：通过改变…

后代选择器:用空格分隔元素选择器，用于选取指定元素的所有后代元素，无论嵌套多深，可精准定位元素并应用样式。 子代选择器:是 CSS 选择器，用“>”表示，仅选择指定元素的直接子元素，可精确控制样式应用范围。 兄弟选择器：分相邻（+）和通用（~）两种。相邻兄弟选择器选紧接在另一元素后的同父元素元素；通用兄弟选择器选指定元素后同属一个父元素的所有…

认识：层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 style:任意标签中可添加的属性标签 那么再认识一下css森严的等级分布，我…

表单用于收集用户信息，具有交互功能，用户可以在表单上输入文本，多选，单选等功能 1、 元素用于创建表单，action 属性定义了表单数据提交的目标 URL，method 属性定义了提交数据的 HTTP 方法 2、 元素可以创建文本框、密码框、单选按钮等，可以通过type属性更改需要的类型 text文本框 将type属性设置为text，输入框将接受文…

列表与表格可以让界面更加的简洁明了，有利于访问者的查看 列表 无序列表<ul></ul> 无序列表不会有表明顺序的符号，只有实心圆点（或其他符号，通过修改属性改变，如：type="circle"可以改为空心圆），其中，需要使用<li>标签标识段落 示例： 演示： 有序列表<ol></ol>…

利用链接标签可在当前网页跳转的特点，可以用于设计目录 链接标签拓展应用 需要建立一个锚点，使得链接标签具备跳转的落点 锚点建立方式： 第一行的链接标签将作为传送点，而第二行的链接标签将作为传送锚点，使用户快捷跳转 第二行的链接标签中的href属性需要改为name属性，使得我们可以定义它的存在，第一行链接标签的href属性需要等于第二行的name属性…

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。 1、基本框架HTML（HyperText Markup Language）的基本框架有以下…