摘要: JavaScript_语法_与html结合方式 ECMAScript:客户端脚本语言的标准 1.基本语法 1.与html结合的方式 内部JS: 定义<script>,标签体内容就是js代码 外部JS: 定义<script>,通过src属性引入外部的js文件 注意: 1.<script>可以定义在ht 阅读全文
posted @ 2022-08-01 22:19 魔光领域 阅读(19) 评论(0) 推荐(0) 编辑
摘要: JavaScript_简介 概念:一门客户端脚本语言 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎 脚本语言:不需要编译,直接就可以被浏览器解析执行了 功能: 可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态效果,增强用户的体验。 JavaS 阅读全文
posted @ 2022-08-01 17:08 魔光领域 阅读(26) 评论(0) 推荐(0) 编辑
摘要: CSS_案例_注册页面 实现: <html lang="en"> <head> <meta charset="UTF-8"> <title>注册</title> <style> *{ margin: 0px; padding: 0px; box-sizing: border-box; } body{ 阅读全文
posted @ 2022-08-01 16:44 魔光领域 阅读(75) 评论(0) 推荐(0) 编辑
摘要: CSS_属性2_盒子模型 盒子模型: margin:外边距 padding:内边距 默认情况下内边距会影响整个盒子的大小 box-sizing: border-box; 设置盒子属性,让width和height就是最终盒子的大小 float:浮动 left right <html lang="en" 阅读全文
posted @ 2022-08-01 16:03 魔光领域 阅读(42) 评论(0) 推荐(0) 编辑
摘要: CSS扩展选择器 1.选择所有元素: 语法:{} 2.并集选择器: 选择器1,选择器2{} 3.子选择器:筛选选择器1元素下的选择器2元素 语法:选择器1 选择器2{} 4.父选择器:筛选选择器2的父元素选择器1 语法:选择器1 > 选择器2{} 5.属性选择器:选择元素名称,属性名=属性值的元素 阅读全文
posted @ 2022-08-01 15:34 魔光领域 阅读(24) 评论(0) 推荐(0) 编辑
摘要: CSS_语法格式 格式: 选择器{ 属性名1:属性值1; 属性名2:属性值2; ... } 选择器:筛选具有相似特征的元素 注意:每一对属性需要使用;隔开,最后一对属性可以不加; CSS选择器_基础选择器 1.id选择器:选择具体的id属性值的元素:建议在一个html中id值唯一 ​#id属性值{} 阅读全文
posted @ 2022-08-01 14:23 魔光领域 阅读(37) 评论(0) 推荐(0) 编辑
摘要: CSS_概述 CSS:页面美化和布局控制 概念:Cascading Style Sheets 层叠样式表 层叠:多个样式可以作用在同一个html的元素上,同时生效 好处: 功能强大 将内容展示和样式控制分离 降低耦合度。解耦 让分工协作更容易 提高开发效率 CSS_与html结合方式 1.内联样式 阅读全文
posted @ 2022-08-01 13:52 魔光领域 阅读(23) 评论(0) 推荐(0) 编辑
摘要: HTML标签_表单标签_表单项select&textarea select:下拉列表 子元素:option,指定的列表项 textarea:文本域 ​ cols:指定列数,每一行有多少个字符 ​ rows:默认多少行。 省份:<select name="province"> <option> 请选择 阅读全文
posted @ 2022-08-01 13:25 魔光领域 阅读(45) 评论(0) 推荐(0) 编辑
摘要: HTML标签_表单标签_表单项input input:可以通过type属性值,改变元素展示的样式 type:属性: >text:文本输入框,默认值 placeholder:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息 >password:密码输入框 >radio:单选框 注意: 阅读全文
posted @ 2022-08-01 11:48 魔光领域 阅读(35) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>张三旅游网</title> </head> <body> <!--采用table来完成布局--> <!-- 最外层的table,用于整个页面的布局 --> <t 阅读全文
posted @ 2022-08-01 11:02 魔光领域 阅读(32) 评论(0) 推荐(0) 编辑
摘要: HTML标签_表格标签2 tr:定义行 >bgcolor:背景色 >align:对齐方式 td:定义单元格 >colspan:合并列 >rowspan:合并行 th:定义表头单元格 <caption>:表格标题 <thead>:表示表格的头部分 <tbody>:表示表格的体部分 <tfoot>:表示 阅读全文
posted @ 2022-08-01 10:02 魔光领域 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 语义化标签 语义化标签:html5中为了提高程序的可读性,提供了一些标签。 1.<header> 表示开头 2.<footer> 表示结尾 表格标签1 table:定义表格 width:宽度 border:边框 cellpadding:定义内容和单元格的距离 cellspacing:定义单元格之间的 阅读全文
posted @ 2022-08-01 09:29 魔光领域 阅读(53) 评论(0) 推荐(0) 编辑
摘要: HTML链接标签 a:定义一个超链接 >属性: href:指定访问资源的URL(统一资源定位符) target:指定打开资源的方式 _self:默认值,在当前页面打开 _blank:在空白页面打开 <!-- 链接标签 --> <a href="http://www.baidu.com">点我跳转到百 阅读全文
posted @ 2022-08-01 09:03 魔光领域 阅读(37) 评论(0) 推荐(0) 编辑