JavaWeb总复习——html基础

标题标签:

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

字体标签:(了解)规定文本的字体、字体尺寸、字体颜色。

	<font></font>
	常用属性:
		face:字体
		size:尺寸
		color:颜色
	颜色的取值:(RGB)
		方式1: #xxxxxx  x为16进制
		方式2: 英文单词

图片标签:★

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

补充:

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

表单:

	常用属性:
		action:信息提交的路径 默认是当前页面
		method:表单提交的方式
			只需要掌握两种
				get(默认)和post
			get和post的区别:
				1.get请求会把所有的参数追加在地址栏上,post请求不会
				2.get请求参数大小有限制,post请求参数大小没有限制
				3.post相当于get安全些
	常见的子标签
		input
		select:下拉选
		textarea:文本域
	
	input标签
		常用的属性:
			type:
				text:文本框 默认
				password:密码框
				radio:单选框				//name属性必须设置成相同名字,这样才是一组单选按钮
				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:规定框架结构  框架集
		常用属性:
			rows:水平qiege
			cols:垂直切割
		常用子标签	
			frame:具体实现
			
		例如:水平切割3份
			<frameset rows="15%,*,10%">
				<frame>
				<frame>
				<frame>
			</frameset>
	frame:
		常用的属性:
			src:具体展示那个网页
			name:给当前的frame起个名称 方便超链接使用

猜你喜欢

转载自blog.csdn.net/qq_40395687/article/details/84347300