本章存在的意义，大概就是为了回顾一下被遗忘不久的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. elementUi - 页面设计规范

    elementUi - 页面设计规范 参考资料 element 字体 Font-family 代码 font-family: "Helvetica Neue",Helvetica, ...

  2. layui弹出层layer点击关闭还会显示在html中

    我的弹出层是这样定义的: 它的属性为display:none <div id="divlayer" style="display:none"> &l ...

  3. Jquery_001

    jQuery 页面加载初始化的方法有3种 ,页面在加载的时候都会执行脚本,应该没什么区别,主要看习惯吧,本人觉得第二种方法最好,比较简洁. 第一种: $(document).ready(functio ...

  4. kora 简单使用实现Api接口 以及mongodb简单使用

    //api.jsconst Koa = require('koa'); const router = require('koa-router')(); //路由 const bodyParser = ...

  5. [2013年NOIP提高组] 积木大赛

    春春幼儿园举办了一年一度的"积木大赛".今年比赛的内容是搭建一座宽度为n的大厦,大厦可以看成由n块宽度为1的积木组成,第i块积木的最终高度需要是hi. 在搭建开始之前,没有任何积木 ...

  6. QTreewidget树状列表右击事件

    树状列表右击事件(添加 删除 修改等操作) 思路:首先我们需要一个void contextMenuEvent(QContextMenuEvent * event); 管理Menu事件的一个接口 此接口 ...

  7. daimayuan第三课（哈希，堆）

    1:哈希 建立:拉链法: a:数组 #include <bits/stdc++.h> using namespace std; const int md = 1e9; int h[1000 ...

  8. vue创建项目的命令

    一.首先下载node环境 二.全局安装vue-cli cnpm i -g @vue/cli 这里一定要注意是vue/cli,而不是vue-cli 三.新建文件夹,打开cmd命令 1.vue creat ...

  9. 异常（Java）

    异常 基本介绍 什么是异常? 在实际工作中,遇到的情况不可能是非常完美.比如:你写的某个模块,用户输入不一定符合你的要求.你的程序要打开某个文件,这个文件可能不存在或者文件格式不对 软件程序在运行过程 ...

  10. vue、react配置gzip打包后，删除源文件deleteOriginalAssets: true,nginx需要的配置

    1.删除源文件后,配置了gzip,当配置gzip删除源文件后,解决前端history问题,就会出现所有的都返回html,请求js.css也会返回html,页面会报错,如下配置即可 location / ...