命令行理解

linux windows的命令方法都是大同小异

先输入命令然后空格后面是附加参数

例如windows命令notepad，就是打开记事本

notepad

命令的衍生

notepad C:\abc.txt

notepad后的c:\abc.txt 就是打开这个文件

例如Linux命令

free -m

先输入free然后一样是空格，然后代入参数-m，这样free就会根据附加参数进行输出内容，这里的m就是MB，也可以用-g，就是按GB显示。

各种命令都有预先定义好的参数根据实际情况进行输入。

附加命令有的是带单个- 也可能是两个--（表示多个参数一次性代入）

html初学备忘录

HTML初学例子说明HTML是W3C标准

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>我的第一个网页</title>

    <!-- 样式表（CSS）：这里只写一个例子，改变标题文字颜色 -->
    <style>
        h1 {
            color: blue; /* 将标题文字颜色设置为蓝色 */
        }
        .left {
            font-size: 18px;
        }
        #main { 
         font-size: 16px;
        }
    </style>
</head>
<body>
    <!--头部内容 --> 
    <header> 
    <div class='left'>左边内容</div>  
    <div class='right'>右边内容</div> 
    </header>
    <div id='main'>
    <!-- 一级标题 -->
    <h1>欢迎来到我的网页</h1>
    <!-- 段落文字 -->
    <p>这是我写的第一个 HTML 页面。HTML 用来描述网页的结构。</p>

    <!-- 超链接 -->
    <p>点击这里访问 <a href="https://www.example.com">示例网站</a></p>

    <!-- 图片 -->
    <p>下面是一个图片示例：</p>
    <img src="https://via.placeholder.com/150" alt="示例图片">

    <!-- 列表 -->
    <p>我喜欢的水果：</p>
    <ul>
        <li>苹果</li>
        <li>香蕉</li>
        <li>橘子</li>
    </ul>
    </div> 
    <footer> 
    <div class='left'>左边内容</div>  
    <div class='right'>右边内容</div> 
    </footer>
</body>
</html>

第一行的<!DOCTYPE html>是声明内容为html

第二行的<html>里面就是正式内容代码

第三行的head里面是我们的css js title meta等各种丰富网页内容的元素标签

第四行的<body>就是我们在网页展示的主体内容代码

第五点：<header> 是头部块，这里用header也可以视为是一个div标签，为了更好的分区域和阅读用header来表示更加直观，

header里面再加上div标签定义class引入style样式表实现划分成左右，在其他地方也是同理。

第六点 <div id='main'>就是我们额内容主体， h1到h6标签一般用于显示标题，h1默认字体最大，数字越大则字体越小，默认到h6

第七点：<footer> 表示网页的底部内容。

最后结束：</body></html>是我们标签声明结束进行闭合标签

标签使用的理解

<a href="https://www.example.com" class='mycss' id='myid' style="font-size:18px;" titile='我的网站'>示例网站</a>

<a>是html的标签（同理 meta div h1 h2 h3 ul li header footer这些都是遵循w3c标准的标签名）， href是定义超连接， class是引用样式表，id也可以引用样式表和class的区别就是id是唯一属性整个网页只能有一个id命名，class则可以多次使用， title标签是鼠标悬停点击前会辅助显示定义的内容，最后</a>是声明结束a标签（有一个斜杠来表示结束）， a标签中的示例网站就是在网页上显示的内容。

其中理解相同点href clas id style titile 都是W3C规范参数都是用=进行赋值，赋值的时候用单引号或者双引号括起来进行约束。

附加html备注内容写法

绿色部分就是我们备注方式写法，蓝色则是备注内容，里面可以写入任何备注的内容，不会在网页内进行显示。

html标签使用

HTML基础标签使用手册

一、HTML文档基本结构

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>页面标题</title> </head> <body>  </body> </html>

结构说明：

<!DOCTYPE html>：HTML5文档声

<html>：文档根元素

<head>：包含元信息

<body>：包含可见内容

二、核心标签详解

1. 元信息标签

charset：定义字符编码

viewport：控制移动端显示

2. 内容容器

div：通用容器

class：CSS类选择器

3. 导航菜单示例

三、标签使用规范

标签闭合：

正确：<p>内容</p>

错误：<p>内容

属性使用：

属性值必须用引号：class="header"

布尔属性可简写：disabled

嵌套规则：

块级元素可包含内联元素

列表项必须放在<ul>或<ol>中

四、特殊元素说明

body与框架入口

id="root"：React/Vue等框架的默认挂载点

五、完整示例

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>示例页面</title> </head> <body id="root"> <header> <h1>欢迎页面</h1> </header> <main> <p>这是一个HTML5示例文档。</p> </main> </body> </html>

六、注意事项

用语义化标签

