复盘Linux命令,安装命令和工具,HTML5介绍,写一个网页
一.复盘Linux命令
127.0.0.1是本地回环地址
0.0.0.0 * 0.0.0.0 是一个特殊的 IP 地址,通常用于表示”未指定”或”任意”地址。在计算机网络中,它有几种不同的含义。
(1)在 IPv4 地址中,0.0.0.0 通常用作未指定地址。在服务器中,当需要监听所有可用的网络接口时,可以将服务绑定到 0.0.0.0 地址。
(2)在某些情况下,0.0.0.0 还可以表示”任意地址”,例如在路由表中指示默认路由。
3.打开虚拟机CentOS,安装网络命令和工具。输入以下命令:
1 2 3 4 5 6 7 8 9 10 11
| yum install net-tools.x86_64 -y 安装网络命令 yum -y install epel-release 安装软件源 yum -y install vim 安装编辑器 yum install unzip -y 安装unzip工具 yum search wget -y(yum install wget) 搜索并安装wget工具 yum install -y git 安装Git版本控制工具 yum install docker -y 安装容器引擎 yum -y install python-pip 安装python的pip包管理工具 yum install -y docker-compose 安装用于定义和运行多个容器的工具
yum -y install python-pip^c 安装python-pip包
|
二.HTML5介绍
1.HTML:超文本标记语言5, HTML5 是最新的 HTML 标准,于2014年由万维网联盟(W3C)正式推出。HTML5 提供了许多新的功能和语义化标签,旨在改进 Web 开发体验并提供更丰富的内容。
2.打开vscode,新建1.html的文件, 输入 !按tab键, 在
中输入以下代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
| <b>b</b> //加粗 <i>i</i> //斜体 <sup>sup</sup> //上标 //换行 <sub>sub</sub> //下标 <hr /> //水平线 <strong>加粗</strong> //加粗 <!-- --> //注释 Ctrl+/ <em>em</em> //强调表示斜体 <h1>标题</h1> //标题1 <h6>标题</h6> //标题6 <s>sifuef</s> //文字中下方有横线穿过 <del>del</del> //删除 <a href="https://home.firefoxchina.cn">火狐</a> //超链接 <img src="./1.jpg" alt="1"> //引入图片 <p>老默,我想吃鱼了快去<img src="./1.jpg" width="50" height="70" alt="树">钓几条鱼</p> //文字中引入图片 <table border="1"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> </table>
|
3.写一个from表单
1 2 3 4 5 6 7 8 9 10 11 12
| <form action="/submit-form" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name" required><br> <label for="email">电子邮件:</label> <input type="email" id="email" name="email" required><br> <label for="message">留言:</label> <textarea id="message" name="message" required></textarea><br> <input type="submit" value="提交"> </form>
|
三.写一个网页
1.新建2.html文件,输入以下代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54
| <!DOCTYPE html> <html>
<head> <title>简单的网页布局</title> <style> #container { width: 600px; text-align: center;
}
#header { height: 300px; width: 500px; background-color: aqua; margin-bottom: 0; }
#box02 { height: 400px; width: 200px; background-color: burlywood; float: left; margin-bottom: 0; }
#box03 { height: 400px; width: 300px; float: left; background-color: chartreuse; margin-bottom: 0; }
</style> </head>
<body> <div id="container"> <div id="header"> <p>这是顶部盒子</p> </div> <div id="box02"> <p>这是第二个盒子</p> </div> <div id="box03"> <p>这是第三个盒子</p> </div> </div> </body>
</html>
|