2021-3-1HTML笔记

HTML学习就看W3Cschool
<a href=“链接地址”">

用来表示段落 表示图像

HTML的样式:style属性
style 属性淘汰了旧的 “align” 属性。

A heading

A paragraph.

字体颜色和尺寸

This is a heading

The heading above is aligned to the center of this page.

文本对齐

HTML链接
在这里插入图片描述
在这里插入图片描述
HTML表格在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
HTML列表
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述






rowspan跨列合并
colspam跨行合并

登录 注册 购物车        //最后四个符号表示空格,使购物车三个字距离边界远一些 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210301184302351.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzEwNzEw,size_16,color_FFFFFF,t_70)

表单

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

	<body>
		<form action="#" method="get">
			action是信息提交的路径,默认为当前页面
			method是表单提交的方式,只需要掌握两种
				默认是get,常用的两种get和post
				get和post的区别
					1、get请求会把所有的参数追缴到地址栏上,post请求不会
					2、get请求参数的大小有限制,post请求没有限制
					3、post相对于get请求更安全
			<input type="hidden" name="id" value="007"/>
			姓名:<input name="username" value="xuduoduo"/><br>
			密码:<input type="password" name="password"  value="123" disabled="disabled"><br>
			性别:<input type="radio" name="sex" value="1" checked="checked"><input type="radio" name="sex" value="0">女
				//radio类型只能二选一   
				<br>
			爱好:<input type="checkbox" name="hobby" value="eat"><input type="checkbox" name="hobby" value="drink" checked="checked"><input type="checkbox" name="hobby" value="sleep" checked="checked"><br>
			头像:<input type="file" name="photo"><br>
			籍贯:
				<select name="pro">
					<option value="01">黑龙江</option>
					<option value="02">吉林</option>
					<option value="03" selected="selected">辽宁</option>
				</select>
				<select name="city">
					<option >-请选择-</option>
					<option value="0101">哈尔滨</option>
					<option value="0102">漠河</option>
					<option value="0201">长春</option>
					<option value="0202">吉林</option>
					<option>沈阳</option>
					<option>锦州</option>
				</select>
			<br>
			自我介绍:
				<textarea name="intr" cols="40" rows="4">good!</textarea>
			<br>
			<input type="submit" value="保存"/>
			<input type="reset" />
			<input type="button" value="普通按钮"/>
		</form>
	</body>

frame:具体实现
常用属性:
src:展示的页面的url

//
补充:
转义字符:
三部分构成 &实体;
掌握的转义字符:
> > //great then
< <
& &
空格  
//
meta
元信息
指定浏览器用什么编码打开此页面
//

<!--
	表单:
		常用属性:
			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"	
			文本域:标签体
				
	当我们提交的时候 发现地址栏变化
		?username=tom&password=123&sex=on&hobby=on&hobby=on&photo=&pro=黑龙江&city=哈尔滨&intr=good+girl
-->

猜你喜欢

转载自blog.csdn.net/qq_40310710/article/details/114261617