2. java web 之 HTML (第二天加油)

最新推荐文章于 2022-11-06 16:11:51 发布

Harden13up

最新推荐文章于 2022-11-06 16:11:51 发布

阅读量193

点赞数

本文链接：https://blog.csdn.net/Harden13up/article/details/88052128

版权

java web 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

HTML ： 超文本标记语言，标准通用标记语言下的一个应用。是网页制作必备的编程语言。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

常用标签

<hr /> 水平分割线
<br /> 换行
font 字体标签

 我要     <font color="red" size="1">回家 !!!</font> <br />

img 图片标签

 <img src="../img/美女22.jpg" width="500px" alt="这张图片可能加载问题" />

table 表格标签
常用属性:
border : 指定边框
width :    宽度
height :    高度
bgcolor:   背景色
align   : 对齐方式

tr 标签一行 rowspan : 跨行
td 标签一列 colspan : 跨列


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<table border="1px" width="400px" bgcolor="yellow" align="center">
			<tr>
				<td>1</td> 
				<td>1</td> 
				<td>1</td> 
			</tr>
			<tr>
				<td>1</td> 
				<td>1</td> 
				<td>1</td> 
				<td>1</td> 
			</tr>
		</table>
	</body>
</html>

from表单标签
                   action : 直接提交的地址 url

                   method :
                           get 方式默认提交方式 ,会将参数拼接在链接后面 , 有大小限制 ,4k
                           post 方式会将参数封装在请求体中, 没有这样的限制


input标签 :
                 type: 指定输入项的类型
                       text : 文本
                       password : 密码框
                       radio :       单选按钮
                       checkbox : 复选框
                       file    : 上传文件
                       submit : 提交按钮
                       button    : 普通按钮
                       reset   : 重置按钮
                       hidden : 隐藏域

                       date : 日期类型
                       tel : 手机号
                       number : 只允许输入数字

                   placeholder : 指定默认的提示信息
                   name : 在表单提交的时候,当作参数的名称
                   id : 给输入项取一个名字, 以便于后期我们去找到它,并且操作它

               textarea : 文本域, 可以输入一段文本
                           cols : 指定宽度
                           rows : 指定的是高度

               select : 下拉列表
                   option : 选择项

<form action="../04-网站首页/网站首页.html" method="post" >
			验证码: <input type="text"  /><br />
			
			<input type="submit"  value="注册"/>
			<input type="button"  value="普通按钮"/>
			<input type="reset"  value="重置按钮"/>
</form>

a 超链接标签

<a href="data.html" target="rightFrame">收件箱</a><br />

frameset 全局设计标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<!--
		如果使用frameset 需要将body标签取掉
			cols : 按列划分页面
			rows : 按行划分页面
	-->
	<frameset rows="10%,30%,*">
		<frame src="aaa.html" />
		<frame src="bbb.html" />
		<frame src="ccc.html" />
	</frameset>
</html>

div 容器会自动换行
span 容器不会自动换行