html基础标签复习

前端只是基础,复习笔记总结

<!DOCTYPE html>
<html>
	<!--
	html定义了整个html文档。html标签有双标签以及但标签,双标签比如:<html></html>,有开头结尾,但标签样式案例:<input type="" value=""/>
	body元素定义了整个文档的主题,双标签。
	-->

	<head>
		<!--
		<head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
		文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
		-->
		<meta charset="UTF-8">
		<!--
			<meta> 标签永远位于 head 元素内部。
		-->
		<title>
			<!--title标签中间的content为网页标题-->
		</title>
	</head>

	<body>
		<h1>大标题标签</h1>
		<!--h+数字,表示该标签的数字大小-->
		<table align="">
			<!--
				<table> 标签定义 HTML 表格
				简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
				tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。
				table的属性:
				align:规定表格相对周围元素的对齐方式。
				bgcolor:规定表格的背景颜色
				colspan属性是单元格列合并
				rowspan属性是单元格行合并
				rowspan与colspan在table所有标签中都可以使用。代表的合并不同。
				td使用rowspan是对单元格进行行合并,tr使用rowspan是滴一行的单元格进行合并。效果可以使用border属性加上边框体现。

			-->
			<tr rowspan="3">
				<!--td,th它们都属于<tr>子元素..-->
				<th>一般用在一列的第一格,里面的内容会自动加粗加黑</th>
				<td>表示内容单元格</td>
			</tr>
		</table>

		<br />
		<!--换行标签,相当于回车键-->

		<p>input标签不停type属性分表表示不同组件</p>
		<input type="text" />
		<!-- 代表文本格式-->
		<input type="password" placeholder="" />
		<!-- 密码文本框,输入内容不显示,placeholder属性值为提示字符-->
		<input type="button" />
		<!-- 代表一个没用功能的按钮,需要用事件触发函数调用js来实现功能-->
		<input type="submit" />
		<!-- 提交按钮-->
		<input type="radio" name="" value="" />
		<!--单选按钮 -->
		<input type="checkbox" checked/>
		<!--复选框,checked为默认选中该标签 -->
		<textarea name="">文本域标签,可以输入大量文字在标签之中</textarea>
		<a href=""> 超链接标签,href为连接到的地址</a>
		<!--
			设置超链接点击过后的样式可以使用css中的visited搜索进行设置,基本的使用方法如下:
			:visited 选择器用于选取已被访问的链接。
			:link 选择器对指向未被访问页面的链接设置样式
			:hover 选择器用于设置鼠标指针浮动到链接上时的样式
			:active 选择器用于设置点击链接时的样式。
		-->
		<br />
		<hr />
		<!--用来画一条水平线 -->
		<img src="" alt="图片未显示" title="鼠标浮动到图片后提示信息" />
		<!--
			src为图片的链接地址
			alt为图片资源失效后的提示信息
			title为图片显示成功时候,鼠标浮动上去,显示的提示信息
		-->
		 
		<!--定义空格-->
		<hr />
		<!--
			ol:order list
			type 列表排序的类型共五种:默认阿拉伯数字,“a”小写字母,"A"大写字母,"I"大写罗马数字排序,"i"小写罗马数字排序
			start 排序的起始位置如果type="a" start="5" 那么从字母e开始
			reversed="true"
		-->
		<ol type="I" start="5" reversed="true">
			<li>ol:order list</li>
			<li>type 列表排序的类型共五种:默认阿拉伯数字,“a”小写字母,"A"大写字母,"I"大写罗马数字排序,"i"小写罗马数字排序</li>
			<li>start 排序的起始位置如果type="a" start="5" 那么从字母e开始</li>
			<li>reversed="true"/li>
			<ol type="i" start="2">
				<!--列表中可以嵌套列表-->
				<li>列表中可以嵌套列表/li>
				<li>嵌套有序列表,也可以嵌套无序列表</li>
			</ol>
		</ol>
		<br />
		<!-- 无序列表 unorder list 默认列表项前是小圆点-->
		<ul type="square">
			<li>无序列表 unorder list 默认列表项前是小圆点</li>
			<li>type类型是无序列表列表项前方的标志符号,默认是小圆点</li>
		</ul>
		<form action="" method="">
			<!--
				<form> 标签用于为用户输入创建 HTML 表单。
				表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
				表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
				表单用于向服务器传输数据。
				一般最后定义个按钮,<input type="submit"/>用于提交表单到action所声明的处理地址。
				method方法有两个参数值,post跟et方法
				post与get方法的比较
					安全性:get方式不安全,以URL方式进行提交。(密码会显示在地址栏)。 post以请求实体提交,不会显示地址栏,足够安全
					大小限制:get方式提交的内容有限,一个地址栏放不了多少东西,1k左右,post大小无限制,可以放大文件(音频,视频,图像等等)
					编码限制:get限制Form表单的数据集的值必须为ASCII字符,不能通过request.setCharacterEncoding("utf-8");设置中文字符,服务器得到的中文字符可能为乱码!post支持整个字符集ISO10646,可以通过request.setCharacterEncoding("utf-8");正确显示中文字符。
			-->
		</form>
</html>

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值