前端知识总结(HTML CSS Javascript)

HTML(超文本标记语言)

列表标签

无序列表ul:属性type:circle(空心圆) disc(默认,实心圆) square(黑色方块)

有序列表ol:属性type:1、A、a、I、i(数字、字母、罗马数字)

定义列表dl:

​ dt:定义标题

​ dd:定义描述

a标签的作用:
  1. 超级链接
  2. 锚链接(a href="#xxx",xxx代表的是锚点的位置,可以使用a标签声明,用name来坐定名称,或者使用其他的标签来定义,用id声明)

a链接中target属性的使用:

  1. _self 在自身页面打开
  2. _blank 在新窗口打开
  3. _parent 在父窗口打开
  4. _top 在顶部窗口打开
  5. _search相当于给窗口起一个名字,如果打开过不再打开新的页面(search可以换为任何自己起的名字)

target的属性值:top和parent

target=_parent,将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件,就象self参数一样。

target=_top,在当前的整个浏览器窗口中打开所链接的文档,因而会删除所有框架 不写的话就是表示默认值,默认值一般跟浏览器有关。

普通表格
表示为行

表示为列(单元格)

表示表头

表格的属性

border:边框像素为单位
width:宽度
height:高度

行的属性:

align:控制表格的对齐方式:center right left
valign:控制表格的垂直对齐(都是对表格的内容的控制)

跨列和跨行:

colspan=""占几列
rowspan=""占几行
 定义粗体

定义大号字体

着重文字(斜体)

斜体字

下标字,数学上的log下标

上标字,数学上的平方

删除字,在文字上打上一条横线

表单标签

form标签
常用属性: action 表示动作,值为服务器端的地址,把表单的数据提交到该地址上进行处理
		 method:请求方式:get和post
		 enctype:表示表单提交的类型
		 	默认值:application/x-www-form-urlencoded 普通表单
		 	multipart/form-data 多部分表单(一般用于文件上传)
		 	text/plain普通文本
get和set的区别:

get:数据储存在地址栏中,请求参数都在地址后拼接,不安全、效率高,大小有限制,一般用于查询数据

post:地址没有数据,请求参数单独处理,安全可靠、效率低,大小理论上没有限制,一般用于插入删除操作
input标签
type:可能要取得值:
	text 文本框 输入内容
	password  密码,密文或者掩码
	radio  单选按钮,name必须要一致;value:提交给服务器的数据,表示同一组只能选中一个
	checkbox  表示多选,name必须一致,返回值是数组,可以选多个
	file  表示选择上传文件
	以上具有输入性质的必须要有name属性,初始开始写value表示要有默认值(以后获取输入框的内容要根据name来获取)
	一下按钮不具有输入性质,不需要name属性,但是按钮上的文字提示使用的是value属性
	submit  提交
	reset  重置
	image  图片提交按钮
	button  普通按钮
	hidden  表示隐藏域,该框的内容服务器需要,但是不想让用户知道(不想清楚地显示在界面上)
	email  表示邮箱格式的数据
name属性:表单元素的名字,只有name属性才能提交给服务器
value属性:提交给服务器的数据
placeholder:提示信息
高级属性:
	disabled:禁用
	readonly:只读
select元素(下拉列表)

selected表示选中该项,默认是选择第一项
textarea元素(文本区)