线上步骤
1 | 启动虚拟环境 |
https://101.201.31.80/polls/login
web入门:
从最初的网页开始
简单的html
1 |
|
代码纯属复制粘贴,里面啥也不懂
HTML详解
- 段落
这个元素的主要部分有:
a.开始标签(Opening tag):包含元素的名称(本例为 p),被大于号、小于号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。
b.结束标签(Closing tag):与开始标签相似,只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误,这可能会产生一些奇怪的结果。
c.内容(Content):元素的内容,本例中就是所输入的文本本身。
d.元素(Element):开始标签、结束标签与内容相结合,便是一个完整的元素。 - 属性class是属性名称,editor-note是属性的值。
1
<p class="editor-note">steins的首次尝试</p>
class 属性可为元素提供一个标识名称,以便进一步为元素指定样式或进行其他操作时使用。
属性应该包含:a.在属性与元素名称(或上一个属性,如果有超过一个属性的话)之间的空格符。
b.属性的名称,并接上一个等号。
c.由引号所包围的属性值。 - html详解
\<!DOCTYPE html> — 文档类型。混沌初分,HTML 尚在襁褓(大约是 1991/92 年)之时,DOCTYPE 用来链接一些 HTML 编写守则,比如自动查错之类。DOCTYPE 在当今作用有限,仅用于保证文档正常读取。现在知道这些就足够了。
\\ — \ 元素。该元素包含整个页面的内容,也称作根元素。
\
\ — 该元素指定文档使用 UTF-8 字符编码 ,UTF-8 包括绝大多数人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容,还可以避免以后出现某些问题,没有理由再选用其他编码。
\
\
- 图像该元素通过包含图像文件路径的地址属性 src,可在所在位置嵌入图像。
1
<img src="image/interlude_01.png" alt="我的测试页面">
该元素还包括一个替换文字属性 alt,是图像的描述内容,用于当图像不能被用户看见时显示,不可见的原因可能是:
用户有视觉障碍。视障用户可以使用屏幕阅读器来朗读 alt 属性的内容。
有些错误使图像无法显示。可以试着故意将 src 属性里的路径改错。保存并刷新页面就可以在图像位置看到:我的测试页面
- 标题
标题元素可用于指定内容的标题和子标题。就像一本书的书名、每章的大标题、小标题,等。HTML 文档也是一样。HTML 包括六个级别的标题, \–\
,一般最多用到 3-4 级标题。
1
2
3
4<h1>主标题</h1>
<h2>顶层标题</h2>
<h3>子标题</h3>
<h4>次子标题</h4> - 段落
1
2<p>steins是一个摸鱼晚期患者-1</p>
<p>steins是一个摸鱼晚期患者<-2/p> 列表
无序列表(Unordered List)中项目的顺序并不重要,就像购物列表。用一个\
- 元素包围。
有序列表(Ordered List)中项目的顺序很重要,就像烹调指南。用一个\- 元素包围。
链接
1
2
3<a>my blog</a> //<a> — a 是 "anchor" (锚)的缩写
<a href="">my blog</a> //为此 <a> 元素添加一个 href 属性
<a href="https://steins0.github.io/">my blog</a> //把属性的值设置为所需网址href 这个名字可能开始看起来有点令人费解,代表超文本引用( hypertext reference)。
CSS
- 详解:
整个结构称为 规则集(通常简称“规则”),各部分释义如下:
选择器(Selector)
HTML 元素的名称位于规则集开始。它选择了一个或多个需要添加样式的元素(在这个例子中就是 p 元素)。要给不同元素添加样式只需要更改选择器就行了。
声明(Declaration)
一个单独的规则,如 color: red; 用来指定添加样式元素的属性。
属性(Properties)
改变 HTML 元素样式的途径。(本例中 color 就是 \元素的属性。)CSS 中,由编写人员决定修改哪个属性以改变规则。
属性的值(Property value)
在属性的右边,冒号后面即属性的值,它从指定属性的众多外观中选择一个值(我们除了 red 之外还有很多属性值可以用于 color )。
注意其他重要的语法:
- 每个规则集(除了选择器的部分)都应该包含在成对的大括号里({})。
- 在每个声明里要用冒号(:)将属性与属性值分隔开。
- 在每个规则集里要用分号(;)将各个声明分隔开。
- 多元素选择
1
2
3p, li {
color: red;
} - 不同类型的选择
选择器名称 | 选择的内容 | 示例 |
---|---|---|
元素选择器(也称作标签或类型选择器) | 所有指定(该)类型的 HTML 元素 | p 选择 \ |
ID 选择器 | 具有特定 ID 的元素(单一 HTML 页面中,每个 ID 只对应一个元素,一个元素只对应一个 ID) | #my-id 选择 \ |
类选择器 | 具有特定类的元素(单一页面中,一个类可以有多个实例) | .my-class 选择 \ |
属性选择器 | 拥有特定属性的元素 | img[src] 选择 \ ![]() |
伪(Pseudo)类选择器 | 特定状态下的特定元素(比如鼠标指针悬停) | a:hover 仅在鼠标指针悬停在链接上时选择 \。 |
ps:ID第一次实现失败
JavaScript
- 变量 if…else
1
2
3
4
5
6
7
8
9
10
11
12let MyVariable = 'steins';
```
| 变量 | 解释 | 实例 |
|:----:|:----:|:----:|
|String|字符串(一串文本):字符串的值必须用引号(单双均可,必须成对)扩起来。|let myVariable = '李雷';|
|Number|数字:无需引号。|let myVariable = 10;|
|Boolean|布尔值(真 / 假): true/false 是 JS 里的特殊关键字,无需引号。|let myVariable = true;|
|Array| 数组:用于在单一引用中存储多个值的结构|let myVariable = [1, 'steins', 'gate', 10];<br>元素引用方法:myVariable[0], myVariable[1] ……|
|Object|对象:JavaScript 里一切皆对象,一切皆可储存在变量里。|let myVariable = document.querySelector('h1');以及上面所有示例都是对象。|
2. 运算符
+、-、*、/、===、!==、!
3. 条件语句1
2
3
4
5
6
7
8
9
10
11
12
13
14
154. 函数
5. 事件
css:
**定义和用法**
padding 简写属性在一个声明中设置所有内边距属性。
**说明**
这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。
注释:不允许使用负值。
**例子 1**
```css
padding:10px 5px 15px 20px;
- 上内边距是 10px
- 右内边距是 5px
- 下内边距是 15px
- 左内边距是 20px
django
线上部署
https://cloud.tencent.com/developer/article/1594413
升级sqlite版本
1 | # 下载源码(或者https://www.sqlite.org/2019/sqlite-autoconf-3290000.tar.gz) |