本章存在的意义，大概就是为了回顾一下被遗忘不久的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. uniapp滚动组件scroll-view

    //scroll-x="true"  || scroll-y="true" <view class="scroll-view"> ...

  2. linux三权分立账号创建

    系统管理员 创建系统管理员(sys用户)并设置密码 [root@localhost ~]# useradd sys [root@localhost ~]# passwd sys 创建组并将用户添加到组 ...

  3. omcat启动Publishing failed with multiple errors

    新安装一个tomcat插件.启动的时候就弹错误框.但tomcat还能使用. Publishingfailedwithmultipleerrors Resource is out of sync wit ...

  4. ie8 不支持 trim方法

    那就自己写一个trim()  String.prototype.trim = function() {                 return this.replace(/(^\s*)|(\s* ...

  5. JS事件中的target，currentTarget及事件委托

    1.target只存在其事件流的目标阶段,指向事件发生时的元素. 2.currentTarget:可位于捕获,目标和冒泡阶段,始终指向绑定事件的元素.如div>ul>li结构,事件委托在d ...

  6. appium程序下载安装/appium desktop

    官网地址:http://appium.io/ 点击下载按钮 默认跳转到最新版本,点击 Releases 回到版本列表页 该页可以看到对应的版本及更新时间,(最好不要下载最新版本) 如果是 Window ...

  7. MyBatis Plus 设置ID的自增 /非自增时遇到的问题

    非自增时 自己设置ID 其他可参考------>主键策略的几种类型 https://blog.csdn.net/hxyascx/article/details/105401767

  8. NIO基本编写

    一.编写server端 1 public class Server implements Runnable{ 2 //1 多路复用器(管理所有的通道) 3 private Selector selet ...

  9. 1 Could not resolve XML resource [null] with public ID [null]

    启动Tomcat报错: Java.io.FileNotFoundException: Could not resolve XML resource [null] with public ID [nul ...

  10. Think in UML 其二

    UML基本元素 参与者 1.参与者位于系统边界之外. 思考参与者究竟是谁时,以下两个问题有助于了解 ·谁对系统有着明确的目标和要求并且主动发出动作? ·系统是为谁服务的? 2.参与者可以非人 功能性需 ...