C11作业
作业一
使用 html 写一个网页，要求满足以下条件：
（1）网页中含有任意一张图片，图片路径使用绝对路径，鼠标悬停在图片时出现“马哥教育”文本，且点击图片可跳转至马哥教育官方页面
作业二
（2）网页中包含账号、密码登录，且账号提前定义好是admin且不可更改，输入密码时显示加密形式
作业三
判断题
（1）Java是编译型语言。
（2）Javascript中，不区分大小写字母，也就是说A和a是同一个变量。
（3）Javascript中的常量包括String、Number、Boolean、Null、Undefined。
（4）String字符串的语法中既可以使用单引号，也可以使用双引号。
（5）typeof是用来判断变量类型，不可以当作运算符使用。
（6）任何值和 undefined 运算，undefined 可看做0运算。
作业四
请分别描述下列代码中“+”的作用。
（1）console.log("年龄：" + 20);
（2）console.log(11+22+33);
（3）console.log("网络+安全");
（4）var a = 1;
var b = 2;
console.log("a" + b);
（5）var a = 1;
var b = 2;
console.log("a + b");
作业五
分别使用行内式、内嵌式、引入外部文件的方法造成网页弹窗，要求触发弹窗的JS命令不止一种。
作业六
安装Docker
作业一（满意以下要求）
网页中含有任意一张图片，图片路径使用绝对路径，鼠标悬停在图片时出现“马哥教育”文本，且点击图片可跳转至马哥教育官方页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>马哥教育</title>
</head>
<body>
<a href="https://www.magedu.com/">
<img src="magejiaoyu.jpg" alt="未加载" title="马哥教育">
</a>
</body>
</html>
解答
1、HTML标签通过是成对出现（双标签），也有少部分单标签，属性与标签之间，各属性之间都需要以空格隔开，属性值以双引号括起来。
2、双标签可以包含单标签。
a标签：为双边标签，可以嵌套img单边标签，可以实现点击图片跳转到指定地址
img标签（图片标签）
src：属性（指图片的路径位置，如果图片位置不对会报图片未加载）
title：鼠标悬停时出现文本提示
-
作业二（满足以下要求）
网页中包含账号、密码登录，且账号提前定义好是 admin 且不可更改，输入密码时显
示加密形式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>马哥教育</title>
</head>
<body>
<!-- <a href="https://www.magedu.com/"> -->
<!-- <img src="magejiaoyu.jpg" alt="未加载" title="马哥教育"> -->
<!-- </a> -->
<form action="">
<h2>登录</h2>
<span>账号：<br></span><input type="text" value="admin" readonly ><br>
<span>密码：<br></span><input type="password"> <br>
<input type="submit" ><br>
<input type="reset" >
</form>
</script>
</body>
</html>
解答
h2：标签
span：行内元素
br：换行
input ：创建表单
type="text"：明文显示
value：内容，文本框
readonly：只读权限
type=“passwd”：加密
type="submit"：提交按钮
type="reset"：重置按钮
作业三（判断题）
判断题
1、Java 是编译型语言。
答：错误
2、Javascript 中，不区分大小写字母，也就是说 A 和 a 是同一个变量。不是，比如说
var A = 250; //变量1
var a = 888; //变量2
答：错误
JavaScript是区分大小写，大写A和小写a分别能定义两个变量。
3、Javascript 中的常量包括 String、Number、Boolean、Null、Undefined。
答：错误
在JavaScript中，string是字符串、number数值、Boolean布尔值、null空值、undefined未定义是数值类型，而不是常量
4、String 字符串的语法中既可以使用单引号，也可以使用双引号。
答：正确
5、typeof 是用来判断变量类型，不可以当作运算符使用。
答：错误
typeof是一个运算符，是为了返回一个数据类型的字符串
6、任何值和 undefined 运算，undefined 可看做 0 运算。
答：错误
当任何值和undefined运算时，返回结果是nan，而不是将undefined看作0来运算
作业四（计算题）
计算下述代码的打印值
请分别描述下列代码中“+”的作用。
1、console.log("年龄：" + 20);
答：年龄：20
在此代码中+起到了字符串拼接的作业
2、console.log(11+22+33);
答：66
在此代码中+是运算符，11、22、33属于数字类型
3、console.log("网络+安全");
答：网络+安全
在此代码中+是字符串中的一个普通字符，不具备运算能力，代码只能单词输出包含“+”的字符串
4、var a = 1;
var b = 2;
console.log("a" + b);
答：a2
“a”被当成单独的字符串，b为2
5、var a = 1;
var b = 2;
console.log("a + b");
答：a+b
“a”和“b”被在“”中的数字被李维字符串
作业五（JavaScript）
分别使用行内式、内嵌式、引入外部文件的方法造成网页弹窗，要求触发弹窗的 JS 命令
不止一种。
1、行内式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>作业五</title>
</head>
<body>
<input type="button" value="提交" οnclick="alert('行内式')">
</body>
</html>
答：
HTML标签
input：创建表单
type=:"button"：定义了提交按钮属性
value=“提交”：定义文本为提交
JavaScript标签
onclick：是一个事件处理属性，用于指定当前按钮被点击要执行JavaScript代码
alert（‘行内式’）：点击onclick触发JavaScript，调用alert函数，会弹出（‘’）里的内容
行内式总结
1、可以将单行或少量JS代码写在HTML标签的事件属性中（以on开头的属性），比如放在上面的onclick点击事件中
2、这种书写方式，不推荐使用，原因是：可读性差，需要编写大量的js代码时，容易出错；引号多层嵌套时，也容易出错
3、关于代码中（引号）在HTML标签中推荐使用双引号，JS中推荐使用单引号
2、内嵌式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>作业五</title>
</head>
<body>
<script type="text/JavaScript">
alert("内嵌式")
</script>
</body>
</html>
答：
script：可以将多行JS代码写入
type="text/JavaScript"：声明标签内代码为JavaScript
alert（”内嵌式“）：调用JavaScript的alert函数，造成弹窗
内嵌式总结：
1、Text表示文本，因为JavaScript也是一个纯文本的语言。
2、可以将多行JS代码写入<script>标签中。
3、内嵌式JS是学习时常用的方式。
3、引入外部JS文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>作业五</title>
</head>
<body>
<script type="text/JavaScript" src="弹窗.js">
</script>
</body>
</html>
弹窗.js文件内容alert('引入外部JS文件')
src：属性，在img标签中指定图片位置，JS文本语言，也可以指定JS文件内容，引入外部JS文件，触发弹窗
上面这段代码，依然是放在boy标签中，可以和内嵌JS代码并列。
另外，引入外部JS文件的script标签中不可以再写代码
引入外部JS总结
在实战开放中，基本都是采用3，因为这种方式，可以确保HTML文件和JS文件是分开的，有利于代码的结构化和复用，很少会有人吧一大堆JS代码塞到HTML文件里。
作业六
安装Docker
Docker介绍
Dockers是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的Linux或Windows操作系统的机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间不会有任何接口。
虚拟机：调用物理机的硬件
Docker：调用系统的虚拟化
官网地址
https://www.docker.com/
https://docs.docker.com/
本次实验操作系统
Centos 9
安装docker
1、检查是否有dockers，卸载旧版本
sudo dnf remove docker \
docker-client \
docker-client-latest \
docker-common \
docker-latest \
docker-latest-logrotate \
docker-logrotate \
docker-engine
2、安装dockers依赖环境
sudo dnf -y install dnf-plugins-core
3、设置docker仓库
sudo dnf config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo
4、安装Docker Engine（社区版）
sudo dnf install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin
5、设置dockers开机自启
sudo systemctl start docker
sudo systemctl enable docker
6、严重dockers是否安装成功
docker version
7、创建daemon.json文件，写入国内仓库源
在 /etc/docker/daemon.json文件中添加下面源地址
{
"registry-mirrors": [
"https://docker-0.unsee.tech",
"https://docker-0.unsee.tech",
"https://docker-cf.registry.cyou",
"https://docker.1panel.live",
"https://registry.dockermirror.com",
"https://docker.imgdb.de",
"https://docker.m.daocloud.io",
"https://hub.firefly.store",
"https://hub.littlediary.cn",
"https://hub.rat.dev",
"https://dhub.kubesre.xyz",
"https://cjie.eu.org",
"https://docker.kejilion.pro",
"https://docker.1panelproxy.com",
"https://docker.hlmirror.com",
"https://hub.fast360.xyz"
]
}
8、重启Docker生效
systemctl daemon-reload
systemctl restart docker
9、查看是否配置成功
docker info
10、基本命令
docker version：显示docker的操作版本
docker info：显示docker系统
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
