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

119
历届学生/韩一伟/每天课程/2021-06-16/index.html Normal file
View File

@@ -0,0 +1,119 @@
<!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>
<h1>标题1</h1>
<h2>标题1</h2>
<h3>标题1</h3>
<h4>标题1</h4>
<h5>标题1</h5>
<h6>标题1</h6>
<a href="https://www.baidu.com/" target="_blank">超链接</a>
<a href="tel:15155145354">联系我们</a>
<img width="100" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="图片无法显示">
<img width="100" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="图片无法显示">
<p>段落</p>
<span>span标签</span>
<ul>
<li>无序列表</li>
<li>无序列表</li>
<li>无序列表</li>
</ul>
<ol>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
<video controls loop autoplay muted poster="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"
src="https://www.runoob.com/try/demo_source/movie.mp4"></video>
<audio src=""></audio>
<input disabled type="text" placeholder="请输入用户名">
<input type="password" placeholder="请输入密码">
<input type="number" name="" id="" placeholder="请输入手机号">
<input type="file" name="" id="">
<input type="button" value="登录">
<button>登录</button>
<!--form 表单-->
<input type="submit" value="登录">
<input type="date" value="登录">
<input type="time" value="登录">
<h2>（单选）选择你的答案：</h2>
<input type="radio" name="rrrr" id="">
<input type="radio" name="rrrr" id="">
<input type="radio" name="ddd" id="">
<input type="radio" name="ddd" id="">
<input type="color">
<hr>
<h2>登录</h2>
<form action="http://127.0.0.1/login.php" method="POST">
<input type="text" name="username" placeholder="用户名">
<input type="password" name="userpwd" placeholder="密码">
<input type="submit" value="登录">
</form>
<textarea name="" id="" cols="30" rows="10" placeholder="请输入留言"></textarea>
<select name="" id="">
<option value="">--请选择--</option>
<option value="">合肥</option>
<option value="">南京</option>
<option value="">上海</option>
</select>
<p>
<del>CSDN</del> 是 <big>全球知</big> 名中文 <small>IT技术交</small> 流平台,创建于1999年, <sub>包含原</sub> 创博客、精 <sup>品</sup> 问答、职
<strong>业培</strong> 训、技术 <b>论</b> 坛、资 <em>源下</em> 载等 <i>产品</i> 服务,提供原创、优质、完整 <center>内容</center> 的专业IT技术开发社区.
</p>
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>刘兵</td>
<td>18</td>
</tr>
<tr>
<td>刘兵</td>
<td>18</td>
</tr>
<tr>
<td>刘兵</td>
<td>18</td>
</tr>
</table>
</body>
</html>

74
历届学生/韩一伟/每天课程/2021-06-16/笔记.txt Normal file
View File

@@ -0,0 +1,74 @@
git 版本控制
解释：就是控制各种文件的版本和修改记录的合并
可以文件回滚（后悔药）
公司会有一个服务器（远程仓库）
本地仓库
web版本的界面：
github 全球最大的同性交友网站
全球最大的代码仓库
gitee 码云
gitlab 免费的
.gitignore 忽略文件，控制哪些文件不上传
git 分支模型（代码的三个阶段）
开发
测试
生产
git init：表示初始化一个本地的git仓库
git add -A 决定哪些文件需要被上传， -A 全部上传
git commit -m "上传的备注" 设置此次上传的备注信息
git pull 拉取（下载）
git push 推送（上传）
git clone 项目地址
md（markdown）
前端三个东西
html 做结构
css 做样式
js 做功能 & 特效交互
webstorm
标签分为两种：
块级标签：可以通过css设置宽高，并且独占一行的标签
div，p，h1 ~ h6, ul, ol, li
行内标签：不可以通过css设置宽高，不独占一行的标签（多个标签可以横着放在一行）
a，img，span, video, input
为什么标签要分类：
为了实现布局！！！
网页中重复性布局使用 ul来实现

52
历届学生/韩一伟/每天课程/2021-06-16/结构布局.html Normal file
View File

@@ -0,0 +1,52 @@
<!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>
<!-- 头部 -->
<div class="header">
<div class="header-logo">
<img src="" alt="">
<input type="text" name="" id="">
</div>
<div class="header-menu">
<ul>
<li></li>
</ul>
</div>
</div>
<!-- 中间内容 -->
<div class="content">
<div class="content-left"></div>
<div class="content-center"></div>
<div class="content-right"></div>
</div>
<!-- 底部版权 -->
<div class="footer">
<div class="footer-top">
<ul>
<li></li>
</ul>
<div>
<h2></h2>
<img src="" alt="">
</div>
</div>
<div class="footer-bottom">
<p></p>
</div>
</div>
</body>
</html>