- 博客(38)
- 资源 (15)
- 收藏
- 关注
RSS订阅原创 水果网站前端
水果网站设计开发、、、http://182.92.199.80:9999/web33/indexServlet?gets=logininput
2021-01-15 15:59:52
340
原创 JavaScript的入门课堂笔记
一、JavaScript简介1.什么是JavaScriptJavaScript简称JS，由网景公司开发的客户端脚本语言，不需要编译，可以直接运行。Web前端三层：结构层HTML，定义页面的结构样式层CSS，定义页面的样式行为层JavaScript用来实现交互，提升用户的体验2.JavaScript作用在客户端浏览器上动态的操作页面在客户端浏览器上作数据的校验在客户端上发送异步请求二、引用方式1.内联方式在页面中使用script标签，在script标签中编写js代码scri
2020-06-23 14:34:27
925
1
原创 课堂笔记CSS入门的案例
1、基本用法：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 1.内部样式（并没有实现样式与内部的分离） */ p{ color:red;...
2020-04-22 16:43:42
578
原创 课堂笔记CSS入门笔记（完）
一、CSS简介1.什么是CSSCSS，Cascading Style Sheet层叠样式表是一组样式设置规则，用于控制页面的外观样式2.为什么使用CSS实现内容与样式的分离，便于团队开发样式复用，便于网站的后期维护页面的精确控制，让页面更精美 3.CSS作用3.CSS作用页面外观美化布局和定位二、基本用法1、CSS语法<head> <...
2020-04-22 15:41:50
4907
原创 CSS课堂笔记
一、CSS简介1.什么是CSSCSS，Cascading Style Sheet层叠样式表是一组样式设置规则，用于控制页面的外观样式2.为什么使用CSS实现内容与样式的分离，便于团队开发样式复用，便于网站的后期维护页面的精确控制，让页面更精美 3.CSS作用3.CSS作用页面外观美化布局和定位二、基本用法1、CSS语法<head> <...
2020-04-10 09:23:36
260
原创 CSS的课堂笔记
一、CSS简介1.什么是CSSCSS，Cascading Style Sheet层叠样式表是一组样式设置规则，用于控制页面的外观样式2.为什么使用CSS实现内容与样式的分离，便于团队开发样式复用，便于网站的后期维护页面的精确控制，让页面更精美 3.CSS作用3.CSS作用页面外观美化布局和定位二、基本用法1、CSS语法<head> <...
2020-04-05 13:48:04
244
原创 CSS笔记（续）
一、CSS简介1.什么是CSSCSS，Cascading Style Sheet层叠样式表是一组样式设置规则，用于控制页面的外观样式2.为什么使用CSS实现内容与样式的分离，便于团队开发样式复用，便于网站的后期维护页面的精确控制，让页面更精美 3.CSS作用3.CSS作用页面外观美化布局和定位二、基本用法1、CSS语法<head> <...
2020-04-01 14:08:53
192
原创 CSS的案例
1、基本用法：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 1.内部样式（并没有实现样式与内部的分离） */ p{ color:red;...
2020-03-28 00:23:59
344
原创 CSS笔记
一、CSS简介1.什么是CSSCSS，Cascading Style Sheet层叠样式表是一组样式设置规则，用于控制页面的外观样式2.为什么使用CSS实现内容与样式的分离，便于团队开发样式复用，便于网站的后期维护页面的精确控制，让页面更精美 3.CSS作用3.CSS作用页面外观美化布局和定位二、基本用法1、CSS语法<head> <...
2020-03-28 00:10:59
115
原创 三、选择器
三、选择器1、基础选择器1.1 标签选择器也称为元素选择器，使用HTML标签作为选择器名称以标签名作为样式应用的依据1.2 类选择器使用自定义名称，以 .点号 作为前缀，然后通过HTML标签的class属性调用类选择器以标签的class属性作为样式应用的依据注意事项：调用时不能添加 .点号同时调用多个类选择器时以 空格 分隔类选择器定义时，名称不能以数字开头1....
2020-03-24 12:03:19
427
原创 二、基本用法
二、基本用法1、CSS语法<head> <style> 选择器{ 属性名:属性值; 属性名:属性值; } </style></head>选择器：要修饰的对象（东西）属性名：修饰对象的哪个属性（样式）属性值：样式的取值2、CSS应用方式...
2020-03-24 12:01:08
148
原创 一、CSS简介
一、CSS简介1.什么是CSSCSS，Cascading Style Sheet层叠样式表是一组样式设置规则，用于控制页面的外观样式2.为什么使用CSS实现内容与样式的分离，便于团队开发样式复用，便于网站的后期维护页面的精确控制，让页面更精美 3.CSS作用3.CSS作用页面外观美化布局和定位...
2020-03-24 11:57:32
113
原创 CSS课堂案例
1、基本用法：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 1.内部样式（并没有实现样式与内部的分离） */ p{ color:red;...
2020-03-24 11:48:22
252
原创 CSS课堂笔记
一、CSS简介1.什么是CSSCSS，Cascading Style Sheet层叠样式表是一组样式设置规则，用于控制页面的外观样式2.为什么使用CSS实现内容与样式的分离，便于团队开发样式复用，便于网站的后期维护页面的精确控制，让页面更精美 3.CSS作用3.CSS作用页面外观美化布局和定位二、基本用法1、CSS语法<head> <...
2020-03-24 11:46:45
173
原创 HTML5 的课堂案例
1、HTML的扩展1代码：<html> <head> <title>第一个HTML文件</title> <meta charset="utf-8"> </head> <body> welcome to html! </body></html>案例：2、HTML...
2020-03-21 12:44:40
1067
原创 HTML5课堂入门笔记（完）
HTML5入门笔记一、网页设计中 的软件的安装设置1、typroa—笔记本工具（方便记录说明文档，图片等内容）减号加空格可出现此点文件名：由 基本文件名.扩展名（扩展名来确定这个文件的打开方式）打开扩展名的操作如图所示：1、打开我的电脑或者此电脑2、点击查看，将文件扩展名选中3、则，文件后面则会显示扩展名2、greenshot—截图工具设置...
2020-03-21 11:56:21
1799
原创 九、HTML5新增内容
九、HTML5新增内容1、结构相关标签用来进行页面结构布局，本身无任何特殊样式，需要使用CSS进行样式设置article定义一个独立的内容，完整的文章section定义文档的章节、段落header文章的头部、页眉、标题footer文章的底部、页脚、标注aside定义侧边栏figure图片区域figcaption为图片区域定义标题nav定义导航菜单结构标签只是表明各部分的角色，...
2020-03-21 11:51:11
339
原创 HTML5入门笔记
HTML5入门笔记一、网页设计中 的软件的安装设置1、typroa—笔记本工具（方便记录说明文档，图片等内容）减号加空格可出现此点文件名：由 基本文件名.扩展名（扩展名来确定这个文件的打开方式）打开扩展名的操作如图所示：1、打开我的电脑或者此电脑2、点击查看，将文件扩展名选中3、则，文件后面则会显示扩展名2、greenshot—截图工具设置...
2020-03-17 22:28:00
1113
原创 八、HTML简介
八、HTML简介1、发展W3C于1992年12月发布了HTML4.0.1标准W3C于2014年10月发布了HTML5标准2、特点：取消了过时的标签，如font、center等，它们仅限于展示外观增加了一些更具有语义化的标签，如：header、footer、aside等增加了一些功能标签，如：audio、video、canvas等增加了一些表单控件，如：emall、date、tim...
2020-03-17 22:17:01
150
原创 七、内嵌框架
七、内嵌框架1、简介使用iframe可以在一个页面中引用另一个页面，实现页面代码的复用，这样应用是非常的灵活。2、基本语法语法：<iframe src=""></iframe>常用属性;src引用的页面width/height宽度/高度 像素或百分比frameborder是否显示边框 ，取值：1（yes 显示边框）0（no 不显示边框）scroll...
2020-03-17 22:15:18
581
原创 六、表单
六、表单1.简介表单是一个包含若干表单元素的区域，用于回去不同类型东东用记信息表单元素是允许用户在表单中输入信息的元素，如：文本框、密码框、单选按钮、复选框、下拉按钮、列表等2.表单结构2.1表单的语法<form acition="" method=""> 多个表单元素</form>2.2form标签用来定义表单，可以包含多个表单元素常用属性：...
2020-03-17 19:47:43
122
原创 五、表格
五、表格1.简介表格是一个规则的行列结构，每个表格是由若干行组成，每行是由若干个单元格组成table、row、column2.基本结构2.1 table标签用来定义表格常用属性：border边框,默认值为0width/height宽度/高度align对齐方式,取值：left center rightbordercolor:边框颜色bgcolor:背景颜色backg...
2020-03-17 11:12:36
176
原创 四、超链接
四、超链接1.简介使用超链接可以从一个页面跳转到另一个页面，实现页面之间的跳转当鼠标移动超链接文本上时，鼠标箭头会变成一只小手超链接有三种类型：普通链接/页面间链接：跳转到另一个页面锚链接：跳转到锚点（同一个页面的某个位置）功能链接：实现特殊功能（发邮件，下载）2.基本用法使用 <a>标签创建超链接语法格式：<a href="链接地址" target="...
2020-03-17 10:21:24
1635
原创 HTML（之表单的）案例
1、表单的基本用法：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <h2>用户注册</h2> <f...
2020-03-14 20:08:14
1213
原创 HTML之（表单的常用标签）
表单1.简介表单是一个包含若干表单元素的区域，用于回去不同类型东东用记信息表单元素是允许用户在表单中输入信息的元素，如：文本框、密码框、单选按钮、复选框、下拉按钮、列表等2.表单结构2.1表单的语法<form acition="" method=""> 多个表单元素</form>2.2form标签用来定义表单，可以包含多个表单元素常用属性：...
2020-03-14 20:05:08
4307
1
原创 HTML（的简单表格）的案例
1、简单的表格代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <table border="2" width="400px" ...
2020-03-07 18:20:28
3230
原创 HTML（之表格常用标签）
表格1.简介表格是一个规则的行列结构，每个表格是由若干行组成，每行是由若干个单元格组成table、row、column2.基本结构2.1 table标签用来定义表格常用属性：border边框,默认值为0width/height宽度/高度align对齐方式,取值：left center rightbordercolor:边框颜色bgcolor:背景颜色backgro...
2020-03-07 18:08:54
1216
原创 三、常用标签
三、常用标签1.基本标签标签含义说明br换行标签属于非关闭性标签p段落标签属于关闭性标签，属于块状标签，前后的段落之间有明显的距离h1.h2…h6标题标签按照h1到h6逐渐表小，属于块级标签，并且文本会加粗显示pre预格式化标签保留编码时的格式div分区标签常用作容器来使用，一般用于页面布局划分，块级标签span范围标签...
2020-03-04 20:25:12
575
原创 HTML（常用标签与超链接）的案例
HTML（常用标签与超链接）的案例1.常用标签代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> hello<br>htm...
2020-03-04 20:14:18
1721
原创 标签的嵌套与超链接
4.标签的嵌套一个标签中嵌套另外一个标签标签不能乱嵌套，如以下标签的嵌套是错误的<p style="width:300px;height:300px;background:green"> <div style="width:200px;height:200px;background:blue"> hello </div></p&g...
2020-03-04 19:34:10
1317
原创 二、HTML的文档结构
二、HTML的文档结构1、基本结构1.1简介html标签是由尖括号的关键词，如<html>,通常标签都是成对出现的，如： <html><html> ;以<html>为根标签，包含：<head>头部和<body>主体部分；头部提供关于网页的相关信息，如标题、文档类型、字符编码、关键词等摘要信息摘要信息；主体部分提...
2020-03-03 19:00:50
766
原创 HTML的简介以及文档结构
HTML一、HTML（简介）1.HTML是什么？HTML:Hyper Text Markup Language 超文本标记（标签）语言此语言，是由各种标签组成，用来制作网页，告诉浏览器该如何显示页面我门看到的界面：代码人员需要看的页面：2、HTML的作用：制作网页，控制网页和内容的显示；插入图片、音乐、视频、动画等各种多媒体；通过链接检索信息； 链接：通...
2020-03-02 20:58:31
501
原创 软件的安装设置
网页设计中 的软件的安装设置1、typroa—笔记本工具（方便记录说明文档，图片等内容）减号加空格可出现此点文件名：由 基本文件名.扩展名（扩展名来确定这个文件的打开方式）打开扩展名的操作如图所示：1、打开我的电脑或者此电脑2、点击查看，将文件扩展名选中3、则，文件后面则会显示扩展名2、greenshot—截图工具设置1、将安装的greenshot中点击...
2020-03-02 18:54:58
2722
原创 课堂笔记HTML入门笔记
三、常用标签1.基本标签标签含义说明br换行标签属于非关闭性标签p段落标签属于关闭性标签，属于块状标签，前后的段落之间有明显的距离h1.h2…h6标题标签按照h1到h6逐渐表小，属于块级标签，并且文本会加粗显示pre预格式化标签保留编码时的格式div分区标签常用作容器来使用，一般用于页面布局划分，块级标签span范围标签...
2020-02-29 20:08:43
553
原创 HTML的案例
HTML的案例1.`<head> <title>HTML学习</title> </head><body> 欢迎学习网页技术！</body>`(C:\...
2020-02-25 12:13:43
255
原创 课堂笔记HTML入门笔记
预备内容：软件安装1.笔记本工具—typroa（方便记录说明文档，图片等内容）减号加空格可出现此点文件名：由 基本文件名.扩展名（扩展名来确定这个文件的打开方式）在此电脑中，点击上方的查看，里面会有文件扩展名，将其选中后，可显示文件的扩展名图片如下：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-yCJdonAD-1582515923412)(C:\...
2020-02-24 11:45:51
253
课堂笔记HTML入门笔记编写.md
2020-02-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人