大毛爱分享

Linux 系统目录结构

Sat, 25 Dec 2021 20:31:20 +0800

Linux 系统目录结构

一、树状目录结构

二、以下是对这些目录的解释：

/bin：
bin 是 Binaries (二进制文件) 的缩写, 这个目录存放着最经常使用的命令。
/boot：
这里存放的是启动 Linux 时使用的一些核心文件，包括一些连接文件以及镜像文件。
/dev ：
dev 是 Device(设备) 的缩写, 该目录下存放的是 Linux 的外部设备，在 Linux 中访问设备的方式和访问文件的方式是相同的。
/etc：
etc 是 Etcetera(等等) 的缩写,这个目录用来存放所有的系统管理所需要的配置文件和子目录。
/home：
用户的主目录，在 Linux 中，每个用户都有一个自己的目录，一般该目录名是以用户的账号命名的，如上图中的 alice、bob 和 eve。
/lib：
lib 是 Library(库) 的缩写这个目录里存放着系统最基本的动态连接共享库，其作用类似于 Windows 里的 DLL 文件。几乎所有的应用程序都需要用到这些共享库。
/lost+found：
这个目录一般情况下是空的，当系统非法关机后，这里就存放了一些文件。
/media：
linux 系统会自动识别一些设备，例如U盘、光驱等等，当识别后，Linux 会把识别的设备挂载到这个目录下。
/mnt：
系统提供该目录是为了让用户临时挂载别的文件系统的，我们可以将光驱挂载在 /mnt/ 上，然后进入该目录就可以查看光驱里的内容了。
/opt：
opt 是 optional(可选) 的缩写，这是给主机额外安装软件所摆放的目录。比如你安装一个ORACLE数据库则就可以放到这个目录下。默认是空的。
/proc：
proc 是 Processes(进程) 的缩写，/proc 是一种伪文件系统（也即虚拟文件系统），存储的是当前内核运行状态的一系列特殊文件，这个目录是一个虚拟的目录，它是系统内存的映射，我们可以通过直接访问这个目录来获取系统信息。
这个目录的内容不在硬盘上而是在内存里，我们也可以直接修改里面的某些文件，比如可以通过下面的命令来屏蔽主机的ping命令，使别人无法ping你的机器：
/root：
该目录为系统管理员，也称作超级权限者的用户主目录。
/sbin：
s 就是 Super User 的意思，是 Superuser Binaries (超级用户的二进制文件) 的缩写，这里存放的是系统管理员使用的系统管理程序。
/selinux：
这个目录是 Redhat/CentOS 所特有的目录，Selinux 是一个安全机制，类似于 windows 的防火墙，但是这套机制比较复杂，这个目录就是存放selinux相关的文件的。
/srv：
该目录存放一些服务启动之后需要提取的数据。
/sys：

这是 Linux2.6 内核的一个很大的变化。该目录下安装了 2.6 内核中新出现的一个文件系统 sysfs 。

sysfs 文件系统集成了下面3种文件系统的信息：针对进程信息的 proc 文件系统、针对设备的 devfs 文件系统以及针对伪终端的 devpts 文件系统。

该文件系统是内核设备树的一个直观反映。

当一个内核对象被创建的时候，对应的文件和目录也在内核对象子系统中被创建。
/tmp：
tmp 是 temporary(临时) 的缩写这个目录是用来存放一些临时文件的。
/usr：
usr 是 unix shared resources(共享资源) 的缩写，这是一个非常重要的目录，用户的很多应用程序和文件都放在这个目录下，类似于 windows 下的 program files 目录。
/usr/bin：
系统用户使用的应用程序。
/usr/sbin：
超级用户使用的比较高级的管理程序和系统守护程序。
/usr/src：
内核源代码默认的放置目录。
/var：
var 是 variable(变量) 的缩写，这个目录中存放着在不断扩充着的东西，我们习惯将那些经常被修改的目录放在这个目录下。包括各种日志文件。
/run：
是一个临时文件系统，存储系统启动以来的信息。当系统重启时，这个目录下的文件应该被删掉或清除。如果你的系统上有 /var/run 目录，应该让它指向 run。

三、在 Linux 系统中，有几个目录是比较重要的，平时需要注意不要误删除或者随意更改内部文件。

/etc：上边也提到了，这个是系统中的配置文件，如果你更改了该目录下的某个文件可能会导致系统不能启动。

/bin, /sbin, /usr/bin, /usr/sbin: 这是系统预设的执行文件的放置目录，比如 ls 就是在 /bin/ls 目录下的。

值得提出的是，/bin, /usr/bin 是给系统用户使用的指令（除root外的通用户），而/sbin, /usr/sbin 则是给 root 使用的指令。

/var：这是一个非常重要的目录，系统上跑了很多程序，那么每个程序都会有相应的日志产生，而这些日志就被记录到这个目录下，具体在 /var/log 目录下，另外 mail 的预设放置也是在这里。

python运行报错 raise WebDriverException("Can not connect to the Service %s" % self.path) selenium.common

Wed, 08 Dec 2021 13:55:46 +0800

selenium+python 调起浏览器报错raise WebDriverException(“Can not connect to the Service %s” % self.path)

