Javaweb学习记录01_javaweb 学习记录-CSDN博客

本文链接：https://blog.csdn.net/csw3186016056/article/details/104196066

Javaweb

web介绍

浏览器
- 静态技术
  1、 html 展示
  2、 css 渲染
  3、 js 动画
  4、 jquery js包装
  5、 bootstrap 响应式页面
  6、 ajax和jquery加强: 异步请求
服务器（tomact）
- servlet：动态的技术，生成动态的内容
- request：请求
- response：响应
- jsp/el/jstl：动态的技术，生成动态的内容

html

什么是HTML
HTML：Hyper Text Markup Language 超文本标记语言
超文本：比文本功能更加强大
标记语言：通过一组标签对内容进行描述的一门语言

html书写规则：
文件的后缀名： .html(建议) 或者 .htm
标签必须用 <> 引起来已经定义好的标签
属性：
- 格式: key=“value”
- 建议属性的值用引号引起来.
不区分大小写

注意:

  最好将所有的内容放在一个标签中<html></html>
  有开始标签和结束标签的标签称之为围堵标签
  没有结束的标签的称之为空标签 
  开始标签和结束标签之间的内容称之为标签体.
  <!--注释内容--> html页面中的注释
  标签必须正常嵌套,
  标签最好关闭

文件标签:

html标签:
	声明当前网页为html页面
	子标签:

	<head></head>
	<body></body>
	head:用来存放当前页面的重要信息,一般不展示在html页面上
		常见的子标签:
			<title></title> 网页的标题
	body:
		要展示的数据放在body中

标题标签:

<hn></hn>
n取值 :1~6
	h1最大  h6最小
	自动换行 且留白 默认加粗
常用属性:
	align:对齐方式
		left:左  right:右 center:居中
格式:
	<h2 align="center"></h2>

在这里插入图片描述
字体标签:(了解)规定文本的字体、字体尺寸、字体颜色。

<font></font>
常用属性:
	face:字体
	size:尺寸
	color:颜色

颜色的取值:(RGB)

方式1: #xxxxxx  x为16进制
方式2: 英文单词

段落标签:

<p></p>

其他标签:

<b></b>  <strong></strong>加粗 
<i></i> 斜体

水平线

<hr/>

换行

<br/>

代码体验：

<html>
	<head>
		<meta charset="UTF-8">
		<title>文字标签</title>
	</head>
	<body>
		<center>
		<h1 >Java开发的3个方向</h1>
		<hr />
		<font size="6" color ="deepskyblue" face="微软雅黑">Java SE</font>
		<p>主要用于桌面程序的开发。它是学习<b><i>Java EE和Java ME</i></b>的基础，也是本书的重点内容。</p>
		<font size="6" color ="chartreuse" face="微软雅黑">Java EE</font>
		<p>主要用于网页程序的开发。随着互联网的发展，越来越多的企业使用Java语言来开发自 己的官方网站，其中不乏世界500强企业。</p>
		<font size="6" color ="blueviolet" face="微软雅黑">Java ME</font>
		<p>主要用于嵌入式系统程序的开发。</p>
		</center>
	</body>
</html>

图片标签:★

<img/>
	常用属性:
		★src:图片的路径
		alt:替代文字
		title:鼠标移上去显示的文字
		width:宽
		height:高
大小的写法:
	像素:123px
	百分比:20%
路径的写法:
	相对路径:
		./ 或者 什么都不写  当前目录
		../  上一级目录
	绝对路径:
		带协议的绝对路径:www.baidu.com

列表标签:

<ol></ol> 有序
<ul></ul> 无序
常用的标签
	<li></li> 列表项
超链接标记
    <a></a>
	常用属性:
		href:跳转路径
		target:在哪里打开
			默认值:_self  _blank(在空白页面打开)

表格标签★

<table></table>
	常用的子标签
		<tr>:行
<tr></tr>
	常用子标签:
		<td>:列
		<th>:表头单元格 默认居中加粗
	注意:
		一行必须只有有一个单元格或者一列
		
table 的常用属性:
	border:边框  像素值
	width:
	align:表格对齐方式
tr 的常用属性:
	align:内容对齐
td 的常用属性:
	align:内容对齐
	colspan:跨列合并 值:合并的列数
	rowspan:跨行合并

表单:

	常用属性:
		action:信息提交的路径 默认是当前页面
		method:表单提交的方式
			只需要掌握两种
				get(默认)和post
			get和post的区别:
				1.get请求会把所有的参数追加在地址栏上,post请求不会
				2.get请求参数大小有限制,post请求参数大小没有限制
				3.post相当于get安全些
	常见的子标签
		input
		select:下拉选
		textarea:文本域
	
	input标签
		常用的属性:
			type:
				text:文本框 默认
				password:密码框
				radio:单选框
				checkbox:多选框
				file:文件框
				
				submit:提交
				reset:重置
				button:普通按钮
				
				hidden:隐藏域 在页面上显示 提交的时候可以提交过去
				image:图片提交 替代submit 
			name:
				可以将几个单选框(复选框)设置为一组
				要想将信息保存到服务器上必须有name属性
			readonly:
				readonly="readonly" 只读
			disabled:
				disabled="disabled" 禁用
				
	select :下拉选
		格式:
			<select name="pro">
				<option>黑龙江</option>
			</select>
	
	textarea:文本域
		常用的属性:
			cols:列
			rows:行
		
		
	提交到服务器的内容的格式:
		key=value&
	对于文本框 密码框 文本域 手写的内容传递过去了
	对于单选框和多选框来说,却没有把值传递过去
		要想把值传递过去 必须设置value属性
	若下拉选要想把选中内容的值传递过去,请加上value属性
	
	默认值:
		文本框 密码框:只需要添加value属性
		单选框 多选框:添加 checked="checked"
		下拉选:添加selected="selected"	
		文本域:标签体

frameset:框架集

frame:具体实现
frameset:框架集(了解)
常用属性:
	cols:垂直切割
		例如: cols="40%,60%"
		例如: cols="40%,*,10%"
	rows:水平切割
常见的子标签:
	frame
注意:
	最好和body不要共存

frame:具体实现

    常用属性:
	   src:展示的页面的url

补充:

转义字符:
	三部分构成 &实体;
	掌握的转义字符:
		>	&gt;  //great then
		<	&lt;
		&	&amp;
		空格 &nbsp;

meta
	元信息
	<meta charset="UTF-8">指定浏览器用什么编码打开此页面