本章存在的意义,大概就是为了回顾一下被遗忘不久的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标签

其中,包含两个属性:actionmethod

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学习笔记第十弹的更多相关文章

  1. Javaweb学习笔记——(十二)——————JSP指令:page指令、include指令、taglib指令,JavaBean,内省,EL表达式

    JSP指令JSP指令分类 JSP有三大指令: *page指令 *include指令 *taglib指令 在JSP中没有任何指令是必须的. 但基本上每个JSP都是使用page指令============ ...

  2. Javaweb学习笔记——(十)——————response对象,response字符流缓冲器,响应头,状态码,重定向,requset对象,路径和乱码

    请求响应对象: request和response *当服务器接收都请求后,服务器会创建request和response对象,把请求数据封装到request对象中: *然后调用Servlet的sevic ...

  3. JavaWeb学习笔记(十八)—— DBUtils的使用

    一.DBUtils概述 1.1 什么是DBUtils commons-dbutils 是 Apache 组织提供的一个开源 JDBC工具类库,它是对JDBC的简单封装,学习成本极低,并且使用dbuti ...

  4. Javaweb学习笔记——(十八)——————事务、DBCP、C3P0、装饰者模式

    事务     什么是事务?         转账:             1.给张三账户减1000元             2.给李四账户加1000元 当给张三账户减1000元之后,抛出了异常,这 ...

  5. Javaweb学习笔记——(十五)—————— sql复习

    sql复习 数据库管理系统(DBMS)的概述 1.什么是DBMS:数据的仓库 *方便查询 *可存储的数据量大 *保证数据的完整.一致 *安全可靠 2.DBMS的发展:今天主流数据库为关系型数据库管理系 ...

  6. Javaweb学习笔记——(十四)—————— 服务器端验证注册登入表单项目

    项目:https://download.csdn.net/download/qq_40223688/10463436 项目 功能: *注册 *登录--------------------------- ...

  7. JavaWeb学习笔记(十九)—— 分页

    一.MySQL中的分页 格式:select * from 表 limit ?,?; 参数1:开始索引start,默认值:.必须是正数 参数2:每页显示个数 pageSize 例如: ,; #第一页,每 ...

  8. JavaWeb学习笔记(十六)—— 事务

    一.事务概述 1.1 什么是事务 银行转账!张三转10000块到李四的账户,这其实需要两条SQL语句: 给张三的账户减去10000元: 给李四的账户加上10000元. 如果在第一条SQL语句执行成功后 ...

  9. JavaWeb学习笔记(十五)—— 使用JDBC进行批处理

    一.什么是批处理 批处理就是一批一批的处理,而不是一个一个的处理! 当你有10条SQL语句要执行时,一次向服务器发送一条SQL语句,这么做效率上很差!处理的方案是使用批处理,即一次向服务器发送多条SQ ...

  10. JavaWeb学习笔记(十四)—— 使用JDBC处理MySQL大数据

    一.什么是大数据 所谓大数据,就是大的字节数据,或大的字符数据.大数据也称之为LOB(Large Objects),LOB又分为:clob和blob,clob用于存储大文本,blob用于存储二进制数据 ...

随机推荐

  1. 多个git账户ssh密钥配置

    假设两git网站:A.com和B.com,在这两个网站上使用的邮箱和用户名分别为a@mail, userA和b@mail, userB. 清除全局配置 git config --global --li ...

  2. Taro3 扫描不同二维码参数不同,但是热启动之后参数不变 根据环境不同更换域名

    热启动:先执行缓存的静态数据,然后再执行页面代码.比如右上角退出或者按home键错误用法:用的Taro3 react function函数,之前用的  Taro.getLaunchOptionsSyn ...

  3. 小批量excel数据导入oracle

    前提是小批量数据,大批量的还是建议用sqlloader 使用PLSQL Developer工具,这个可是大名鼎鼎的Oracle DBA最常使用的工具.在单个文件不大的情况下(少于100000行),并且 ...

  4. HCIA-ICT实战基础07-访问控制列表ACL进阶

    HCIA-ICT实战基础-访问控制列表ACL进阶 目录 二层ACL技术及配置 高级ACL的扩展使用方法及使用场景 1 二层ACL技术及配置 1.1 二层ACL概念 使用报文的以太网帧头来定义规则, 根 ...

  5. zk中控考勤机默认密码登陆

    网络空间搜索: app="ZKTECO-考勤管理系统" 找到某一个考勤系统 进行弱口令登陆:admin/****** 成功! End!!!

  6. Go的目录及其含义

    运行 go env 找到go的运行目录,可以看到下边有三个文件: bin存放编译后的可执行文件(go install 自动创建),pkg存放编译后的包文件(go install 自动创建),src存放 ...

  7. PLC入门笔记10

    梯形图电路之顺序控制 顺序控制功能图 顺序控制功能图的梯形图表达 编程原则 实例分析 SMo0.1西门子首次扫描时为ON,常用作初始化脉冲 这是台达的 这是优控的..

  8. 2003031120—廖威—Python数据分析第七周作业—MySQL的安装以及使用

    项目    内容 课程班级博客链接 https://edu.cnblogs.com/campus/pexy/20sj 这个作业要求链接  https://edu.cnblogs.com/campus/ ...

  9. MySql 字符串时间转换

    MySql中经常遇到字符串格式时间转换成时间类型的情况: SELECT STR_TO_DATE('Jul 20 2013 7:49:14:610AM','%b %d %Y %h:%i:%s:%f%p' ...

  10. cadence-ADE反相器仿真

    Cadence-ADE仿真 连接电路 鼠标移至schematic绘制区域,单击放置inv i键继续添加gnd, vdc(3.3V), vpulse(0-3.3V,Period 1us,Pulse wi ...