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

122
历届学生/zheng-yuqing/每天上课/2022-04-18/index.html Normal file
View File

@@ -0,0 +1,122 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</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://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="抱歉，图片无法加载"/>
<a href="https://www.baidu.com/" target="_blank">百度</a>
<ul>
<li>无序列表1</li>
<li>无序列表2</li>
<li>无序列表3</li>
<li>无序列表4</li>
</ul>
<ol>
<li>有序列表 1</li>
<li>有序列表 2</li>
<li>有序列表 3</li>
<li>有序列表 4</li>
</ol>
<select name="" id="">
<option value="">-请选择-</option>
<option value="">安徽省</option>
<option value="">江苏省</option>
</select>
<textarea placeholder="请输入留言" cols="30" rows="10"></textarea>
<input type="text" placeholder="用户名">
<input type="password" placeholder="密码">
<input type="number" placeholder="验证码">
<input type="date">
<h2>请选择你的性别</h2>
男<input type="radio" name="xb">
女<input type="radio" name="xb">
<input type="checkbox" name="www">
<input type="checkbox" name="www">
<input type="checkbox" name="www">
<input type="color" name="">
<input type="file" name="">
<input type="time" name="">
<input type="submit" value="登 录">
<button>登 录</button>
<input type="reset" value="登 录"/>
<button>登 录</button>
<form action="http://127.0.0.1/index.php">
<input type="text" name="user_name" placeholder="用户名">
<input type="submit" value="登 录">
<input type="reset" value="清除">
<input type="button" value="登 录">
</form>
<video src="https://www.runoob.com/try/demo_source/movie.mp4" controls autoplay muted loop
poster="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"></video>
<audio src="https://www.runoob.com/try/demo_source/movie.mp4" controls></audio>
<table>
<tr>
<th>标题</th>
<th>价格</th>
<th>说明</th>
</tr>
<tr>
<td>测试1</td>
<td>10元</td>
<td>哈哈哈哈</td>
</tr>
<tr>
<td>测试1</td>
<td>10元</td>
<td>哈哈哈哈</td>
</tr>
<tr>
<td>测试1</td>
<td>10元</td>
<td>哈哈哈哈</td>
</tr>
</table>
<p>
在<strong> HTML 4.01 </strong>
<br> 中，<i>table</i> 元素的<em> "align" </em>和<del> "bgcolor" </del>属性是不被赞成使用的。
在 XHTML 1.0 Strict DTD，table <big>元素的</big> "align" 和 "bgcolor" <small>属性</small> 是不被支持的
</p>
<div>在 XHTML 1.0 Strict DTD，table </div>
<span>在 XHTML 1.0 Strict DTD，table </span>
</body>
</html>

53
历届学生/zheng-yuqing/每天上课/2022-04-18/jiegou.html Normal file
View File

@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>结构</title>
</head>
<body>
<div class="header">
<div class="logo">
<img src="" alt="">
<input type="text">
</div>
<div class="menu">
<ul>
<li>首页</li>
<li>首页</li>
<li>首页</li>
<li>首页</li>
</ul>
</div>
</div>
<div class="content">
<div class="left"></div>
<div class="center"></div>
<div class="right"></div>
</div>
<div class="footer">
<div class="footer_menu">
<ul>
<li></li>
</ul>
<div class="flow">
<h2>关注微信</h2>
<img src="" alt="">
</div>
</div>
<div class="footer_text">Copyright © 2013-2022 菜鸟教程 runoob.com All Rights Reserved. 备案号：闽ICP备15012807号-1</div>
</div>
</body>
</html>

51
历届学生/zheng-yuqing/每天上课/2022-04-18/kuangjia.html Normal file
View File

@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>框架</title>
</head>
<body>
<div class="header">
<div><img src="" alt=""></div>
<input type="text" name="" id="">
<div><ul>
<li>标题1</li>
<li>标题2</li>
<li>标题3</li>
</ul></div>
</div>
<div class="content">
<div> class="left"</div>
<div> class="content"</div>
<div> class="right"</div>
</div>
<div class="footer">
<div class="footer_menu">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="flow">
<h2>关注微信</h2>
<img src="" alt="">
</div>
<div>Copyright © 2013-2022 菜鸟教程 runoob.com All Rights Reserved. 备案号：闽ICP备15012807号-1</div>
</div>
</div>
</body>
</html>

120
历届学生/zheng-yuqing/每天上课/2022-04-18/笔记.txt Normal file
View File

@@ -0,0 +1,120 @@
git 代码版本控制系统
作者：
linux linus
git github web网站
开源
代码回滚
v1
v2
v3
仓库：
本地仓库
远程仓库
自己服务器搭建 git
github 全球最大的代码仓库 卖个微软 7亿美元 gitee coding
gitlab
公共仓库
私有仓库
分支：
dev 开发
test 测试
prod 正式
git init 初始化一个本地仓库
git add 选中文件 （暂存）文件名1 文件名1 xxx ....
git add -A 选中全部
git commit -m "备注的内容" 设置此次的上传备注
git pull 拉取（下载）
git push 上传 推送
git remote add origin https://gitee.com/bmycode/zheng-yuqing.git
web 开发（网站开发）
前端 负责界面，特效，功能，数据展示
html css js
后端 负责数据，安全，接口，服务器
java，php，nodejs，python，go，c#...
web 前端
html 超文本标签标记语言 人的骨骼
绘制网页的基本布局
css 层叠样式表 人的外表
美化网站的
js 运行在浏览器的脚本语言 人的思想
第一阶段 远古阶段 (html + css)
第二阶段 jquery
Node.js
第三阶段 三大框架
手机，pc网站，android ios app，桌面应用，后端，操作系统
meta
ul 重复性布局
div 一般用画网页的结构
标签分两类：
块标签
会独占一行的标签（默认宽度100%），可以通过css设置宽高属性
p h1 ~ h6 ul li div
行标签
不会独占一行的标签（默认宽度是被内容撑开的），不可以通过css设置宽高属性
img a input textarea span
在对网站进行画结构的时候要注意：
1：按照功能来划分div
2：按照分割线来画风div
3: 遵守网站的三要素 头部(header) 中间内容(content) 底部版权(footer)
注意：div 可以 替代 p 标签的所有场景
div内如果只有一个标签，那么div可以删除
作业:
https://www.readnovel.com/ 实现他的html结构和细节
https://www.ithome.com/