Javaweb学习笔记第十弹

本章存在的意义,大概就是为了回顾一下被遗忘不久的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标签

其中,包含两个属性:actionmethod

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、类选择器

posted @ 2022-09-21 21:51  yesyes1  阅读(25)  评论(0编辑  收藏  举报