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

82
历届学生/front-end-team-10/每天课程/2023-02-05/index.html Normal file
View File

@@ -0,0 +1,82 @@
<!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="top_menu">
<ul>
<li>
<a href="">新闻</a>
</li>
<li>
<a href="">新闻</a>
</li>
<li>
<a href="">新闻</a>
</li>
<li>
<a href="">新闻</a>
</li>
</ul>
<div class="tools">
<div class="setting">设置</div>
<div class="login">登录</div>
</div>
</div>
<div class="content">
<img src="" alt="">
<div class="search">
<input type="text">
<button>百度一下</button>
</div>
<div class="hot">
<div class="title">
<div class="left">
<img src="" alt="">
<img src="" alt="">
</div>
<div class="right">
<img src="" alt="">
<span>换一换</span>
</div>
</div>
<ul>
<li>
<span>1</span>
<a>狂飙带火鱼干店 老板:微信加烦了</a>
</li>
</ul>
</div>
</div>
<ul class="copyright">
<li>
<a href="">关于百度</a>
</li>
<li>
<a href="">关于百度</a>
</li>
<li>
<a href="">关于百度</a>
</li>
<li>
哈哈哈
</li>
</ul>
</body>
</html>

35
历届学生/front-end-team-10/每天课程/2023-02-05/学信网.html Normal file
View File

@@ -0,0 +1,35 @@
<!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="top center">
<div class="left">
<img src="" alt="">
<img src="" alt="">
</div>
<ul class="right"></ul>
</div>
<ul class="bottom"></ul>
</div>
<div class="content">
<div class="center">
<img class="banner" src="" alt="">
<div class="list">
<ul class="left">
<li></li>
</ul>
<div class="right"></div>
</div>
</div>
</div>
</body>
</html>

22
历届学生/front-end-team-10/每天课程/2023-02-05/笔记.txt Normal file
View File

@@ -0,0 +1,22 @@
div: 主要用来划分网页结构的 90%
span: 用来放文字的（划分网页结构的） 10%
p：用来放文字的（补充） 段落
可以给标签取一个名字，这样好区分众多的标签
标签分类：
男（块标签）：独占一行的标签 div p ul ol 可以 设置宽高
女（行标签）：不独占一行的标签 span a img i 不可以设置宽高
如何画结构：
1: 网站都分三层（头，中间内容，版权）
2: 如果网站 中间如果有居中的部分，那居中部分外面必须套个div
3：按照位置来归纳
4：按功能来归纳
5：当div内部只有一个标签的时候，外部的div的作用可以被内部标签替代

85
历届学生/front-end-team-10/每天课程/2023-02-05/菜鸟教程.html Normal file
View File

@@ -0,0 +1,85 @@
<!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="center">
<ul class="left">
<li>
<a href=""></a>
<img src="" alt="">
</li>
<li>
<a href=""></a>
</li>
</ul>
<ul class="right">
<li>
<a href=""></a>
<img src="" alt="">
</li>
<li>
<a href=""></a>
</li>
</ul>
</div>
</div>
<div class="content">
<div class="center">
<div class="logo">
<div class="left">
<img src="" alt="">
<div class="search">
<select name="" id="">
<option value=""></option>
</select>
<input type="text">
<button></button>
</div>
</div>
<img src="" alt="">
</div>
<ul class="menu">
<li>
<ul>
<li>
<a href="">新闻</a>
</li>
<li>
<a href="">新闻</a>
</li>
</ul>
</li>
<li>
<ul>
<li>
<a href="">新闻</a>
</li>
<li>
<a href="">新闻</a>
</li>
</ul>
</li>
</ul>
<img src="" alt="">
</div>
</div>
<div class="copyright"></div>
</body>
</html>