11.12

Posted maqiaobin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了11.12相关的知识,希望对你有一定的参考价值。

前端

任何与用户直接打交道的操作界面,都可以称之为前端

软件开发架构

C/S

B/S

B/S本质也是C/S

web服务的本质

请求与响应

在浏览器中输入网址敲回车会发生哪些事

  1. 朝着指定的服务器地址发送请求
  2. 服务端接收请求 并处理
  3. 返回相应的响应
  4. 浏览器接收并渲染出好看的画面给用户看

请求方式

  1. get请求

    朝服务器要资源

  2. post请求

    朝服务器提交数据

Http协议

全称为:超文本传输协议

规定了服务端与浏览器数据传输的数据格式

四大特性

  1. 基于TCP/IP作用于应用层之上的协议

  2. 基于请求响应

    请求对应的响应

  3. 无状态

    不保存客户端状态,每一次都是第一次

  4. 无连接

    长连接,websocket 聊天室

数据格式

请求格式

请求首行(请求方式 协议版本)

请求头(一大堆k:v键值对)

请求体(敏感信息,如:密码)

响应格式

和请求格式相同

响应状态码

用数字表示一串文字需要表达的意思

1XX:服务端已经成功接收请求,正在处理,此时可以继续提交其他数据

2XX:服务端成功响应了响应数据(200)

3XX:重定向

4XX:404,请求资源不存在;403,当前不符合某一些条件,无法正常访问

5XX:服务器内部错误(500)

html

全称为超文本标记语言

html的注释

<!--单行注释-->
<!--
多行注释
多行注释
多行注释
-->

HTML的文件结构

<html>
    <head>
        <!--给浏览器看的-->
    </head>
    <body>
        <!--给人看的-->
    </body>
</html>

标签的分类

  1. 双标签

    h1,a

  2. 自闭合标签

    img

  3. 块级标签

    独占一行的标签。

    注意:p标签虽然是块级标签,但是它的内部不能嵌套任何块级标签,只能嵌套行内标签

  4. 行内标签

    内部文本占位多大,就占多大

    行内标签不能嵌套行内和块级标签

head内常用标签

title 定义网页标题

style 内部支持写css代码

link 引入外部css样式文件

script 内部可以直接写js代码,也可以引入外部js文件

meta 定义网页源信息

<meta name = 'keywords',content = 'meta总结',html,meta,meta属性,meta跳转>

<meta name = "description" content = "老男孩教育">

body内常用标签

h1~h6  标题标签

p   段落标签,一个p就是一行内容

s   删除线

b   加粗

u   下划线

i   斜体

br  换行

hr  一条分割线

body内的特殊符号

&nbsp;  空格
&amp;   and
&yen;   rmb
&gt;    大于
&lt;    小于
&copy;  ?
&reg;   ?

标签通常应该有两个属性

id 就是类似于身份证号,每个标签都应该有id值,但是在同一个html中标签的id号是不能重复的

class 类属性,类似于面向对象的继承,如:class = ‘s1 s2 s3’ ,那么这个标签就会拥有s1s2s3的所有样式

body内的重要标签

div 标签用来定义一个块级元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现。
span 标签用来定义内联(行内)元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现。

div和span是前期构建网页的基本骨架

a 链接标签

  1. 跳转功能 href 参数控制跳转的地址

    这个地址在网站上没有被点过默认为蓝色,点过一次后都是紫色

    <a href = "https://www.baidu.com">百度</a>

    a标签默认的是在当前窗口跳转

    也可以指定新建窗口打开

    target="_self"

    target="_blank"

  2. 锚点功能

    给a标签设置id值,然后再href中书写对应的a标签id值,点击即可跳转到对应的位置

    <a href="" id = "a1">开头</a>
    <a href = "#a1">回到开头</a>

img 图片标签

  1. src

    1. 图片地址,可以是网上的地址,也可以是本地的图片地址
    2. url,自动朝该网址发送get请求,获取图片资源
  2. alt

    当图片加载不出来的时候会显示alt所设置的内容

  3. title

    鼠标悬浮在图片上是显示title所设置的内容

  4. width和height

    这两个参数只需要设置一个就可以,默认的是等比伸缩,如果两个参数都调整的话图片可能会失真

列表标签

无序列表

ul

? li

type参数

  1. disc (实心圆点,默认)
  2. circle(空心圆点)
  3. square (实心方块)
  4. none(无样式)

有序列表

ol

? li

type参数

  1. 1数字列表,默认
  2. A大写字母
  3. a小写字母
  4. I大写罗马
  5. i小写罗马

标题列表

dl

? dt 小标题

? dd 小章节

表格标签

展示数据一般都使用表格标签

<table>
    <thead>
        <tr>
            <th>username</th>
            <th>password</th>
            <th>hobby</th>
            <th>is_Delete</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>aaa</th>
            <th>123</th>
            <th>lol</th>
            <th>0</th>
        </tr>
    </tbody>
</table>

表格标签的属性

border: 表格边框.
cellpadding: 内边距
cellspacing: 外边距.
width: 像素 百分比.(最好通过css来设置长宽)
rowspan: 单元格竖跨多少行
colspan: 单元格横跨多少列(即合并单元格)

以上是关于11.12的主要内容,如果未能解决你的问题,请参考以下文章

python11.12

11.12

上周热点回顾(11.6-11.12)

[The NOIP Day2] 11.12 Sunday

11.10/11.11/11.12 安装PHP5 11.13 安装PHP7

11.12 noip模拟试题