网页知识学习总结

html

1.html各个版本声明

html5

HTML 4.01

XHTML 1.0

以上是我对版本知识学习的归纳总结

2.web三要素

浏览器，服务器，http协议

3.hbuilderx 软件自带了一个内置服务器： 端口号默认是 8848

4.web 学习内容：

html: 用于勾勒出网页的结构和内容

css: 用于网页美化

js:js 操作的目标是 html,css, 是以这两者为基础的

5.html网页后缀名分为html和htm两种

6.html编码格式

* gb2312 简单中文  包括6763个汉字  GUO BIAO

* BIG5   繁体中文 港澳台等用

* GBK包含全部中文字符    是GB2312的扩展，加入对繁体字的支持，兼容GB2312

* UTF-8则基本包含全世界所有国家需要用到的字符

（与此同时要保证内部设置的编码格式与文件新建的编码格式一样）

7.html的访问方式

7.1.网络访问方式：127.0.0.1:8848/华清远见学习/Week6/date_8month17day/1.练习购物车.html127.0.0.1:8848/web01/day1/aa.html 127.0.0.1:8848/华清远见学习/Week6/date_8month17day/1.练习购物车.html

或者localhost:8848/华清远见学习/Week6/date_8month17day/1.练习购物车.html8848/web01/day1/aa.html

http: 网络协议

127.0.0.1:8848 : 访问的服务器的地址 ( 域名 ) -- ip:port

-- 127.0.0.1 , 是代表本机的 ip 地址（ 192.168.3.46 ） ： 通过 ipconfig 命令查询本机 ip.

-- localhost: 是代表本机的域名

-- port : 端口号（ 8848 , 通过端口号，找到电脑上在运行的某个软件。 ）

-- /web01/day1/aa.html : 运行的 8848 软件上对应的具体的资源。

localhost:8848/华清远见学习/Week6/date_8month17day/1.练习购物车.html

7.2.文件夹访问方式：file:///C:/Users/Administrator/Documents/HBuilderProjects/web01/day1/1.html

8.标签

双标签： h1,h2,h3,h4,h5,h6

单标签： hr(横线),br(换行)

行内元素： span

块级元素： div

列表元素:ul(无序列表),ol(有序列表)

img: 用于网页上显示图片

a: 用于网页上显示超链接

table 表格标签： 用于实现一个表格

tr: 行标签， td: 单元格标签 ( 列 )

 

	
		
		
	
	
		
三行四列的表格
		
		

			
测试表格
			

				
1
				
2
				
3
				
4
			
			

				
1
				
2
				
3
				
4
			
			

				
1
				
2
				
3
				
4
			
		
		

			
购物车展示
 
			

				

					
					
商品名字
					
商品数量
					
商品单价
					
小计
				
			
 
			

				

					
鼠标
					
2
					
20
					
40
				
				

					
键盘
					
3
					
40
					
120
				
			
			

				

					
					
总计：
 
					
160
				
			
		
		

			
分数统计
			

				
姓名
				
科目
				
分数
			
			

				
				
小红
				
语文
				
80
			
			

				
				
数学
				
90
			
		
		

			

				
学号
				
姓名
				
家庭成员
			
			

				
1001
				
mmm
				

					

						

							
姓名
							
关系
							
联系方式
						
						

							
AA
							
父子
							
1000000
						
						

							
BB
							
母子
							
1000000
						
						

							
CC
							
兄弟
							
1000000
						
					
				
			
			

				
1001
				
mmm
				

					

						

							
姓名
							
关系
							
联系方式
						
						

							
AA
							
父子
							
1000000
						
						

							
BB
							
母子
							
1000000
						
						

							
CC
							
兄弟
							
1000000
						
					
				
			
		
	

样式标签元素：b和strong(加粗),i和em(倾斜),del(删除线),u(下划线),sub(下标),sup(上标)

9.

html 标签

作用：填写并提交表单信息与服务器进行动态交互

表单有两个基本部分：① 实现数据交互的可见的界面元素，比如文本框或按钮 ， ②提交后的表单

处理。

相关标签： ① form 标签 ：使用 “form” 元素创建表单， ②在 “form” 元素添加其他表单可以包含的

控件元素

10.form表单

from表单是成对出现的双标签

action

action规定了提交表单时发送表单数据的目的地,也即将数据发到哪里,例如action="请求地址".

method

method规定了发送方式,常用的为get和post,涉及到用户隐私时,为了安全起见通常都采用post方式.

name

name表单的名字,如果是在js中想要获取form的dom对象,直接使用name属性值即可,例如

在使用js进行验证时可以直接使用myform.user.value来获取用户框的值,其结果与document.getElementById('user')一致

onsubmit

onsubmit事件属性,只在form表单中使用,在表单提交时触发,一般可以用它来进行前端验证.当"提交"按钮被点击时，执行check()函数，在check()函数中，我们对表单输入框进行了空验证，如果为空，提示输入并return false,这样表单就不会提交,同时，使用时要注意onsubmit不能掉了return，否则表单永远会提交。

enctype

enctype属性规定在发送到服务器之前对表单数据进行编码的模式,默认情况下是application/x-www-form-urlencoded,也就是我们不写enctype属性时,它的另外一个multipart/form-data值则是不编码,不对字符编码。在使用包含文件上传控件的表单时，必须使用该值,还有一个值是text/plain,它对空格进行处理，将空格转换为+号,但是不对特殊字符进行编码。

11.input元素的type属性值

button	定义一个点击按钮（一般用于js）
checkbox	定义复选框。
file	定义输入字段和"浏览"按钮，供文件上传。
hidden	定义隐藏的输入字段。
image	定义图像形式的提交按钮
password	定义密码字段。该字段中的字符被掩码
reset	定义重置按钮。重置按钮会清除表单中的所有数据
submit	定义提交按钮。提交按钮会把表单数据发送到服务器
text	定义单行的输入字段，用户可在其中输入文本。默认宽度为20个字符

html5新加的type属性

type=“email”	限制用户输入必须为Email类型
type=“url”	限制用户输入必须为URL类型
type=“month”	限制用户输入必须为月类型
type="date”	限制用户输入必须为日期类型
type=“time”	限制用户输入必须为时间类型
type=“number”	限制用户输入必须为数字类型
type=“tel”	手机号码
type="search”	搜索框

————————————————
版权声明：以上两个表格为CSDN博主「91周先生」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_48549175/article/details/109565913

12.下拉选择框和滚动列表

:创建选项框

-name:选项框命名

-size:大于1，则为滚动列表

-multiple:设置多选

:选项

-value:选项的值

-selected:预选中

13.多行文本输入框

主要属性

cols	指定文本区域的列数
rows	指定文本区域的行数
readonly	只读

13.表单元素的使用

	
		
		
	
	
		
登陆界面
		
		

			
			用户名:
			
			


密码:


表单相关元素的介绍

单行文本框：
密码框：
隐藏域：
文件上传：
单选按钮： 男 女
复选框： 看书 弹琴 跑步
下拉列表(单选)： 请选择 上海 北京 天津
下拉列表(多选): java c c++ python html
多行文本框：
submit:

reset:
button:
分组标签：

地址

邮箱： 年龄: date: 颜色： submit:

14.iframe标签的使用

iframe标签： 在网页中，可以通过src的路径找到新的网页，嵌套在当前网页中

	
		
		
	
	
		
		
		
		

			
			
1.文件结构
				
			
2.文本相关
				
			
3.特殊
					样式的文本