本章存在的意义，大概就是为了回顾一下被遗忘不久的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学习笔记第十弹的更多相关文章

  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. Windows MFC HTTP POST请求 函数流程

    Windows MFC HTTP POST请求 函数流程 1 CString m_strHttpUrl(_T("http://10.200.80.86:8090/course/upload& ...

  2. ProcessLassoLauncher.exe

    html, body { font-size: 15px } body { font-family: Helvetica, "Hiragino Sans GB", 微软雅黑, &q ...

  3. 「SOL」E-Lite (Ural Championship 2013)

    为什么这数据能水到可以枚举角度 ac 啊 # 题面 给你 \(n\) 个平面向量 \((x_i,y_i)\),对于每个 \(k=1\sim n\),求「从给出的 \(n\) 个向量中不重复地选择 \( ...

  4. react native 使用什么本地存储（asyncStorage 或者 H5的LocalStorage）

    1. 官方文档上面 已经废弃 ,官方建议@react-native-community/async-storage代替.我看了这个确实写起来很麻烦,果断不使用了 2. 之后我使用 react-nati ...

  5. 从redis中取出数据并转成java对象

    1.//数据存入redis中 redisTemplate.opsForValue().set(loginame, JSON.toJSONString(users),1000,TimeUnit.SECO ...

  6. 根据指定月份，打印该月份所属的季节。 3,4,5 春季 6,7,8 夏季 9,10,11 秋季 12, 1, 2 冬季 if和switch各写一版

    1.public class Month{ public static void main(String args[]){ for (int i = 1;i <= 12 ;i++ ) { if ...

  7. python修改图片名

    1 import glob 2 import os 3 4 inputPath = r'E:/data/pic/cat' 5 fileList = glob.glob(inputPath + '/*' ...

  8. Navicate 链接 MySQL8.0版本 连接报错问题 1251错误，Clinent does not support authentication protocol requested by server

    网上查到的原因是: mysql8 之前的版本中加密规则是mysql_native_password: mysql8之后,加密规则是caching_sha2_password: 找到的解决方法是: 把m ...

  9. 【pytest】pytest.mark.dependency用例依赖标签，并解决依赖失效的问题

    pytest第三方插件,用来解决用例之间的依赖关系.如果依赖的用例执行失败后 后续的用例会被跳过执行,相当于智能执行了pytest.mark.skip, 首先要安装插件:pip install pyt ...

  10. @Async异步注解的使用

    @Async 简介 使用spring快速开启异步执行服务的注解 应用场景 同步:同步就是整个处理过程顺序执行,当各个过程都执行完毕,并返回结果. 异步: 异步调用则是只是发送了调用的指令,调用者无需等 ...