原因：本地hosts解析少 127.0.0.1 localhost，加上就就行
方法：打开终端，输入sudo vim /etc/hosts  输入密码，添加 `127.0.0.1    localhost` 保存即可。

Mac下python设置pip国内镜像源

Wed, 27 Oct 2021 23:45:10 +0800

进入根目录：cd ~/
进入.pip目录 cd .pip
如果不存在文件夹就新建mkdir .pip
进入 cd .pip
创建pip.conf文件 touch pip.conf

修改：vim pip.conf
添加以下代码保存即可

index-url=http://mirrors.aliyun.com/pypi/simple/
[install]
trusted-host=mirrors.aliyun.com

Mac使用selenium无法驱动chrome浏览器

Tue, 26 Oct 2021 19:17:46 +0800

Mac使用selenium无法驱动chrome浏览器

今天闲来无视打算配置下mac的selenium想着没事的时候可以玩一玩。没想到，按照win的配置方法无法驱动chrome，考虑是否是驱动版本不对，反复尝试了几个临近版本的驱动仍然不行。百度下原来selenium在Mac下必须先要把驱动放在/usr/local/bin/目录里，可以使用命令：`open /usr/local/bin/`打开文件夹把驱动复制一份到这里即可！

Mac安装python3

Tue, 14 Sep 2021 19:16:51 +0800

MacOs安装Python3.X过程记录：

1⃣️mac自带一个2.7版本的python，如果你之前没装过其他版本，在终端运行python –version就会看到这个版本号打印出来。你可以直接使用这个版本的python进行操作。
2⃣️原本想用ln建立软连接覆盖现在python的地址，但遗憾的是Mac限制了修改系统文件，即使使用sudo也不可以！
3⃣️网上找了一些方法都不是太好用，下面是我成功设置默认python3的方法，记录下来以供后面有同样烦恼的朋友查阅！

一.Pyton官网下载Mac对应的python安装包

官网地址：https://www.python.org/downloads/macos/

下载对应的安装包然默认后安装即可在终端使用python3,我这里是使用的python3.8。

二.修改默认python版本为最新的python3.8。

在终端输入: python，还是之前默认版本，需要该配置才能更新为最新版本。

在终端输入：

which python3
#得到python3的路径
/Library/Frameworks/Python.framework/Versions/3.8/bin/python3
#修改代码如下：
#指定python3全局环境变量
#先进入当前用户的家目录，如果不知道当前路径可以用命令 pwd查看
#然后用ls -a 查看当前目录下是否有隐藏文件.bash_profile  。如果没有创建一个，命令是touch .bash_profile  
#使用vim打开文件.bash_profile 打开后按键盘i键切换到输入模式，光标移动到最末尾输入
#alias python="python3的路径地址" 下面以我的地址为例：
alias python="/Library/Frameworks/Python.framework/Versions/3.8/bin/python3"
#为pip命令重命名，同样在文件.bash_profile中继续输入下面代码
alias pip="/Library/Frameworks/Python.framework/Versions/3.8/bin/pip3"
#最后执行下面代码
source .bash_profile
#到此终端输入python就是刚才设置到python3版本，pip也设置好来。开机重启也没有问题！

到此python3.8安装并配置完毕！

HTML中常用中英文对照

Tue, 22 Dec 2020 00:43:37 +0800

类命名规则：

头：header	内容：content/container	尾：footer	导航：nav
侧栏：sidebar	页面外围控制整体布局宽度：wrapper	栏目：column	左右中：left right center
登录条：loginbar	标志：logo	广告：banner	页面主体：main
热点：hot	下载：download	新闻：news	子导航：subnav
菜单：menu	子菜单：submenu	搜索：search	友情链接：friendlink
页脚：footer	版权：copyright	滚动：scroll	内容：content
标签页：tab	文章列表：list	提示信息：msg	小技巧：tips
栏目标题：title	加入：joinus	指南：guild	服务：service
注册：regsiter	状态：status	投票：vote	合作伙伴：partner

id的命名:

容器: container	内容：content/container	页面主体：main	页尾：footer
页头：header	页面外围控制整体布局宽度：wrapper	导航：nav	侧栏：sidebar
栏目：column	左右中：left right center

导航：nav	主导航：mainbav	子导航：subnav	顶导航：topnav
菜单：menu	边导航：sidebar	左导航：leftsidebar	右导航：rightsidebar
标题: title	子菜单：submenu	摘要: summary

功能

标志：logo	广告：banner	注册：regsiter	搜索：search
登陆：login	登录条：loginbar	功能区：shop	标题：title
友情链接：link	状态：status	加入：joinus	按钮：btn
滚动：scroll	标签页：tab	文章列表：list	提示信息：msg
当前的: current	小技巧：tips	图标: icon	注释：note
指南：guild	服务：service	热点：hot	新闻：news
投票：vote	下载：download	合作伙伴：partner	版权：copyright\

学习HTML5的第四天

Mon, 21 Dec 2020 17:01:46 +0800

一、列表标签

表格是用来哦显示数据的，列表是用来布局的。

列表最大的特点是整齐、整洁、有序，它作为布局会更加自由方便。

根据列表的使用情景不同可分为三大类：

无序列表（重点）

