HTML+CSS+JavaScript(JS)-白红宇

html基本标签，标签也叫标记就是命令

格式：单标签：

<标签名>

或

<标签名 /> 双标签：

<标签名>2.1 结构标签(文件标签) :根标签

:页面的标题：内容属性： text:文本的颜色 bgcolor:背景色 background:背景图片颜色的表示方式：第一种方式：red green blue 第二种方式：#000000 #ffffff #325687 #3774052.2 排版标签 a.注释标签：

b.换行标签：

c.段落标签：

文本文字

特点：段与段之间有空行属性：align对齐方式(left、center、right) d.水平线标签:

属性: width：水平线的长度(两种:第一种:像素表示；第二种，百分比表示) size: 水平线的粗细 (像素表示，例如：10px) color:水平线的颜色 align:水平线的对齐方式2.3 块标签

:行级块标签，独占一行，换行

:行内块标签，所有内容都在同一行作用：

:主要是结合css页面分块布局

:进行友好提示信息 2.4 文字标签(标题标签) 2.4.1 基本文字标签

属性： size:设置字体大小 color:设置蚊子颜色 face:设置字体 2.4.2 标题标签

—-

：随着数字增大文字逐渐变小，字体是加粗的，内置字号，默认占据一行； 2.5 列表标签(清单标签) 2.5.1 无序列表ul 标签：

属性：type :三个值，分别为circle(空心圆) ,disc(默认,实心圆),square(黑色方块) 列表项：

2.5.2 有序列表ol 标签：

属性：type：1、A、a、I、i（数字、字母、罗马数字）列表项：

2.5.3 列表嵌套2.6 图形标签

自关闭标签属性: src：图形地址 width:宽度 height:高度 border:边框 align:对齐方式，代表图片与相邻的文本的相当位置（有三个属性值：top middle bottom） alt:图片的文字说明 hspace 和 vspace 设定图片边沿上下左右空白，以免文字或其它图片过于贴近 2.7 链接标签

属性： href:跳转页面的地址(跳转到外网需要添加协议)； name:名称，锚点(回到锚点: 顶部，底部，中间)，在访问锚点的书写格式:#name的值 target:_self(自己) _blank(新页面，之前页面存在) 默认_self2.8 表格标签 2.8.1 普通表格(table,tr,td) 2.8.2 表格的表头(th) 2.8.3 表格的列合并(colspan) 2.8.4 表格的行合并(rowspan) 2.9 文本格式化标签

定义粗体文本。定义大号字。定义着重文字。定义斜体字。定义小号字。 定义加重语气。 _{定义下标字。 ^{定义上标字。定义插入字。定义删除字。复制代码}}

HTML:超文本标记语言文件：以html/htm结尾 HTML网页，静态页面，例：用户名：张三标签：又叫标记；根据格式划分为：单标记：<标签名>或 <标签名 /> 双标记：<标签名></标签名>

网页基本结构：		网页标签		网页头部			网页标题				网页正文标签		正文				开发工具：DreamWeaver地址：	相对路径：从当前页面出发，向上/向下一级目录去加载资源；		向上目录：../  			例：网页所在的位置 page/1.html，加载图片 pic/1.jpg，page和pic同一级目录				在页面中加载图片的路径：../pic/1.jpg		向下目录：/目录名			例：网页所在的位置 page/1.html，加载图片 pic/1.jpg，pic也在page里				在页面中加载图片的路径：pic/1.jpg	绝对路径：一个文件的真实存放位置；		例：d:/1806/二阶段/day06/pic/1.jpg颜色：	rgb表示颜色:Red  Greeen  Blue	十：0-255分别表示红、蓝、绿颜色的大小	十六：00-FF	123456不能明确表示红、蓝、绿各自的值大小，所以需要转换为十六进制；	123 45 6  --》#7B2D06		表格标签：
    
	宽：width	高：height	边框：border	内外框间距：cellspacing	对齐方式：align(left左right右center中justify两端对齐)	在表格中统一设置列的宽度：当多个相邻的列设置相同的宽度时，用span属性					
    			
    			
    			
    			行标签;	列标签：		内容水平居中：align="center"		跨行合并：rowspan="合并的单元格个数"		跨列合并：colspan="合并的单元格个数"		表格嵌套：表格里定义表格；			文字标签：	颜色：color	字体大小：size	样式：face实体字符：以&开始，以;结束	例：空格:  		小于号：<		图片标签：	图片地址：src	宽：width	高：height表单标签：用于收集客户信息	表单标签：
    
		表单提交地址：action		表单提交方式：method="get/post"			get提交：将用户的表单信息以参数的形式拼接到地址栏中；限制参数的大小在2KB；			post提交：不会以参数形式将表单信息显示在地址栏中；理论上没有限制；			文本框：			文本框的提示属性：placeholder		密码框：		提交按钮：		重置按钮：		上传：		单选： 同一组单选按钮必须以相同的name值定义		多选：			注：单选、多选定义name和value属性；name是参数名；value是参数值；		图片提交按钮：			注：与接交按钮功能相同；还可以引入一个图片；		隐藏域：		下拉框：						注：下接框添加multiple，将单选下拉框变多选下拉框；		多行文本框：			练习：结合表格进行页面布局，将表单引入到页面定义注册页面；			
    			
     
				             					        用户名： 					        				       
				       					        密码： 					        				       
			      
     
		
    
		昵称、真实性名、密码、性别、生日、照片、个人信息说明		页面regist.html		提交到java,封装对象		调用StudentDaoImpl-->BaseDao-->入库复制代码

CSS：层叠样式表作用：统一页面风格；方便修改页面样式；

引入样式表：	在html页面的标签里添加：		
    选择器：标签、class、id	标签选择器：/*根据标签名称设置页面中所有段落标签*/	p{ 		text-align:center;		background-color:#6CF;		}	类选择器：/*根据class属性值设置标签的属性*/	.p1{		color:#F0F;	}	id选择器：/*根据id属性值设置标签的属性*/	#p2{		font-size:500px;	}	注：整个页面中id值不允许重复；复制代码