本章存在的意义,大概就是为了回顾一下被遗忘不久的html了
HTML:超文本标记语言(不区分大小写,语法较为松散,但建议书写时规范一些)
HTML标签由浏览器来解析
标签展示图片
具体详情也可以去参考W3school网站哦!
结构:HTML
表现:CSS
行为:JavaScript
标签用来定义文字颜色、大小等属性
基础标签
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,第十,标签,笔记,----,HTML,-----,选择器,CSS From: https://www.cnblogs.com/liuzijin/p/16712782.html