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

60
历届学生/熊坤/2019-02-01/index.html Normal file
View File

@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>html第二课</title>
</head>
<body>
<a href="https://www.baidu.com/" target="_blank">我是百度</a>
<img src="https://cn.vuejs.org/images/logo.png" alt="抱歉，图片无法加载"/>
<h1>我是标题1</h1>
<h2>我是标题2</h2>
<h3>我是标题3</h3>
<h4>我是标题4</h4>
<h5>我是标题5</h5>
<h6>我是标题6</h6>
<p>我是文章的<br>正文内容！！！</p>
<button type="submit">登录</button>
<br/>
<input type="text" placeholder="请输入用户名" value="编码猿"/>
<br/>
<input type="password" placeholder="请输入密码"/>
<br/>
<input type="date" >
<br/>
<input type="datetime-local">
<br/>
<input type="file" >
<br/>
<input type="color" disabled>
<br/>
<input type="number" readonly placeholder="请输入手机号" autofocus>
<br/><br/>
<h2>1. (单选题) 请问1+1等于几？</h2>
<input type="radio" name="aw"> A: 1 <br/>
<input type="radio" name="aw"> B: 2 <br/>
<input type="radio" name="aw"> C: 3 <br/>
<input type="radio" name="aw"> D: 4 <br/>
<br/>
<h2>2. (多选题) 你为什么想要学习编程？</h2>
<input type="checkbox" name="aw"> A: 因为我闲着蛋疼 <br/>
<input type="checkbox" name="aw"> B: 感觉这个行业很酷 <br/>
<input type="checkbox" name="aw"> C: 啊？我不知道啊，随便选的 <br/>
<input type="checkbox" name="aw"> D: 我喜欢编程，对他很感兴趣 <br/>
<input type="hidden" value="喜欢">
</body>
</html>

47
历届学生/熊坤/2019-02-01/任务.txt Normal file
View File

@@ -0,0 +1,47 @@
1: 认识html的基本结构
1：html 标签，网站最外层的父级标签，其他所有标签都必须包含在这里面
2：head 标签，网站头部标签，head里面的代码不会被用户看见，是给浏览看的
3：body 标签，网站的主体内容标签，这里面的代码会被用户看到。
2：html的常用标签及其作用和功能
学习参考地址：http://www.runoob.com/tags/html-reference.html
meta：元数据标签，它类似一个工具箱，里面有很多能实现不同功能的代码，具体不需要强制记忆，直接百度即可
参考地址：https://blog.csdn.net/weixin_39717076/article/details/80332134
<meta charset="UTF-8"> 设置中文编码，防止浏览器中文乱码
title：设置网站标签卡的标题
题外话：前端开发最讨厌IE浏览器(6,7,8,9)，因为前端的很多新特效或者说是js代码，老旧的IE浏览器都不支持
img: 显示图片用的
a: 显示一个超链接，可以从一个地方跳转到另外一个地方
h1 ~ h6：标题标签，用于设置文章标题，规律是数字越小显示效果越大！
一般用于，网站文章中来设置标题，具体使用哪一个根据你的实际需求决定！！！
p：在文章中显示一个段落(文章的正文)
特点：
1：自带上下的文章边距
2：它是一个 块级标签
button: 用于在网页上显示一个按钮
br : 实现网站内容或者元素的换行 相当于回车键的作用
input: 让用户可以在页面上输入内容信息，根据其type属性的不同可以实现不同的功能
还可以组合其它标签实现更多功能
学习地址：http://www.runoob.com/tags/tag-input.html
3：提前说一下css