本章存在的意义，大概就是为了回顾一下被遗忘不久的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. html让容器居中,css让容器水平垂直居中的7种方式

    这篇文章主要为大家详细介绍了css让容器水平垂直居中的7种方式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 这种css布局平时用的比较多,也是面试题常出的一个题,网上一搜一大丢,不过还是想自己总 ...

  2. js 比较两个数组对象，取不同的值

    let array1 = [ {'Num': 'A ', 'Name': 't1 '}, {'Num': 'B', 'Name': 't2'}, {'Num': 'C ', 'Name': 't3 ' ...

  3. 替代学习物联网-云服务-02阿里云MQTT

     1.支付宝登录,进入物联网平台 https://iot.console.aliyun.com/product  2.新建产品  3.添加设备 4.设备连接参数  5.连接到阿里云

  4. [2010年NOIP普及组] 接水问题

    学校里有一个水房,水房里一共装有 m 个龙头可供同学们打开水,每个龙头每秒钟的供水量相等,均为 1. 现在有 n 名同学准备接水,他们的初始接水顺序已经确定.将这些同学按接水顺序从1到n编号,i 号同 ...

  5. 建议收藏| 学python的看过来,Python 史上最全第三方库收集

    发现一个宝藏网站: GitHub 上有一个 Awesome - XXX 系列的资源整理,这个系列以"全"闻名,但凡是有一定知识度的领域.语言.框架等,都有自己的 awesome-x ...

  6. jmeter之【报错记录】

    { "code": "E0001", "success": false, "description": "Co ...

  7. 《JavaScript高级程序设计》Chapter04 变量，作用域，内存

    原始值&引用值 原始值(primitive value):Undefined, Null, Boolean, Number, String, Symbol 按值访问,直接操作存储在变量中的实际 ...

  8. Delphi 关于RichEdit URL 颜色相关总结

    一.代码改变字体大小和颜色 1 procedure TForm1.Button1Click(Sender: TObject); 2 var 3 sNickName, sstr: string; 4 b ...

  9. 转载·Pycharm Pro“This license 56ZS5PQ1RF has been cancelled” 激活码失效处理记录

    今天打开许久没用的Pycharm提示激活码过期,激活提示:"This license 56ZS5PQ1RF has been cancelled" 解决方法如下 首先修改hosts ...

  10. 7、jmeter配置元件-HTTP信息头配置元件

    根据对方服务器的要求来配置消息头 (重点)Gzip:发送给你压缩包  提高速度 性能等等 同样的数据  只要页面没有变更 就不会重新压缩 节省带宽