11.12
Posted maqiaobin
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了11.12相关的知识,希望对你有一定的参考价值。
目录
前端
任何与用户直接打交道的操作界面,都可以称之为前端
软件开发架构
C/S
B/S
B/S本质也是C/S
web服务的本质
请求与响应
在浏览器中输入网址敲回车会发生哪些事
- 朝着指定的服务器地址发送请求
- 服务端接收请求 并处理
- 返回相应的响应
- 浏览器接收并渲染出好看的画面给用户看
请求方式
get请求
朝服务器要资源
post请求
朝服务器提交数据
Http协议
全称为:超文本传输协议
规定了服务端与浏览器数据传输的数据格式
四大特性
基于TCP/IP作用于应用层之上的协议
基于请求响应
请求对应的响应
无状态
不保存客户端状态,每一次都是第一次
无连接
长连接,websocket 聊天室
数据格式
请求格式
请求首行(请求方式 协议版本)
请求头(一大堆k:v键值对)
请求体(敏感信息,如:密码)
响应格式
和请求格式相同
响应状态码
用数字表示一串文字需要表达的意思
1XX:服务端已经成功接收请求,正在处理,此时可以继续提交其他数据
2XX:服务端成功响应了响应数据(200)
3XX:重定向
4XX:404,请求资源不存在;403,当前不符合某一些条件,无法正常访问
5XX:服务器内部错误(500)
html
全称为超文本标记语言
html的注释
<!--单行注释-->
<!--
多行注释
多行注释
多行注释
-->
HTML的文件结构
<html>
<head>
<!--给浏览器看的-->
</head>
<body>
<!--给人看的-->
</body>
</html>
标签的分类
双标签
h1,a
自闭合标签
img
块级标签
独占一行的标签。
注意:p标签虽然是块级标签,但是它的内部不能嵌套任何块级标签,只能嵌套行内标签
行内标签
内部文本占位多大,就占多大
行内标签不能嵌套行内和块级标签
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内的特殊符号
空格
& and
¥ rmb
> 大于
< 小于
© ?
® ?
标签通常应该有两个属性
id 就是类似于身份证号,每个标签都应该有id值,但是在同一个html中标签的id号是不能重复的
class 类属性,类似于面向对象的继承,如:class = ‘s1 s2 s3’ ,那么这个标签就会拥有s1s2s3的所有样式
body内的重要标签
div 标签用来定义一个块级元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现。
span 标签用来定义内联(行内)元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现。
div和span是前期构建网页的基本骨架
a 链接标签
跳转功能 href 参数控制跳转的地址
这个地址在网站上没有被点过默认为蓝色,点过一次后都是紫色
<a href = "https://www.baidu.com">百度</a>
a标签默认的是在当前窗口跳转
也可以指定新建窗口打开
target="_self"
target="_blank"
锚点功能
给a标签设置id值,然后再href中书写对应的a标签id值,点击即可跳转到对应的位置
<a href="" id = "a1">开头</a> <a href = "#a1">回到开头</a>
img 图片标签
src
- 图片地址,可以是网上的地址,也可以是本地的图片地址
- url,自动朝该网址发送get请求,获取图片资源
alt
当图片加载不出来的时候会显示alt所设置的内容
title
鼠标悬浮在图片上是显示title所设置的内容
width和height
这两个参数只需要设置一个就可以,默认的是等比伸缩,如果两个参数都调整的话图片可能会失真
列表标签
无序列表
ul
? li
type参数
- disc (实心圆点,默认)
- circle(空心圆点)
- square (实心方块)
- none(无样式)
有序列表
ol
? li
type参数
- 1数字列表,默认
- A大写字母
- a小写字母
- I大写罗马
- 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的主要内容,如果未能解决你的问题,请参考以下文章