2019.4.8 blog web前端

于 2019-04-08 18:49:20 发布
阅读量162 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39263750/article/details/89085601
版权

Web 前端

CS结构

Client 客户端 Server服务端

CS 需要再次开发一个客户端给客户使用（QQ、LOL、BNS等）
需要后缀为 .dll 的配置文件 和 .exe 的客户端程序

在升级时 需要配置每台电脑的配置文件，很不方便。

在这里插入图片描述
在这里插入图片描述

BS结构

browser 浏览器 server 服务器

只需要维护Web 应用服务器
在这里插入图片描述
在这里插入图片描述

HTTP协议

在这里插入图片描述

HTTP 与 HTTPs 的区别

Web浏览器

在这里插入图片描述

在这里插入图片描述

目前均采用超文本。超文本就是你打开一个网页，并不需要看完上面的所有部分才可以看到页面最下面的部分，页面所有内容可以同时显示。

开始标签(根目录标签)：
结束标签：

标签：对网页的说明 标签：网页的内容

html管的是网页的格式
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

基本标签、标题标签、段落标签、有序列表（ol定义开始结尾，li定义内容）

在这里插入图片描述

无序列表（ul定义凯斯结尾，li定义内容）、自定义列表（dl定义开始结尾，dt定义标题，dd写内容）

在这里插入图片描述

div span

本身没有任何效果，属于 容器 可以通过div span添加一些样式。

在这里插入图片描述

img

显示图片，只显示项目里面的图片

在这里插入图片描述

在这里插入图片描述

…/ 返回上一级

在这里插入图片描述
在这里插入图片描述

若要引入某个图片，而且图片的路径和html文件的路径不在同一个目录下的时候，需要使用…/ 来返回上一级，直到html和image文件平级的时候才可以

又一个例子：
在这里插入图片描述
图片timg和g的路径为：
在这里插入图片描述

超链接

在这里插入图片描述
在这里插入图片描述

br 换行标签

直接在需要换行的位置加即可

strong 加粗

在这里插入图片描述

table 表格

tr 代表一行
td 代表一行里面 单元行的内容。
在这里插入图片描述

在这里插入图片描述

下划线

每一块下面加个下划线

给表格加边框
                           添加边框            设置边框间距为0
colspan 跨。。。列（把1.2 1.3的位置占了 需要删了）

在这里插入图片描述
在这里插入图片描述

rowspan 跨…行（把2.1 3.1的位置给占了 需要删了另外俩）

在这里插入图片描述
在这里插入图片描述

综合练习： 列 行都有
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

常见特殊字符

在这里插入图片描述

表单

在这里插入图片描述

文本输入框

在这里插入图片描述

给文本框指定长度： size
在这里插入图片描述

最大输入数据量：maxlength
在这里插入图片描述
文本框显示的 默认值 value
在这里插入图片描述
在这里插入图片描述

输入密码格式

在这里插入图片描述

在这里插入图片描述

单选框

在这里插入图片描述
在这里插入图片描述

在使用很多单选框的时候，为了实现“只能点一个”的功能 需要加name，若不指定name属性，则所有单选框都可以被选中。
在这里插入图片描述
在这里插入图片描述

默认选中 checked

在这里插入图片描述
这时就会默认选中女了

value值。

为了实现选中某个值， 然后点提交表单的时候 后台会接受一个数据 引入了value。
在这里插入图片描述
这个是为了避免 前面不是男。女 而是图片的时候 无法传给后台的问题。

value类型传回去的是一个int值

复选框 checkbox

在这里插入图片描述
在这里插入图片描述

复选框传进去的是一个string

在这里插入图片描述
在这里插入图片描述

隐藏字段

文件上传字段

在这里插入图片描述
用于上传文件
在这里插入图片描述
在这里插入图片描述

下拉列表

在这里插入图片描述
在这里插入图片描述

多选

带复选的下拉框（一下可以选好几个）
在这里插入图片描述
在这里插入图片描述

显示很多内容

size 决定了选择的目录条数
在这里插入图片描述
在这里插入图片描述

多行文本域

一般是在注册的时候，显示用户协议等很多话的时候用。
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

提交和重置按钮

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

button按钮

在这里插入图片描述

Endure95
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值