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用于存储二进制数据 ...
随机推荐
- HttpClient请求接口实例demo
HttpClient是Apache中的一个开源的项目.它实现了HTTP标准中Client端的所有功能,使用它能够很容易地进行HTTP信息的传输.HttpClient的主要功能: 实现了所有 HTTP ...
- Delphi中var和out
var: 传递的是参数的地址 out: 以返回值的形式返回结果,类似函数的效果:可以实现一个函数返回多个值
- CSS边框(实线、虚线、破折号)
1.CSS边框 border:1px solid red; /*实线*/ border:1px dotted red; /*虚线*/ border:1px dashed red; /*破折号*/
- RabbitMQ消息堆积问题?
原因: 有时可能因为消费者自身代码问题,导致没办法正常消费消息,那么就会导致消息队列中会堆积大量的消息: 或因为同一时间来了非常多的消息,消费者没办法及时消费,导致消息队列中堆积了大量消息. 解决办法 ...
- ajax异步参数详解及alax错误信息error分析
一.$.ajax()的参数列表 ↑ 下面是Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: & ...
- 开发Unity3D空战类插件 战机HUD系统
Fighter HUD System 当您使用Unity3D来开发飞行模拟或者空战类游戏时,这款Fighter HUD Sytem插件将会非常的适合用来充当您战机的HUD系统. 特点 此HUD系统的安 ...
- 手动导入jar
mvn install:install-file -Dfile=D:\java_tools\maven\maven-repository\cn\afterturn\easypoi-base-cy\4. ...
- vue后台管理系统——权限管理模块
电商后台管理系统的功能--权限管理模块 1. 权限管理业务分析 通过权限管理模块控制不同的用户可以进行哪些操作,具体可以通过角色的方式进行控制,即每个用户分配一个特定的角色,角色包括不同的功能权限. ...
- 修改tomcat启动时,修改默认访问的页面
在
- python3GUI--实用!B站视频下载工具(附源码)
目录 一.准备工作 二.预览 1.启动 2.解析 3.下载中 4.下载完成 5.结果 三.设计流程 1.bilibili_video_spider 2.视频json的查找 四.源代码 1.Bilibi ...