<ul>标签在HTML页面中表示项目的无序列表，一般会以项目符号呈现列表项，而列表项使用<li>标签定义。

无序列表的基本语法格式如下：
```
<ul>
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
</ul>
```
注意：

a.无序列表的各个列表项之间没有顺序级别之分，是并列的。

b.<ul></ul>中只能嵌套<li></li>标签，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。

c.<li>与<li>之间相当于一个容器，可以容纳所有元素。

d.无序列表带有自己的样式属性，但在实际使用中，我们会使用css来设置其样式。
有序列表

有序列表即为排列顺序的列表，其各个列表项会按照一定的顺序排列定义。

在HTML标签中<ol>标签用于定义有序列表，列表排序以数字来显示，并且实用<li>标签来定义列表项。

有序列表的基本语法格式如下：
```
<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ol>
```
注意：

a.<ol></ol>中只能嵌套<li></li>标签，直接在<ol></ol>标签中输入其他标签或者文字的做法是不被允许的。

b.<li>与</li>之间相当于一个容器，可以容纳所有元素。

c.有序列表会带有自己样式属性，但在实际使用是，我们会使用css来设置。
自定义列表

自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。

自定义列表的基本语法格式如下：
```
<dl>
    <dt>名词1</dt>**
    <dd>名词1解释1</dd>
    <dd>名词1解释2</dd>
</dl>
```
注意：

a.<dl></dl>里面只能包含<dt></dt>和<dd></dd>标签。

b.<dt>和<dd>标签的个数没有限制，经常是一个<dt>对应多个<dd>标签。

列表标签总结：

标签名	定义	说明
`<ul></ul>`	无序列表	里面只能包含`<li>`标签，没有顺序，使用较多，`<li>`里面可以包含任何标签。
`<ol></ol>`	有序列表	里面只有能包含`<li>`标签，有顺序，使用较少，`<li>`里面可以包含任何标签。
`<dl></dl>`	自定义列表	里面只能包含<dt>``<dd>。`<dt>`和`<dd>`标签里面可以放任何标签。
**

二、表单列表

使用表单的目的是为了收集用户信息。

在HTML中，一个完整的表单通常是由表单域、表单控件（也称为表单元素）和提示信息3个部分构成。

表单域

表单域是一个包含表单元素的区域。

在HTML标签中，<form>标签用于定义表单域，以实现用户信息的收集和传递。

<form>会把它范围内的表单元素信息提交给服务器。
```
<form action="url地址" method="提交方式" name="表单域名称">
    各种表单元素控件
</form>
```
常用属性:

属性	属性值	作用
action	url地址	用于指定接收并处理表单数据的服务器程序的url地址。
method	get/post	用于设置表单数据的提交方式，其取值为get或post。
name	名称	用于指定表单的名称，以区分同一个页面中的多个表单域。

表单控件（表单元素）

在表单域中可以定义各种表单元素，这些表单元素就是允许用户在表单中输入或者选择的内容控件。

a.input输入表单元素；

在英文中input是输入的意思，在表单元素中<input>标签用于收集用户信息。在<input>标签中包含一个type属性，根据不同的type属性值，输入字段拥有很多种形式（可以是文本字段、复选框、掩码后的文本控件、单选按钮。按钮等。）

<input />标签是单标签。

type属性设置不同的属性值用来指定不同的控件类型。

语法基本格式：
```
<input type="属性值" />
```

属性值	描述
button	定义可点击按钮（多数情况下，用于通过JavaScript启动脚本）。
checkbox	定义复选框
file	定义输入字段和“浏览”按钮，供文件上传。
hidden	定义隐藏的输入字段。
image	定义图像形式的提交按钮。
password	定义密码字段，该字段中的字符被掩码。
radio	定义单选按钮。
reset	定义重置按钮，重置按钮会清除表单中的所有数据。
submit	定义提交按钮，提交按钮会把表单数据发送到服务器。
text	定义单行输入的字段，用户可以在其中输入文本。默认宽度为20个字符。

除type属性外，<input>标签还有其他很多属性，其常用属性如下：

属性	属性值	描述
name	由用户自定义	定义input元素的名称。
value	由用户自定义	规定input元素的值。
checked	checked	规定此input元素首次加载时应当被选中。
maxlength	正整数	规定输入字段中的字符的最大长度。

①、name和value是每个表单元素都有的属性值，主要是给后台人员使用。

②、name表单元素的名字，要求单选按钮和复选框要有相同的name值。

③、checked属性主要针对于单选按钮和复选框，主要主要一打开页面就有显示默认选中某个表单元素。

④、maxlength用于规定用户可以在表单元素输入的最大字符数，一般用于电话号码、身份证有规定字符数输入框里。

<label>标签

<label>标签为input元素定义标注（标签）。用于绑定一个表单元素当点击<label>标签内的文本时，浏览器会自动把焦点（光标）转到或者选择对应的表单元素上，用来增加用户体验。

语法：

   <label for="sex">男</label>
   <input type="radio" name="sex" id="sex" />
   # 其中for="sex"和id="sex"是选择对应关系，只有这两个属性的值相同才可以相互配对使用。

b.select下拉表单元素；

如果在页面中有多个选项让用户选择，并且想要节约页面空间我们可以使用<select>标签控件来定义下拉列表。

