前端-HTML

HTML

一.基本格式
<html>
	<head>
		<meta charset="utf-8">
		<title>标题</title>
	</head>
	<body>
		内容
	</body>
</html>

(1)html标记代表HTML文件的开始和结束

(2)html不区分大小写

(3)html是一个弱语法规则语言

(4)html由很多很多的标记组成

(5)html:超文本标记语言

(6)html标记其实就是很多的节点

(7)head:头标记,对当前html文档的设置

(8)body标记:正文部分,就是html的显示内容

二.常用标记

(1)h1-h6:标题标记,自带换行和加粗操作

(2)br:换行标记

(3)font:文字设置,color:颜色,size:大小(1-7,默认值为3,也可以写成+1)

(4)b,i,u,tt,sub,sup:加粗,倾斜,下划线,打印机,底数,次方

(5)p:段落;&lt:<;&gt:>;&amp:&;&nbsp:空格

(6)hr:分割线;pre:按照输入的文本格式输出

(7)链接:

内链接(书签):href="#sql"
     
外链接:
     
邮件链接:href="mailto:邮箱地址"

(8)对于鼠标点击:

link:未使用  
alink:正在使用
vlink:已使用的
三.传值问题

(1)get方式,url携带参数

  • 可以通过window.location.search获取url上的参数。

(2)通过cookie,传递

  • cookie能够存储少量数据到客户端的磁盘中,特定的网页之间是共享cookie中的数据。

(3)window.open和window.opener之间传值

  • window.open可以打开一个新的页面,在新的页面中可以通过window.opener获取父页面的窗口对象,从而可以获取父窗口中的参数。

(4)h5技术,window.localStorage存储数据

  • 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。此方法类似cookie,将数据存在一个公共的地方,实现页面之间传值。
四.表单组件

(1)文本框:text

value:初始值;placeholder:水印;required:必填项;readonly:只读

(2)密码框:password

(3)单选按钮:radio

(4)复选按钮:checkbox

(5)电话号码:tel 邮件:email 数字:number 颜色:color 搜索框:search 时间日期:date/time/datetime-local 上传:file 隐藏域:hidden 下拉菜单:prov

(6)提交按钮:submit 重置按钮:reset 图片:image
name必须一致为一组按钮

(7)method方式:post加密(数据量多),速度慢,get(默认):不加密(数据量小),速度快

(8)enctype:

application/x-www-form-urlencoded文本(默认)

Multipart/form-data上传

五.表格组件

(1) <thread></thread>

(2)<th></th>表头

(3)<td></td>表格单元格

(4)表格的行元素

(5)合并

  1. rowspan:行合并(用于一个单元格跨越多行)
  2. colspan:列合并(用于一个单元格跨越多列)
六.框架集

1.body和框架集标签不同时使用

2.框架集标签:frameset

3.属性:rows行分割 cols列分割

4.frame属性:

  •     src:指定要嵌入的页面
    
  •     noresize=”noresize”可以阻止border拖拽
    
  •     name:用于指定战士的内容所在的frame
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值