bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
历届学生/陈一航/2020-03-10/index.html Normal file
View File

@@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="这是我的网站介绍"/>
<title>这是我的第一课</title>
</head>
<body>
<p>段落标签</p>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<img src="https://dss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=196519980,2056827994&fm=58"
alt="抱歉，图片无法显示">
<a href="https://baidu.com" target="_blank">百度</a>
<ul>
<li>ul：无序列表1</li>
<li>ul：无序列表2</li>
</ul>
<ol>
<li>
第一章：html学习
<ol>
<li>a标签学习</li>
<li>img标签学习</li>
<li>h1标签学习</li>
</ol>
</li>
<li>ol：有序列表2</li>
</ol>
<button>我是按钮</button>
<input type="text" placeholder="请输入用户名"/>
<input type="number" placeholder="请输入手机号"/>
<input type="password" placeholder="请输入密码">
<input type="color">
<input type="file"/>
<input type="date"/>
<input type="datetime-local"/>
<h2>请选择你的性别：</h2>
<input type="radio" name="sex"> 女
<input type="radio" name="sex"> 男
<input type="radio" name="sex2"> 女2
<input type="radio" name="sex2"> 男2
<h2>选择你的兴趣：</h2>
<input type="checkbox" name="eee"> 骑车
<input type="checkbox" name="322"> 游戏
<input type="checkbox" name="444"> 电影
<form action="http://127.0.0.1/index.php" method="GET">
<input required name="username" type="text" placeholder="请输入用户名">
<input required name="userpwd" type="password" placeholder="请输入密码">
<input type="button" value="登录"/>
<input type="submit" value="登录">
</form>
<video width="400" loop autoplay muted controls src="https://www.runoob.com/try/demo_source/movie.mp4"></video
<audio controls src="https://www.runoob.com/try/demo_source/horse.ogg"></audio>
<textarea placeholder="留言信息" name="" id="" cols="80" rows="10"></textarea>
<p>
<strong>option</strong> 元素&nbsp;&nbsp;&nbsp;&nbsp;定义下拉列表中的一个选项（一个条目）。
<br>
浏览器将 <sub>标</sub> 签 中<sup>的</sup>内容作为 <em>标签</em> 的菜单或是
<del>滚动列表</del>中的一个 <i>元素显示</i> 。option 元素位于 select 元素内部。
<center>居中</center>
</p>
<pre>
#!/usr/bin/env node
var argv = require('yargs').argv;
if (argv.ships > 3 && argv.distance < 53.5) {
console.log('Plunder more riffiwobbles!');
} else {
console.log('Retreat from the xupptumblers!');
}</pre>
</body>
</html>

79
历届学生/陈一航/2020-03-10/案例/demo.html Normal file
View File

@@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="main">
<div class="top">
<div class="top-logo">
<a href="">
<img src="" alt="">
</a>
</div>
<div class="top-menu">
<ul>
<li>HTML/CSS</li>
<li>HTML/CSS</li>
<li>HTML/CSS</li>
<li>HTML/CSS</li>
<li>HTML/CSS</li>
<li>HTML/CSS</li>
</ul>
</div>
</div>
<div class="content">
<div class="left">
<div class="left-top">
<h3>课程表</h3>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
<div class="left-top">
<h3>课程表</h3>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</div>
<div class="center"></div>
<div class="right">
<div class="right-top">
<h2>工具箱</h2>
<ul>
<li>
<img src="" alt="">
<span>dwede</span>
</li>
<li>
<img src="" alt="">
<span>dwede</span>
</li>
<li>
<img src="" alt="">
<span>dwede</span>
</li>
</ul>
</div>
</div>
</div>
<div class="footer">
<div class="top">
<img src="" alt="">
<span>dqewdqwdwqdwqd</span>
</div>
<div class="bottom">
错误，符号加班我就开荒保洁然后把VR计划表是而客户缴费
</div>
</div>
</div>
</body>
</html>

87
历届学生/陈一航/2020-03-10/笔记.txt Normal file
View File

@@ -0,0 +1,87 @@
前端：主要做网页的前端页面，页面特效和页面功能
应用范围：写pc（手机端）端页面，微信小程序，移动端APP，Pc端应用，后端应用
三块：
1：html 骨头 ： 写网页基本结构 超文本标签标记语言
2：css 皮肤：美化html 层叠样式表
3：javascript（js）思想：是一门变成语言，运行在客户端浏览器（服务上操作系统上 Node.js）上的脚本语言
1,2 用来构建页面的，3 主要用来写特效，功能
后端语言：PHP，java，python，go，js（nodejs）【全栈语言】，c#（桌面端，网站）
APP： android（java），swift，oc（c）
meta:
title： 浏览器标签卡
相对路径：
./ 当前目录
../ 上一层
/ 网站根目录
ul：无序列表
ol：有序列表
作用：
1：实现重复性的布局
2：网站的导航菜单（下拉菜单）
3：新闻网站的新闻列表
标签分类：
块级标签：
1：会独占一行 div
2：可以设置宽高属性 width height
行内标签: span
1: 不会独占一行
2: 不能设置宽高
div：
作用：用来组织网站整体结构的
span：
作用： 用来组织网站局部结构的
http请求方法：
get
参数放在地址栏
post
参数放在请求体body内部,form data
put
delete
header
option
任务
table
select
iframe