首页 前端知识 Linux基础命令与HTML的初步使用

Linux基础命令与HTML的初步使用

2024-10-30 20:10:37 前端知识 前端哥 436 497 我要收藏

Linux基础命令

文件相关

查看文件大小

du -sh 查看当前文件大小

du -sh./home 查看指定目录home大小

ncdu 增强版

查看硬盘信息

df -h以人类可读的方式来展示硬盘分区信息

查看文件列表

ls 查看当前目录下的文件

ls -l 以列表形式查看当前目录下的文件

ls -a查看当前目录下所有文件,报告隐藏文件

ls -h以人类可读的方式来展示硬盘分区信息

ls /查看指定目录下的文件

ll  alias ll='ls -alF'

ll -h 以人类可读方式来展示硬盘分区信息

ctrl r、hisstory历史记录中所搜命令

pwd显示当前目录

网络相关

测试IP

ping

ping是一个网络诊断工具,用于测试计算机与目标主机之间的网络连接。它通过发送ICMP(Internet Control Message Protocol)回显请求报文并等待回显应答报文来实现这一功能。

-c <count>:指定发送的 ICMP 回显请求报文的数量。默认情况下,ping命令会一直发送报文,直到用户手动停止。

-i <interval>:指定发送 ICMP 回显请求报文之间的时间间隔(以秒为单位)。默认值通常为1秒。

-s <size>:指定 ICMP 回显请求报文的大小(以字节为单位)。默认值通常为64字节。

-t <ttl>:指定 ICMP 回显请求报文的生存时间(Time to Live,TTL)。TTL 是一个计数器,用于限制报文在网络中的寿命。每经过一个路由器,TTL 减 1,当 TTL 减为 0 时,报文被丢弃。默认值通常为 64。

-v:显示详细的输出信息。

ping 命令的输出包括以下信息:

  • 发送的 ICMP 回显请求报文的数量。
  • 接收到的 ICMP 回显应答报文的数量。
  • 丢失的 ICMP 回显请求报文的数量(即未收到回显应答报文的数量)。
  • 往返时间(Round-Trip Time,RTT)的最小值、平均值和最大值。

测试远程接口

nc

nc(netcat)是一个用于网络通信的工具,也可以用来测试端口是否可用。

nc -zv example.com 80
 如果端口可用,将看到类似于以下的输出:
# Connection to example.com port 80 [tcp/http] succeeded!

# 如果端口不可用,您将看到类似于以下的输出:
# nc: connect to example.com port 80 (tcp) failed: Connection refused

# 注意,nc 命令在某些Linux发行版中可能需要单独安装。在Debian和Ubuntu系统上,可以使用以下命令安装 nc:
apt install netcat

# 在CentOS和RHEL系统上,可以使用以下命令安装 nc:
yum install nc
 telnet

telnet 是一个用于远程登录的工具,也可以用来测试端口是否可用。

要使用telnet命令测试远程服务器的端口号,请按照以下格式输入命令:

telnet <remote_host> <port>

telnet example.com 80

# 如果端口可用,您将看到类似于以下的输出:
# Trying 93.184.216.34...
# Connected to example.com.
# Escape character is '^]'.

# 如果端口不可用,您将看到类似于以下的输出:
# Trying 93.184.216.34...
# telnet: Unable to connect to remote host: Connection refused

 基本命令

arch 显示机器的处理器架构
uname -m 显示机器的处理器架构
uname -r 显示正在使用的内核版本
dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI)
hdparm -i /dev/hda 罗列一个磁盘的架构特性
hdparm -tT /dev/sda 在磁盘上执行测试性读取操作
cat /proc/cpuinfo 显示CPU info的信息
cat /proc/interrupts 显示中断
cat /proc/meminfo 校验内存使用
cat /proc/swaps 显示哪些swap被使用
cat /proc/version 显示内核的版本
cat /proc/net/dev 显示网络适配器及统计
cat /proc/mounts 显示已加载的文件系统
lspci -tv 罗列 PCI 设备
lsusb -tv 显示 USB 设备
date 显示系统日期
cal 2007 显示2007年的日历表
date 041217002007.00 设置日期和时间 - 月日时分年.秒
clock -w 将时间修改保存到 BIOS
free 用于查看系统内存,虚拟内存(交换空间)的大小占用情况
dmesg 显示系统诊断信息、操作系统版本号、物理内存的大小以及其它信息
tee 允许用户从标准输入读取数据,并将其复制到标准输出以及一个或多个文件中
ll | tee list.log

