JavaWeb-Html学习笔记

最新推荐文章于 2024-10-17 15:53:46 发布

Uncle William

最新推荐文章于 2024-10-17 15:53:46 发布

阅读量113

点赞数

分类专栏： JavaWeb 文章标签： html web java

本文链接：https://blog.csdn.net/Unclewliilam/article/details/119375658

版权

JavaWeb 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

JavaWeb:

		使用Java语言开发基于互联网项目
		软件架构：
			C/S：Clien/Server 客户端/服务器端
			B/S：Browser/Server 浏览器/服务器端
		资源分类：静态和动态（服务器端）
		静态资源：
			HTML：搭建基础页面，展示页面的内容
			CSS：美化页面，布局页面
			JavaScript：控制页面的元素，让页面有动态效果

HTML：

	概念：最基础的网页开发语言
	Hyper Text Markup Lauguge 超文本标记语言
	快速入门：
	语法：
		1.html文档后缀名 .html或者.htm
		2.标签分为：围堵标签：开始和结束标签 <html></html>
			自闭和标签 <br/>
		3.标签可以嵌套
		4. 在开始标签中可以定义属性，属性由键值对构成，值需要用引号引起来
		5.html的标签不区分大小写，建议小写

	1、文件标签：构成html最基本标签
		html：html文档的根标签
		head：头标签，
		title：标题标签
		body：体标签
		<!DOCTYPE html>：html5中定义该文档是html文档
	2、文本标签：和文本有关的标签
		注释：<!-- 注释内容 -->
		<h1> to <h6>标题标签
		<p>段落标签
		<br>换行标签
		<hr>水平线
		<b>字体加粗
		<i>字体斜体
		<font>字体标签
	3、图片标签：
		img 展示图片
			src 指定图片位置
	4、列表标签：
		有序列表：
			ol、li
		无序列表：
			ul、li
	5、链接标签：
		定义一个超链接
			href：指定访问资源的URL
			target：打开资源方式：_self：默认在当前页面打开 
				_blank：在空白页面打开
	6、块标签
	7、语义化标签：提高程序可读性 <header> <footer>
	8、表格标签：
		table：定义表格
		tr：定义行
		td：定义单元格
		th：定义表头单元格
	9.表单标签：
		表单：用于采集用户输入的数据的，用于和服务器进行交互
		form：用于定义表单，可以定义一个范围，代表采集用户数据的范围
			action：指定提交数据的URL
			method：提交方式
				get：1.请求参数会在地址栏中显示，封装在请求行中
					2.请求参数大小有限制
					3.不太安全
				post：1.请求参数不会在地址栏中显示，封装在请求体中
					2.请求参数大小没有限制
					3.较为安全

表单项标签：

	1、input：可以通过type属性值，改变元素展示的样式
				type属性值：
					text：文本输入框，默认值 placeholder：指定输入框的提示信息，会自动消失
					password：密码输入框
					radio：单选框（name属性值一样）value表示提交的值
					checkbox：复选框
					file：文本选择框
					hidden：隐藏域，用于提交信息
					按钮：
						submit：提交按钮
						button：普通按钮
						image：图片提交按钮
				label：指定输入项的文字描述信息（label的for属性一般回合input的id属性对应，则点击label区域
						会让input输入框获取焦点）
			2、select：下拉列表 
				option：指定列表项
			3、textarea：文本域
				cols：指定列数，美行多少个字符
				rows：默认多少行