保持代码缩进

重要属性：

href：链接地址

src：资源路径

alt：图片替代文本

Linux常用指令

[root@test_]LS 列出目录的文件和目录
[root@test-]ls a 详细列出
[root@test-]-lh 列出单位<k,m,g>
[root@test-]ls/ets 列出目录内容
[root@test-]mkdir＋目录名创建目录
[root@test-]mkdir -p //* 创建多个目录
[root@test-]touch＋文件名创建专自己要的文件
[root@test-]cp＋源文件路径复制文件
[root@test-]cp＋-r源目录路径复制
[root@test-]mv＋源文件路径移动文件
[root@test-]mv＋旧文件新文件名更改文件名
[root@test-]rm 文件名删除文件
[root@test-]rm -f 文件名强制删除
[roon@test-]rm -r 目录名删除目录
[roon@test-]rm -rf 目录名强制删除
[roon@test-]cat 文件名显示整个文件内容

[roon@test-]more 文件名分页显示
[roon@test-]less 文件名灵活分页显示
[roon@test-]find 目录 -name“文件名按名称查找
[roon@htest]tab 补充文件名
[roon@htest]ctrl＋c 终止正在执行的命令
[roon@htest]ctrl＋d 退出终端/会话
[roon@test]ctrl＋z 暂停当前进程 <fg恢复前台>
[roon@test]ctrl＋l 快速清屏
[roon@test]ctrl＋u 快速清空以输入的内容
[roon@test]ctrl＋k 删除光标后的内容《保留前面部分》
[roon@test]ctrl＋w 删除光标前一个单词
[roon@test]ctrl＋e 光标快速跳转命令行结尾
[roon@test]ctrl＋a 光标快速跳转命令行开头
[roon@test]ctel＋r 搜索历史命令
[roon@test]!! 重复上一条指令
[roon@test]!n 执行历史记录第n条命令《！2，执行第2条历史命令》
[roon@test]!$ 引用上一条命令的最后一个参数
[roon@test]sudo pacam -s 软件名 <更新系统和软件>
[roon@test]sudo pacman -s 软件名《安装软件》
[roon@test]sudo pacman -s 软件名保留依赖《卸载软件》
[roon@test]sudo pacman -Rs 软件名同时删除无用依赖《卸载软件》
[roon@test]sudo pacman =Rdd 软件名《强制卸载》
[roon@test]sudo pacman -syu <更新系统和软件>
[roon@test]pacman -Q 列出所有已安装的软件包《查看所有已安装的软件包》
[roon@test]pacman -Qs 列出所有已安装的软件包《查看所有已安装的软件包》
[roon@test]pacman -Qs 查看是否安装软件包《查看已安装的软件包》
[roon@test]pacman -Qi 软件名《查看软件包详细信息》
[roon@test]which 软件名《查看执行文件路径》
[roon@test]which 软件名《查看执行文件路径》
[roon@test]uname -a <显示系统内核版本‘主机名详细>
[roon@test]df -h <查看磁盘空间使用情况>
[roon@test]du -h [目录] <查看目录，文件大小>
[roon@test]free -h <查看内存使用情况><总内存，已用，可用>
[roon@test]top/htop <查看进程资源占用>
[roon@test]ps aux <查看所有进程详细信息>
[roon@test]kill [进程ID] <终止进程>
[roon@test]sudo [命令] <管理员权限执行命令>
[roon@test]ifconfig/ip addr <查看网络接口信息><ip地址，MAC地址>
[roon@test]netstat -tuln <查看系统监听端口>
[roon@test]wget <下载文件>
[roon@test]curl [URL] <发送HTTP请求或下载文件>
[roon@test]ssh [用户@IP] <通过SSH连接远程服务器>
[roon@test]head 文件名 <查看文件开头>
[roon@test]tail 文件名 <查看文件末尾内容>
[roon@test]grep 关键词 <在文件中搜索关键词>
[roon@test]wc [文件] <统计文件行数，单词数，字节数>
[roon@test]ping[目标] <测试网络连通性>

tab 自动补全

history 查看命令历史
wger/curl 下载
pwd 查找目录
yum install/nginx -y
yum ip:22<-p22> 用户名：root
linux：ls=dir=cd

uname -a 查看系统内容
df -h 查看磁盘空间使用内容
du -h 查看目录和文件大小
free -h 查看内容使用情况
top/htop 查看系统进程和资源
ps 查看进程
ps aux 查看全部进程信息
ping 测试网络
netstat/ss 查看网络连接状态
ifconfig/ip 查看或配置网络接口信息
curl ifconfig.me 快速获取公网IP地址

表面主题标题与展示

<!DOCTYPE html>

电脑显示屏

分类 默认分类 下的文章

分类默认分类下的文章