简介 Javascript DOM 代码演示 <html> <head> <title>Javascript DOM</title> </head> <body> <div> <p id = "p1">这是一个段落</p> <p id = "p2">这是二个段落</p> </d…
简介 Javascript JSON 代码演示 <html> <head> <title>Javascript JSON</title> </head> <body> <script> let person = { name: '张三', age: 18, sex: '男', show() { consol…
简介 Javascript 函数 代码演示 <html> <head> <title>Javascript 函数</title> </head> <body> <script> // 定义函数 // 因为Javascript是弱类型语言，所以函数返回值可以不添加数据类型，函数形参也可以不添加数据类型 fun…
简介 Javascript 对象 代码演示 <html> <head> <title>Javascript 对象</title> </head> <body> <script> // 定义对象的语法 // 多个属性都是用逗号隔开 // 多个对象方法也是用逗号隔开 // this 指向当前对象 let per…
简介 Javascript 变量 & 数据类型 代码演示 <html> <head> <title>Javascript 变量 & 数据类型</title> </head> <body> <script> // 定义变量的方式： let 变量名 = 值; // 因为Javascript 是弱…
简介 html中引入javascript 代码演示 <html> <head> <title>Javascript 引入</title> </head> <body> <!-- 内部脚本：将代码写在 html 页面中 --> <!-- 用 script 标签 包裹代码 --> <!-- 放在bo…
简介 html表格 代码演示 <html> <head> <title>html 表格</title> </head> <style> table { /* border-collapse： 控制表格边框是否合并 */ /* separate： 表格边框不合并 */ /* collapse： 表格边框合并 */ …
简介 html表单 代码演示 <html> <head> <title>html 表单</title> </head> <body> <!-- form 表单标签 --> <!-- action 属性：表单提交到的url地址 --> <!-- method 属性：表单提交方式 --> <!…
简介 flex是flexible Box的缩写，意为"弹性布局"，是一种一维的布局模型。flex布局可以为元素之间提供强大的空间分布和对齐能力。 通过给父容器添加flex的相关属性,来控制子元素的位置和排列方式。 代码演示 <html> <head> <title>html flex布局</title> <style>…
简介 盒子：页面中所有的元素（标签），都可以看做是一个 盒子，由盒子将页面中的元素包含在一个矩形区域内，通过盒子的视角更方便的进行页面布局 盒子模型组成：内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（margin） 标签 div 标签 一行只显示一个（独占一行） 宽度默认是父元素的宽度，高度默认由内…