Javaweb学习笔记第十弹
本章存在的意义,大概就是为了回顾一下被遗忘不久的html了
HTML:超文本标记语言(不区分大小写,语法较为松散,但建议书写时规范一些)
HTML标签由浏览器来解析
标签展示图片
具体详情也可以去参考W3school网站哦!
结构:HTML
表现:CSS
行为:JavaScript
<body></body>标签中存放页面**主体**
<head></head>标签中存放页面**标题**
标签用来定义文字颜色、大小等属性
基础标签
html 表示颜色:
1、英文单词:具有较大的局限性
2、rgb(值1,值2,值3);//利用红绿蓝三原色的相对比例进行调色
3、#值1值2值3:值的范围:00~FF
hr-----定义水平线
br-----换行
b-----加粗
i-----斜体
u-----下划线
p-----定义段落
图片、音频和视频标签
记得将图片、音频和视频放置到跟jsp文件的同目录下----相对路径----更为方便
图片:img标签
img src="图片名称" wide="" height=""
音频:标签
audio src="音频名称" controls /audio
视频:video标签
video src="视频名称" controls weigh="" height="" /video
超链接标签:a标签
a href="资源路径" target="" /a
target后面有两个值可供选择:
self:默认值,在当前页面打开
blank:在空白页面打开
列表标签
有序列表:ol----其中的序号也是可以通过ol中的type进行修改----type设置项目符号
无序列表:ul
列表项:li
表格标签:table标签
th:定义表头单元格
tb:定义单元格
tr:定义行
表格的边界:用border定义 记得同时要加入cellspacing=""将临近的单元格边界合二为一;否则单元格之间会有空隙,影响美观
要使得表格内容居中,align="center"----居中操作
表格除了单纯的展现出每一行、每一列的格子之外,还可以进行表格合并的操作:--列:colspan
--行:rowspan
布局标签
div /div------块级标签(自动换行)
span /span------(不会自动换行)
表单项标签
input-------中的type属性作用加大,应用较多
1、使得点击区域变大:label标签
2、单选标签:为了实现单选互斥的功能,需要在input标签里面加上name="gender" value="想要提交上去的选择的结果名称"
3、复选标签:同样要加上value=""的属性,避免提交结果与选项不匹配
表单标签:form标签
其中,包含两个属性:action和method
action负责发送
method负责提交:-----1、get(默认值),请求参数跟在URL后面,名称有一定的限制
-----2、post:隐藏在URL中,请求参数无限制
一般在使用HTML写页面时,将action属性值定义为post
textarea:文本域标签
一般在填写建议或者协议等长段文字时会使用到该标签
CSS
在body元素里面,包含一个style标签,用来存放CSS相关代码
导入方式
1、内联样式:在div标签里面放置style标签,称为内联
2、内部样式:在div标签中存储一个style标签,称为内部
3、外部样式:新建一个css文件,用来存放CSS相关代码,与HTML中的相关代码结合使用,称为外部
CSS选择器(同时存在时,哪种范围越小,就用哪一种选择器的代码)
1、元素选择器
2、#id选择器
3、类选择器
Javaweb学习笔记第十弹的更多相关文章
- Javaweb学习笔记——(十二)——————JSP指令:page指令、include指令、taglib指令,JavaBean,内省,EL表达式
JSP指令JSP指令分类 JSP有三大指令: *page指令 *include指令 *taglib指令 在JSP中没有任何指令是必须的. 但基本上每个JSP都是使用page指令============ ...
- Javaweb学习笔记——(十)——————response对象,response字符流缓冲器,响应头,状态码,重定向,requset对象,路径和乱码
请求响应对象: request和response *当服务器接收都请求后,服务器会创建request和response对象,把请求数据封装到request对象中: *然后调用Servlet的sevic ...
- JavaWeb学习笔记(十八)—— DBUtils的使用
一.DBUtils概述 1.1 什么是DBUtils commons-dbutils 是 Apache 组织提供的一个开源 JDBC工具类库,它是对JDBC的简单封装,学习成本极低,并且使用dbuti ...
- Javaweb学习笔记——(十八)——————事务、DBCP、C3P0、装饰者模式
事务 什么是事务? 转账: 1.给张三账户减1000元 2.给李四账户加1000元 当给张三账户减1000元之后,抛出了异常,这 ...
- Javaweb学习笔记——(十五)—————— sql复习
sql复习 数据库管理系统(DBMS)的概述 1.什么是DBMS:数据的仓库 *方便查询 *可存储的数据量大 *保证数据的完整.一致 *安全可靠 2.DBMS的发展:今天主流数据库为关系型数据库管理系 ...
- Javaweb学习笔记——(十四)—————— 服务器端验证注册登入表单项目
项目:https://download.csdn.net/download/qq_40223688/10463436 项目 功能: *注册 *登录--------------------------- ...
- JavaWeb学习笔记(十九)—— 分页
一.MySQL中的分页 格式:select * from 表 limit ?,?; 参数1:开始索引start,默认值:.必须是正数 参数2:每页显示个数 pageSize 例如: ,; #第一页,每 ...
- JavaWeb学习笔记(十六)—— 事务
一.事务概述 1.1 什么是事务 银行转账!张三转10000块到李四的账户,这其实需要两条SQL语句: 给张三的账户减去10000元: 给李四的账户加上10000元. 如果在第一条SQL语句执行成功后 ...
- JavaWeb学习笔记(十五)—— 使用JDBC进行批处理
一.什么是批处理 批处理就是一批一批的处理,而不是一个一个的处理! 当你有10条SQL语句要执行时,一次向服务器发送一条SQL语句,这么做效率上很差!处理的方案是使用批处理,即一次向服务器发送多条SQ ...
- JavaWeb学习笔记(十四)—— 使用JDBC处理MySQL大数据
一.什么是大数据 所谓大数据,就是大的字节数据,或大的字符数据.大数据也称之为LOB(Large Objects),LOB又分为:clob和blob,clob用于存储大文本,blob用于存储二进制数据 ...
随机推荐
- 多个git账户ssh密钥配置
假设两git网站:A.com和B.com,在这两个网站上使用的邮箱和用户名分别为a@mail, userA和b@mail, userB. 清除全局配置 git config --global --li ...
- Taro3 扫描不同二维码参数不同,但是热启动之后参数不变 根据环境不同更换域名
热启动:先执行缓存的静态数据,然后再执行页面代码.比如右上角退出或者按home键错误用法:用的Taro3 react function函数,之前用的 Taro.getLaunchOptionsSyn ...
- 小批量excel数据导入oracle
前提是小批量数据,大批量的还是建议用sqlloader 使用PLSQL Developer工具,这个可是大名鼎鼎的Oracle DBA最常使用的工具.在单个文件不大的情况下(少于100000行),并且 ...
- HCIA-ICT实战基础07-访问控制列表ACL进阶
HCIA-ICT实战基础-访问控制列表ACL进阶 目录 二层ACL技术及配置 高级ACL的扩展使用方法及使用场景 1 二层ACL技术及配置 1.1 二层ACL概念 使用报文的以太网帧头来定义规则, 根 ...
- zk中控考勤机默认密码登陆
网络空间搜索: app="ZKTECO-考勤管理系统" 找到某一个考勤系统 进行弱口令登陆:admin/****** 成功! End!!!
- Go的目录及其含义
运行 go env 找到go的运行目录,可以看到下边有三个文件: bin存放编译后的可执行文件(go install 自动创建),pkg存放编译后的包文件(go install 自动创建),src存放 ...
- PLC入门笔记10
梯形图电路之顺序控制 顺序控制功能图 顺序控制功能图的梯形图表达 编程原则 实例分析 SMo0.1西门子首次扫描时为ON,常用作初始化脉冲 这是台达的 这是优控的..
- 2003031120—廖威—Python数据分析第七周作业—MySQL的安装以及使用
项目 内容 课程班级博客链接 https://edu.cnblogs.com/campus/pexy/20sj 这个作业要求链接 https://edu.cnblogs.com/campus/ ...
- MySql 字符串时间转换
MySql中经常遇到字符串格式时间转换成时间类型的情况: SELECT STR_TO_DATE('Jul 20 2013 7:49:14:610AM','%b %d %Y %h:%i:%s:%f%p' ...
- cadence-ADE反相器仿真
Cadence-ADE仿真 连接电路 鼠标移至schematic绘制区域,单击放置inv i键继续添加gnd, vdc(3.3V), vpulse(0-3.3V,Period 1us,Pulse wi ...