first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>div 结构学习</title>
</head>
<body>
<div class="header">
<div class="top">
<img src="" alt="">
<input type="text">
</div>
<div class="menu">
<ul>
<li></li>
</ul>
</div>
</div>
<div class="content">
<div class="content_warp">
<div class="menu_lef"></div>
<div class="content_list"></div>
<div class="menu_right"></div>
</div>
</div>
<div class="footer">
<div class="footer_top">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<div class="code">
<h2>扫码</h2>
<img src="" alt="">
</div>
</div>
<div class="footer_bottom">
Copyright © 2013-2022 菜鸟教程 runoob.com All Rights Reserved. 备案号闽ICP备15012807号-1
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,128 @@
<html>
<head>
<meta charset="UTF-8" />
<title>html学习</title>
<meta name="description" content="这是我的第一个html网站">
</head>
<body>
<h1 title="提示文字">1</h1>
<h2>1</h2>
<h3>1</h3>
<h4>1</h4>
<h5>1</h5>
<h6>1</h6>
<img title="提示文字" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="图片无法加载" />
<input type="text" placeholder="请输入用户名">
<input type="number" placeholder="请输入手机号">
<input type="password" placeholder="请输入密码">
<h2>请选择你的性别:</h2>
<input type="radio" name="sss">
<input type="radio" name="sss">
<h2>请选择你的爱好:</h2>
汽车 <input type="checkbox" name="a">
编程 <input type="checkbox" name="a">
游戏 <input type="checkbox" name="a">
<h3>出生日期:</h3>
<input type="date">
<input type="file">
<input type="color">
<input type="button" value="登 录">
<input type="submit" value="登 录">
<button>登 录</button>
<form action="http://127.0.0.1/login.php" method="get">
<input type="text" placeholder="用户名" name="name">
<input type="password" placeholder="用户密码" name="pwd">
<input type="button" value="登 录 1">
<!-- submit 的作用是用来提交表单的 -->
<input type="submit" value="登 录 2">
</form>
<select name="" id="">
<option value="">-请选择-</option>
<option value="">合肥</option>
<option value="">南京</option>
<option value="">北京</option>
<option value="">苏州</option>
</select>
<a href="https://fanyi.baidu.com/#en/zh/padding" target="_blank">呵呵哈哈哈</a>
<a href="tel:15155145354">拨打客户电话</a>
<p>&nbsp;查看更多 &lt; </p>
<p>
上课的课件 <strong>强无敌</strong> 无群 <i>多同事B</i> 提交的新功能同事A的代码 强无敌无群 <big>多同事</big> B提交的 <small>新功能</small> 同事A的代码强无敌
<del>无群多同</del> 事B提交的新功能同事A的代码强无敌无群多同事B提 <em>交的新</em>
功能同事A的代码<br /><br />强无敌无群多同事B提交的新功能同事A的代码强无敌无群多同事B提交的新功能同事A的代码
</p>
<!-- 无序列表 重复性的布局结构-->
<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>
<div>div 标签??? 用来组织其他标签的</div>
<table border="1">
<tr>
<th> 标题</th>
<th> 价格</th>
</tr>
<tr>
<td>html</td>
<td>10元</td>
</tr>
<tr>
<td>css</td>
<td>20元</td>
</tr>
<tr>
<td>js</td>
<td>100元</td>
</tr>
</table>
<video src="https://www.runoob.com/try/demo_source/movie.mp4" loop poster="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" controls muted></video>
<audio src=""></audio>
</body>
</html>

View File

@@ -0,0 +1,131 @@
学的是什么?
web 前端开发
html 标签 h1
人体骨骼
实现网页的排版和布局
css 层叠样式表
化妆品美化html的
javascript (js) 脚本
人的思想
网站的功能,网页特效
web 后端开发phpjavapythongo.net(c#), nodejsruby + 数据库
前端:
以前:网站的页面 美工
前端工资3000 - 5000
nodejs 命运的转折点(留坑)
现在大前端的年代nodejs作为基石页面手机appandroid iosxxx小程序桌面应用后端开发
前端工资: 6000 - 不封顶
1-3
3-5
5-10
10-
github 全球最大的代码(同性交友网站)仓库 linus : 他是linux的作者
gitee 码云
git 代码的 版本控制 系统 (命令行的软件)
gui 图形界面
shell命令行
版本控制:
回滚
分支
dev 开发
test 测试
prod 上线
仓库:
远程仓库 https://gitee.com/bmycode/front-end-team
本地仓库
git init 初始化一个本地的git仓库
git add 文件名1 文件名2 文件名3 ...
表示选中哪些文件进行上传
git add -A 全选所有文件都上传
git commit -m "备注" 设置上传备注
git pull 拉取代码
git push 上传代码
mdmarkdown留坑
标签:
作用:实现网页上各种功能的 英文单词
<开始 英文字母> 你自己的文字 </结束 英文字母>
head 头部
body 主体 放内容
meta 元数据标签
form 表单 标签
<h1> 你好 </h1>
标签分类:
块标签 独占一行的标签可以被css 设置宽高
div h1~h6 ul li p
行标签 不独占一行的标签不可以被css 设置宽高
input img a span