文件和目录

cd /home 进入 '/ home' 目录'
cd .. 返回上一级目录
cd ../.. 返回上两级目录
cd 进入个人的主目录
cd ~user1 进入个人的主目录
cd - 返回上次所在的目录
pwd 显示工作路径
ls 查看目录中的文件
ls -F 查看目录中的文件
ls -l 显示文件和目录的详细资料
ls -a 显示隐藏文件
ls *[0-9]* 显示包含数字的文件名和目录名
tree 显示文件和目录由根目录开始的树形结构(1)
lstree 显示文件和目录由根目录开始的树形结构(2)
mkdir dir1 创建一个叫做 'dir1' 的目录'
mkdir dir1 dir2 同时创建两个目录
mkdir -p /tmp/dir1/dir2 创建一个目录树
rm -f file1 删除一个叫做 'file1' 的文件'
rmdir dir1 删除一个叫做 'dir1' 的目录'
rm -rf dir1 删除一个叫做 'dir1' 的目录并同时删除其内容
rm -rf dir1 dir2 同时删除两个目录及它们的内容
mv dir1 new_dir 重命名/移动 一个目录
cp file1 file2 复制一个文件
cp dir/* . 复制一个目录下的所有文件到当前工作目录
cp -a /tmp/dir1 . 复制一个目录到当前工作目录
cp -a dir1 dir2 复制一个目录
ln -s file1 lnk1 创建一个指向文件或目录的软链接
ln file1 lnk1 创建一个指向文件或目录的物理链接
touch -t 0712250000 file1 修改一个文件或目录的时间戳 - (YYMMDDhhmm)
file file1 outputs the mime type of the file as text
iconv -l 列出已知的编码
iconv -f fromEncoding -t toEncoding inputFile > outputFile creates a new from the given input file by assuming it is encoded in fromEncoding and converting it to toEncoding.
find . -maxdepth 1 -name *.jpg -print -exec convert "{}" -resize 80x60 "thumbs/{}" \; batch resize files in the current directory and send them to a thumbnails directory (requires convert from Imagemagick)
lsof(list open files)是一个列出当前系统打开文件的工具。
lsof -i tcp 列出所有 tcp 网络连接信息
lsof -i udp 列出所有 udp 网络连接信息
lsof -i :3306 列出谁在使用某个端口
lsof -i udp:55 列出谁在使用某个特定的 udp 端口
lsof -i tcp:80 列出谁在使用特定的 tcp 端口

文件搜索

find / -name file1 从 '/' 开始进入根文件系统搜索文件和目录
find / -user user1 搜索属于用户 'user1' 的文件和目录
find /home/user1 -name \*.bin 在目录 '/ home/user1' 中搜索带有'.bin' 结尾的文件
find /usr/bin -type f -atime +100 搜索在过去100天内未被使用过的执行文件
find /usr/bin -type f -mtime -10 搜索在10天内被创建或者修改过的文件
find / -name \*.rpm -exec chmod 755 '{}' \; 搜索以 '.rpm' 结尾的文件并定义其权限
find / -xdev -name \*.rpm 搜索以 '.rpm' 结尾的文件,忽略光驱、捷盘等可移动设备
locate \*.ps 寻找以 '.ps' 结尾的文件 - 先运行 'updatedb' 命令,此命令需要预先建立数据库,数据库默认每天更新一次,可用 updatedb 命令手工建立、更新数据库
whereis halt 显示一个二进制文件、源码或man的位置
which halt 显示一个二进制文件或可执行文件的完整路径

打包和压缩文件

bunzip2 file1.bz2 解压一个叫做 'file1.bz2'的文件
bzip2 file1 压缩一个叫做 'file1' 的文件
gunzip file1.gz 解压一个叫做 'file1.gz'的文件
gzip file1 压缩一个叫做 'file1'的文件
gzip -9 file1 最大程度压缩
rar a file1.rar test_file 创建一个叫做 'file1.rar' 的包
rar a file1.rar file1 file2 dir1 同时压缩 'file1', 'file2' 以及目录 'dir1'
rar x file1.rar 解压rar包
unrar x file1.rar 解压rar包
tar -cvf archive.tar file1 创建一个非压缩的 tarball
tar -cvf archive.tar file1 file2 dir1 创建一个包含了 'file1', 'file2' 以及 'dir1'的档案文件
tar -tf archive.tar 显示一个包中的内容
tar -xvf archive.tar 释放一个包
tar -xvf archive.tar -C /tmp 将压缩包释放到 /tmp目录下
tar -cvfj archive.tar.bz2 dir1 创建一个bzip2格式的压缩包
tar -xvfj archive.tar.bz2 解压一个bzip2格式的压缩包
tar -cvfz archive.tar.gz dir1 创建一个gzip格式的压缩包
tar -xvfz archive.tar.gz 解压一个gzip格式的压缩包
zip file1.zip file1 创建一个zip格式的压缩包
zip -r file1.zip file1 file2 dir1 将几个文件和目录同时压缩成一个zip格式的压缩包
unzip file1.zip 解压一个zip格式压缩包

查看文件内容

cat file1 从第一个字节开始正向查看文件的内容
tac file1 从最后一行开始反向查看一个文件的内容
more file1 查看一个长文件的内容
less file1 类似于 'more' 命令,但是它允许在文件中和正向操作一样的反向操作
head -2 file1 查看一个文件的前两行
tail -2 file1 查看一个文件的最后两行
tail -f /var/log/messages 实时查看被添加到一个文件中的内容

HTML

概述

HTML(Hyper Text Markup Language,超文本标记语言)是一种标记语言,用于设计和编辑网页。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的 Internet 资源连接为一个逻辑整体。HTML 文本是由 HTML 命令组成的描述性文本,HTML 命令可以说明文字、图形、动画、声音、表格、链接等。

HTML 文件是一种纯文本文件,可以使用各种文本编辑器打开或创建。每个网页都是一个 HTML 文档,使用浏览器访问一个链接(URL),实际上就是下载、解析和显示 HTML 文档的过程。将众多HTML文档放在一个文件夹中,然后提供对外访问权限,就构成了一个网站。

HTML 不是编程语言,没有逻辑处理能力,没有计算能力,不能动态地生成内容,而只能静态地展示网页信息。HTML 通过不同的标签来标记不同的内容、格式、布局等,例如:<img> 标签表示一张图片;<a> 标签表示一个链接;<table> 标签表示一个表格;<input> 标签表示一个输入框;<p> 标签表示一段文本;<strong> 标签表示文本加粗效果;<div> 标签表示块级布局。

网页的构成

HTML:通常用来定义网页内容的含义和基本结构。

CSS:通常用来描述网页的表现与展示效果。

JavaScript:通常用来执行网页的功能与行为

发展史

  • HTML 1.0 在 1993 年 6 月作为互联网工程工作小组(IETF)工作草案发布(并非标准)
  • HTML 2.0 —— 1995 年 11 月作为 RFC 1866 发布,在 RFC 2854 于 2000 年 6 月发布之后被宣布已经过时
  • HTML 3.2 —— 1997 年 1 月 14 日,W3C 推荐标准
  • HTML 4.0 —— 1997 年 12 月 18 日,W3C 推荐标准
  • HTML 4.01(微小改进)—— 1999 年 12 月 24 日,W3C 推荐标准
  • HTML 5 —— 2014 年 10 月 29 日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。是目前最为流行的版本,提供了很多标签新特性,现代大多数浏览器已经具备了 HTML 5 的支持。

W3C 是万维网联盟(World Wide Web Consortium,W3C),又称 W3C 理事会。1994 年 10 月在麻省理工学院计算机科学实验室成立。建立者是万维网的发明者蒂姆·伯纳斯-李,负责制定web相关标准的制定。

基本结构

HTML分为网页头部和主体部分

基本标签

标题标签

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

段落标签

<p>Hello World</p>
<p>Hi World</p>

 换行标签

<p>Hello World<br>
Hi World</p>

水平线标签

<hr>

 字体样式标签

 加粗:<strong>....</strong>   、<b>....</b>

倾斜:<em>....</em>

设置边距样式

在vscode中安装live server插件,在编程页面编写代码点击右下角执行

在网页上出现转化后的网页,鼠标右击,选中检查

在element.style中写border 1px  red,就会出现红框

转载请注明出处或者链接地址:https://www.qianduange.cn//article/19638.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!