语法：

   <select>
       <option>选项1</option>
       <option>选项2</option>
       <option>选项3</option>
   </select>

**注意：**

①、<select>中至少包含一对<option>。

②、在<option>中定义selected=“selected”时当前项即为默认选中项。

c.textarea文本域元素；

当用户输入内容较多的情况下我们就不能使用文本框表单了，此时我们可以使用<textarea>标签。在表当元素中<textarea>标签是用于定义多行文本输入的控件。

语法：

```html
<br> 文本内容</p> </article> <article> <h1>学习HTML5的第三天</h1> <p>Sun, 20 Dec 2020 01:36:25 +0800</p> <h2 id="h2--html-"><a name="一、HTML中的注释和特殊字符" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>一、HTML中的注释和特殊字符</h2><ol> <li>如何需要在html文档中添加一些便于阅读和理解又不需要显示在页面中的注释文字，就需要用到注释标签。</li></ol> <p>在HTML中的注释标签：<code></code></p> <blockquote> <p>Ctrl+/ 可以快速注释文字</p> <p>注释标签里的内容是给程序员看的，这个代码是不执行不显示到页面中的。</p> </blockquote> <ol start="2"> <li><p>在HTML中一些特殊字符很难或者不方便直接使用，此时我们就可以使用下面的字符来替代。</p> <p>常见特殊字符如下所示：</p> </li></ol> <table> <thead> <tr> <th style="text-align:center">特殊字符</th> <th style="text-align:center">描述</th> <th style="text-align:center">字符的代码</th> </tr> </thead> <tbody><tr> <td style="text-align:center"></td> <td style="text-align:center">空格符</td> <td style="text-align:center"><code></code></td> </tr> <tr> <td style="text-align:center"><</td> <td style="text-align:center">小于号</td> <td style="text-align:center"><code><</code></td> </tr> <tr> <td style="text-align:center">></td> <td style="text-align:center">大于号</td> <td style="text-align:center"><code>></code></td> </tr> <tr> <td style="text-align:center">&</td> <td style="text-align:center">和号</td> <td style="text-align:center"><code>&</code></td> </tr> <tr> <td style="text-align:center">￥</td> <td style="text-align:center">人民币</td> <td style="text-align:center"><code>¥</code></td> </tr> <tr> <td style="text-align:center">©</td> <td style="text-align:center">版权</td> <td style="text-align:center"><code>©</code></td> </tr> <tr> <td style="text-align:center">®</td> <td style="text-align:center">注册商标</td> <td style="text-align:center"><code>®</code></td> </tr> <tr> <td style="text-align:center">°</td> <td style="text-align:center">摄氏度</td> <td style="text-align:center"><code>°</code></td> </tr> <tr> <td style="text-align:center">±</td> <td style="text-align:center">正负号</td> <td style="text-align:center"><code>±</code></td> </tr> <tr> <td style="text-align:center">×</td> <td style="text-align:center">乘号</td> <td style="text-align:center"><code>×</code></td> </tr> <tr> <td style="text-align:center">÷</td> <td style="text-align:center">除号</td> <td style="text-align:center"><code>÷</code></td> </tr> <tr> <td style="text-align:center">²</td> <td style="text-align:center">平方2（上标2）</td> <td style="text-align:center"><code>²</code></td> </tr> <tr> <td style="text-align:center">³</td> <td style="text-align:center">立方3（上标3）</td> <td style="text-align:center"><code>³</code></td> </tr> </tbody></table> <h2 id="h2--"><a name="二、表格" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>二、表格</h2><h3 id="h3-1-"><a name="1.表格标签" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>1.表格标签</h3><p>表格是实际开发中经常用到的标签：</p> <ol> <li><p>表格的主要作用</p> <p>表格的主要作用就是用来显示、展示数据，因为它可以让数据显示的非常规整，可读性非常好。特别是后台展示数据的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把复杂的数据表现的很有条理。总体来说：表格不是用来布局页面的，而是用来展示数据的。</p> </li><li><p>表格的基本语法</p> </li></ol> <pre><code class="language-html"> <table> <tr> <td>单元格内的文字</td> ... </tr> </table> # ---------- 标签解释 ---------- # <table></table> 用于定义表格的标签； # <tr></tr> 用于定义表格中的行，必须嵌套在<table></table>标签中； # <td></td> 用于定义表格中的单元格，必须嵌套在<tr></tr>标签中。字母td指表格数据（table data)，即数据单元格的内容；</code></pre> <ul> <li><p>表头单元格标签：</p> <p>一般表头单元格位于表格的第一行或第一列，表头单元格里面的文本内容加粗居中显示。</p> <p><code><th></code>标签表示HTML表格的表头部分（tablt head的缩写）</p> </li></ul> <pre><code class="language-html"> <table> <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td>大毛爱分享</td> <td>男</td> <td>25</td> </tr> </table></code></pre> <ul> <li><p>表格结构标签</p> <p> 使用场景：因为表格可能很长，为了更好的表示表格的<strong>语意</strong>，可以将表格分割成表格头部和表格主体两部分。</p> <p> 在表格标签中，分别用：<code><thead></code>标签来表示表格的头部区域、<code><tbody></code>标签来表示表格的主体区域。这样可以更好的分清表格结构。</p> <p> ①.<code><thead></thead></code>:用于定义表格的头部。<code><thead></code>内部必须拥有<code><tr></code>标签。一般是位于第一行。</p> <p> ②.<code><tbody></tbody></code>:用于定义表格的主体，主要用于放数据本体。</p> <p> ③.以上两个标签都是放在<code><table></table></code>标签中。</p> </li><li><p>合并单元格</p> <p> 特殊情况下可以把多个单元格合并成一个单元格，因为平时用的不多这里只了解下最简单的合并单元格。</p> <p> ①.合并单元格方式：</p> <p> a.跨行合并：rowspan=“合并单元格的个数”</p> <p> b.跨列合并：colspan=“合并单元格的个数”</p> <p></p> </li></ul> <p> ②.目标单元格：（写合并代码）</p> <p> a.跨行：最上侧单元格为目标单元格，写合并代码。</p> <p> b.跨列：最左侧单元格为目标单元格，写合并代码。</p> <p> ③.合并单元格的步骤：</p> <p> a.先确定是跨行还是跨列合并。</p> <p> b.找到目标单元格，写上合并方式=合并单元格的数量。比如：<code><td colspan="2"></td></code>。</p> <p> c.删除多余的单元格。</p> <ol start="3"> <li>表格的属性</li></ol> <p>表格标签这部分属性是我们实际开发中不常用的，后面大多数会通过css来设置。</p> <p>学习表格属性的目的有两个：</p> <p>a.记住这些英语单词，后面css会使用；</p> <p>b.直观感受表格的外观形态； </p> <table> <thead> <tr> <th style="text-align:center">属性名</th> <th style="text-align:center">属性值</th> <th style="text-align:center">描述</th> </tr> </thead> <tbody><tr> <td style="text-align:center">align</td> <td style="text-align:center">left、center、right</td> <td style="text-align:center">规定表格相对周围元素的对齐方式.</td> </tr> <tr> <td style="text-align:center">border</td> <td style="text-align:center">1或“”</td> <td style="text-align:center">规定表格单元是否拥有边框，默认为“”，表示没有边框.</td> </tr> <tr> <td style="text-align:center">cellpadding</td> <td style="text-align:center">像素值</td> <td style="text-align:center">规定单元边沿与其内容之间的空白，默认1像素.</td> </tr> <tr> <td style="text-align:center">cellspacing</td> <td style="text-align:center">像素值</td> <td style="text-align:center">规定单元格之间的空白，默认2像素.</td> </tr> <tr> <td style="text-align:center">width</td> <td style="text-align:center">像素值或百分比</td> <td style="text-align:center">规定表格的宽度.</td> </tr> </tbody></table> </article> <article> <h1>Markdown(Typora编辑器)快捷键一览</h1> <p>Sat, 19 Dec 2020 19:38:30 +0800</p> <h1 id="h1-markdown-typora-"><a name="Markdown编辑器Typora快捷键一览" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>Markdown编辑器Typora快捷键一览</h1><h2 id="h2--"><a name="一、菜单栏" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>一、菜单栏</h2><h4 id="h4-u5FEBu6377u952E"><a name="快捷键" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>快捷键</h4><table> <thead> <tr> <th style="text-align:center">文件</th> <th style="text-align:center">编辑</th> <th style="text-align:center">段落</th> <th style="text-align:center">格式</th> <th style="text-align:center">视图</th> <th style="text-align:center">主题</th> <th style="text-align:center">帮助</th> </tr> </thead> <tbody><tr> <td style="text-align:center">alt+F</td> <td style="text-align:center">alt+E</td> <td style="text-align:center">alt+P</td> <td style="text-align:center">alt+O</td> <td style="text-align:center">alt+V</td> <td style="text-align:center">alt+T</td> <td style="text-align:center">alt+H</td> </tr> </tbody></table> <h2 id="h2--"><a name="二、文件" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>二、文件</h2><h4 id="h4-u5FEBu6377u952E"><a name="快捷键" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>快捷键</h4><table> <thead> <tr> <th style="text-align:center">新建</th> <th style="text-align:center">新建窗口</th> <th style="text-align:center">打开</th> <th style="text-align:center">快速打开</th> </tr> </thead> <tbody><tr> <td style="text-align:center">Ctrl+N</td> <td style="text-align:center">Ctrl+Shift+N</td> <td style="text-align:center">Ctrl+O</td> <td style="text-align:center">Ctrl+P</td> </tr> </tbody></table> <table> <thead> <tr> <th style="text-align:center">保存</th> <th style="text-align:center">另存为</th> <th style="text-align:center">偏好</th> <th style="text-align:center">关闭</th> </tr> </thead> <tbody><tr> <td style="text-align:center">Ctrl+S</td> <td style="text-align:center">Ctrl+Shift+S</td> <td style="text-align:center">Ctrl+,</td> <td style="text-align:center">Ctrl+W</td> </tr> </tbody></table> <h2 id="h2--"><a name="三、编辑" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>三、编辑</h2><h4 id="h4-u5FEBu6377u952E"><a name="快捷键" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>快捷键</h4><table> <thead> <tr> <th style="text-align:center">撤销</th> <th style="text-align:center">重做</th> <th style="text-align:center">剪切</th> <th style="text-align:center">复制</th> <th style="text-align:center">粘贴</th> <th style="text-align:center">复制为MarkDown</th> </tr> </thead> <tbody><tr> <td style="text-align:center">Ctrl+Z</td> <td style="text-align:center">Ctrl+Y</td> <td style="text-align:center">Ctrl+X</td> <td style="text-align:center">Ctrl+C</td> <td style="text-align:center">Ctrl+V</td> <td style="text-align:center">Ctrl+Shift+C</td> </tr> </tbody></table> <table> <thead> <tr> <th style="text-align:center">跳转到文首</th> <th style="text-align:center">跳转到文末</th> <th style="text-align:center">查找</th> <th style="text-align:center">查找下一个</th> <th style="text-align:center">查找上一个</th> <th style="text-align:center">选中当前格式文本</th> </tr> </thead> <tbody><tr> <td style="text-align:center">Ctrl+Home</td> <td style="text-align:center">Ctrl+End</td> <td style="text-align:center">Ctrl+F</td> <td style="text-align:center">F3</td> <td style="text-align:center">Shift+F3</td> <td style="text-align:center">Ctrl+E</td> </tr> </tbody></table> <table> <thead> <tr> <th>粘贴为纯文本</th> <th>全选</th> <th>选中当前行/句</th> <th>选中当前词</th> <th>跳转到所选内容</th> <th>替换</th> </tr> </thead> <tbody><tr> <td>Ctrl+Shift+V</td> <td>Ctrl+A</td> <td>Ctrl+L</td> <td>Ctrl+D</td> <td>Ctrl+J</td> <td>Ctrl+H</td> </tr> </tbody></table> <h2 id="h2--"><a name="四、段落" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>四、段落</h2><h4 id="h4-u5FEBu6377u952E"><a name="快捷键" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>快捷键</h4><table> <thead> <tr> <th style="text-align:center">标题</th> <th style="text-align:center">段落</th> <th style="text-align:center">增大标题级别</th> <th style="text-align:center">减少标题级别</th> <th style="text-align:center">表格</th> <th style="text-align:center">代码块</th> </tr> </thead> <tbody><tr> <td style="text-align:center">Ctrl+1/2/3/4/5</td> <td style="text-align:center">Ctrl+0</td> <td style="text-align:center">Ctrl+=</td> <td style="text-align:center">Ctrl+-</td> <td style="text-align:center">Ctrl+T</td> <td style="text-align:center">Ctrl+Shift+K</td> </tr> </tbody></table> <table> <thead> <tr> <th style="text-align:center">公式块</th> <th style="text-align:center">引用</th> <th style="text-align:center">有序列表</th> <th style="text-align:center">无序列表</th> <th style="text-align:center">增加缩进</th> <th style="text-align:center">减少缩进</th> </tr> </thead> <tbody><tr> <td style="text-align:center">Ctrl+Shift+M</td> <td style="text-align:center">Ctrl+Shift+Q</td> <td style="text-align:center">Ctrl+Shift+[</td> <td style="text-align:center">Ctrl+Shift+]</td> <td style="text-align:center">Ctrl+]</td> <td style="text-align:center">Ctrl+[</td> </tr> </tbody></table> <h2 id="h2--"><a name="五、格式" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>五、格式</h2><h4 id="h4-u5FEBu6377u952E"><a name="快捷键" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>快捷键</h4><table> <thead> <tr> <th style="text-align:center">加粗</th> <th style="text-align:center">斜体</th> <th style="text-align:center">下划线</th> <th style="text-align:center">代码</th> <th style="text-align:center">删除线</th> <th style="text-align:center">超链接</th> <th style="text-align:center">图像</th> <th style="text-align:center">清除样式</th> </tr> </thead> <tbody><tr> <td style="text-align:center">Ctrl+B</td> <td style="text-align:center">Ctrl+I</td> <td style="text-align:center">Ctrl+U</td> <td style="text-align:center">Ctrl+Shift+`</td> <td style="text-align:center">Alt+Shift+5</td> <td style="text-align:center">Ctrl+K</td> <td style="text-align:center">Ctrl+Shift+I</td> <td style="text-align:center">Ctrl+</td> </tr> </tbody></table> <h2 id="h2--"><a name="六、视图" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>六、视图</h2><h4 id="h4-u5FEBu6377u952E"><a name="快捷键" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>快捷键</h4><table> <thead> <tr> <th style="text-align:center">显示隐藏侧边栏</th> <th style="text-align:center">大纲视图</th> <th style="text-align:center">文档列表视图</th> <th style="text-align:center">文件树视图</th> </tr> </thead> <tbody><tr> <td style="text-align:center">Ctrl+Shift+L</td> <td style="text-align:center">Ctrl+Shift+1</td> <td style="text-align:center">Ctrl+Shift+2</td> <td style="text-align:center">Ctrl+Shift+3</td> </tr> </tbody></table> <table> <thead> <tr> <th style="text-align:center">打字机模式</th> <th style="text-align:center">切换全屏</th> <th style="text-align:center">实际大小</th> <th style="text-align:center">放大</th> </tr> </thead> <tbody><tr> <td style="text-align:center">F9</td> <td style="text-align:center">F11</td> <td style="text-align:center">Ctrl+Shift+0</td> <td style="text-align:center">Ctrl+Shift+=</td> </tr> </tbody></table> <table> <thead> <tr> <th style="text-align:center">源代码模式</th> <th style="text-align:center">专注模式</th> <th style="text-align:center">缩小</th> <th style="text-align:center">应用内窗口切换</th> <th style="text-align:center">打开DevTools</th> </tr> </thead> <tbody><tr> <td style="text-align:center">Ctrl+/</td> <td style="text-align:center">F8</td> <td style="text-align:center">Ctrl+Shift+-</td> <td style="text-align:center">Ctrl+Tab</td> <td style="text-align:center">Shift+F12</td> </tr> </tbody></table> </article> <article> <h1>学习HTML5第二天_学习HTML的常用标签</h1> <p>Mon, 23 Nov 2020 11:56:29 +0800</p> <h2 id="h2--html5-"><a name="一、学习HTML5的常用标签" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>一、学习HTML5的常用标签</h2><h6 id="h6-1-"><a name="1. 标题标签：" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>1. 标题标签：</h6><pre><code class="language-html"># 这是标题标签 <h1>标题一</h1> <h2>标题二</h2> <h3>标题三</h3> <h4>标题四</h4> <h5>标题五</h5> <h6>标题六</h6> # 标题标签的语意是:“head ”表示一篇文章的头部，且标题标签为整行显示。</code></pre> <h6 id="h6-2-"><a name="2.段落标签：" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>2.段落标签：</h6><pre><code class="language-html"># 这是一个段落标签 <p></p> # 段落标签的语意是:“paragraph”[`paeragraef]段落的意思。</code></pre> <h6 id="h6-3-"><a name="3.换行标签" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>3.换行标签</h6><pre><code class="language-html"># 换行标签，是一个单标签。 <br /> # 换行标签语意为：“break”意思为打断，换行。在HTML中起到强制换行的作用。</code></pre> <h6 id="h6-4-"><a name="4.文本格式化标签" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>4.文本格式化标签</h6><pre><code class="language-html"># 这是加粗标签，他可以让文字变粗 <strong></strong>&<b></b> # 更推荐使用<strong></strong>，语意更强烈。 # 这是倾斜标签,他可以让文字变倾斜 <em>/<em>&<i></i> # 更推荐使用<em></em>进行倾斜，语意更强烈。 # 这是删除线标签,他可以让文字上添加删除线的效果 <del></del>&<s></s> # 更推荐使用<del></del>，语意更强烈。 # 这是下划线标签,他可以在文字下添加下划线的效果 <ins></ins>&<u></u> # 更推荐使用<ins></ins>，语意更强烈。</code></pre> <h6 id="h6-5-"><a name="5.网页布局标签：" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>5.网页布局标签：</h6><pre><code class="language-html"># div是division的缩写，意思为分割。 <div></div> # 在html里标签<div></div>是没有语意的标签，类似一个盒子用来装内容的。 # span 意思是跨度、跨距。 <span></span> # 在html里标签<span></span>是没有语意的标签，类似一个盒子用来装内容的。 #两个标签的对比： # 这里<div></div>和<span></span>的区别在于，div标签一行只能放一个，而span标签一行可以放多个。 </code></pre> <h6 id="h6-6-"><a name="6.图像标签：" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>6.图像标签：</h6><pre><code class="language-html"># 在HTML标签中，<img>标签用于定义HTML页面中的图像。 <img src="图像url"/> # img是image的缩写，是图像的意思。 # 说明：属性采取键值对的格式，即key="value"的格式，属性="属性值"。 # ①.图像标签可以拥有多个属性，但属性必须下载标签的后面。 # ②.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。 # ③.属性采取键值对的格式，即key="value"的格式。属性="属性值"。 # src是标签<img>必须属性，它用于指向图像文件的路径和文件名。 # 属性：简单理解就是属于这个图像标签的特性。 # 图像标签的属性： # alt:当图标不能显示的时候alt标签会替换图片显示文字，起到替换的作用。 # title：当鼠标移动到图片上时，显示的提示文本。起到提示的作用。 # width：用于设置图像的宽度。 # height:用于设置图像的高度。 # 注意：width & height一般只修改其中的一个，这样图像的高或者宽会等比例缩放。同时也会有效的避免图像失真或者压扁拉伸的情况。 # border：用于设置图像周围的边框粗细。一般边框会通过css设置，这里并不推荐使用border来设置。 --------重点总结-------- ①图像标签可以拥有多项属性； ②属性之间不分先后顺序，标签名与属性，属性与属性之间均以空格分开； ③属性采取的是键值对的格式，即key="value"的格式。属性="属性值"。</code></pre> <h3 id="h3-u5FC5u987Bu7684u5C5Eu6027"><a name="必须的属性" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>必须的属性</h3><table> <thead> <tr> <th style="text-align:center">属性</th> <th style="text-align:center">值</th> <th style="text-align:center">描述</th> </tr> </thead> <tbody><tr> <td style="text-align:center">alt</td> <td style="text-align:center">text</td> <td style="text-align:center">规定图形的替代文本</td> </tr> <tr> <td style="text-align:center">src</td> <td style="text-align:center">URL</td> <td style="text-align:center">规定显示图像的URL</td> </tr> </tbody></table> <h3 id="h3-u53EFu9009u7684u5C5Eu6027"><a name="可选的属性" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>可选的属性</h3><table> <thead> <tr> <th style="text-align:center">属性</th> <th style="text-align:center">值</th> <th style="text-align:center">描述</th> </tr> </thead> <tbody><tr> <td style="text-align:center">align</td> <td style="text-align:center">top、bottom、middle、left、right</td> <td style="text-align:center">不推荐使用。规定如何根据周围的文本来排列图像。</td> </tr> <tr> <td style="text-align:center">border</td> <td style="text-align:center">pixels、%</td> <td style="text-align:center">定义图像的高度。</td> </tr> <tr> <td style="text-align:center">height</td> <td style="text-align:center">pixels、%</td> <td style="text-align:center">定义图像的高度。</td> </tr> <tr> <td style="text-align:center">hspace</td> <td style="text-align:center">pixels</td> <td style="text-align:center">不推荐使用。定义图像左侧和右侧的空白。</td> </tr> <tr> <td style="text-align:center">ismap</td> <td style="text-align:center">URL</td> <td style="text-align:center">将图像定义为服务器端图像映射。</td> </tr> <tr> <td style="text-align:center">longdesc</td> <td style="text-align:center">URL</td> <td style="text-align:center">指向包含长的图像描述文档的URL。</td> </tr> <tr> <td style="text-align:center">usemap</td> <td style="text-align:center">URL</td> <td style="text-align:center">将图像定义为客户端图像映射。</td> </tr> <tr> <td style="text-align:center">vspace</td> <td style="text-align:center">pixels</td> <td style="text-align:center">不推荐使用。定义图像顶部和底部的空白。</td> </tr> <tr> <td style="text-align:center">width</td> <td style="text-align:center">pixels、%</td> <td style="text-align:center">设置图形的宽度。</td> </tr> </tbody></table> <h6 id="h6-7-"><a name="7.超链接标签" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>7.超链接标签</h6><pre><code class="language-html"># 标签<a></a>用于定义超链接，作用是从一个页面链接到另一个页面。 # 超链接的语法格式 <a herf="跳转目标" target="目标窗口的弹出方式">文本或图像</a> # 标签中a是anchor的缩写，意为：锚。 # 必须属性： # herf:用于指定链接目标的url地址。 # target:用于指定链接页面的打开方式，其中默认为_self(当前页面打开)，_blank为在新窗口中打开。 # 链接分类： # 外部链接：例如： <a herf="http://www.baidu.com">百度</a> # 内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可。例如： <a herf="index.html">首页</a> # 空连接：如果当时没有确定链接目标时，可以这么写： <a herf="#">首页</a> # 下载链接：如果herf里面地址是一个文件或者压缩包，会下载这个文件。 # 锚点链接:通过锚点链接可以快速的定位到页面中的某个位置。 # 在链接文本的herf属性中，设置属性值为#名字的形式，如： <a herf="#one">第一集</a> # 找到目标标签位置标签，在标签里面添加一个id属性=刚才的名字，如： <h3 id="one">第一集介绍</h3></code></pre> <h2 id="h2--"><a name="二、路径" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>二、路径</h2><h6 id="h6--"><a name="·目录文件夹和根目录" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>·目录文件夹和根目录</h6><pre><code>目录文件夹：在HTML中因为我们的文件不能乱放，否则用起来很难快速的找到他们，因此我们需要一个文件夹来管理他，这个文件夹我们称之为目录文件夹。里面存放了做网页所需要的输素材，比如HTML文件、图片等。跟目录：打开目录文件夹的第一层即为根目录。</code></pre><h6 id="h6--"><a name="·相对路径" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>·相对路径</h6><pre><code>相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。 ·同一级相对路径 ·下一级的相对路径 #用/符号表示下一级路径 ·上一级的相对路径 #用../符号表示上一级路径</code></pre><h6 id="h6--"><a name="·绝对路径" class="reference-link" href="#"></a><span class="header-link octicon octicon-link"></span>·绝对路径</h6><pre><code>绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。 # 通常使用相对路径较多。</code></pre> </article> </main></body></html>

大毛爱分享

Linux 系统目录结构

Linux 系统目录结构

一、树状目录结构

二、以下是对这些目录的解释：

三、在 Linux 系统中，有几个目录是比较重要的，平时需要注意不要误删除或者随意更改内部文件。

python运行报错 raise WebDriverException("Can not connect to the Service %s" % self.path) selenium.common

selenium+python 调起浏览器报错raise WebDriverException(“Can not connect to the Service %s” % self.path)

Mac下python设置pip国内镜像源

Mac使用selenium无法驱动chrome浏览器

Mac使用selenium无法驱动chrome浏览器

Mac安装python3

MacOs安装Python3.X过程记录：

一.Pyton官网下载Mac对应的python安装包

二.修改默认python版本为最新的python3.8。

HTML中常用中英文对照

类命名规则：

id的命名:

导航

功能

学习HTML5的第四天

一、列表标签

二、表单列表