day01_HTML
1.HTML简介
HTML不是一个编程语言（编译过程），是一个标记语言
HTML是直接由浏览器解释执行的
2.HTML5历史
IEEE将任务交给了W3C
XHTML是指符合XML标准的ＨＴＭＬ代码
HTML5与前面的HTML和ＸＨＴＭＬ完全不同
判断数据不需要再去使用JavaScript，HTML5会自动检查报错
HTML5更适合手机端，定位
3.ＨＴＭＬ５的术语
网页
HTML的标签编写的一个页面
主页或者首页
访问网站打开的第一个页面，称为导航页
标记
HTML的标签
开始标签和结束标签，有的标签没有结束标签
元素
可以理解为标签，严格说是：开始标签+加上内容+结束标签
全部内容
ＸＨＴＭＬ
可以自己任意定义标签
ab是不存在的标签，在XHTML是错的，HTML可以任意写
ＤＨＴＭＬ
动态的HTML
HTML+CSS+JavaScript
ＨＴＴＰ
超文本传输协议：网络上传递数据的标准
4.ＨＴＭＬ的开发工具
Editor Plus Notepad++
Dreamweaver
5.HTML的结构描述
拓展名
HTML或者HTM（dos不允许4为拓展名）
不区分大小写
HTML是一个弱势语言
结构
-
声明部分
告诉浏览器自身所使用的HTML标准
<！doctype html> -----------HTML5的标准
IE不怎么支持ＨＴＭＬ５标准，Opera最支持
Opera》Google》火狐》IE
2.head
部分
head（头）部分不会再页面上显示，是用来提交给服务器的
.3.body部分
所有的代码都写在
<body>
</body>
中间
6.排版标签
标签===Java的对象
P标签代表了一个段落 只有align一个属性，p多了一个空行
<br></br>结束标签，换行标签
<hr>使一条从中间到两端的线，他单独占据一行
HTML里的单位只有一个：像素
可以设置相对长度和绝对长度
noshade不要阴影，没有参数
竖向的线可以采用减小width和增加size的方法实现
center里面的内容全部会处于浏览器中间，被HTML5废除
所有的浏览器都会默认忽略空格和换行
《dir》单独占据一行
<span>不换行
span的使用
7.字体标签
8.图片标签
Title提示性文本，这是一个共有属性，每个标签都有
（1）浏览器地址栏网址使用 斜杆/ ;
（2）windows文件浏览器上使用 反斜杠\ ;
（3）出现在html url() 属性中的路径，指定的路径是网络路径，所以必须用 斜杆/
9.超链接
10.热点问题---只能通过Dreamweaver解决
对图片的局部区域加超链接
Coords:圆心的横纵坐标，加上半径
11.清单标签
12.回顾
13.表格标签
固定各个标签的位置
以前只能通过表格标签实现，现在还可以通过CSS实现
<table></table>
表格是由行组成的，而不是由列组成
<tr>行 <td>列
Table的align = center表示表格居中，而不是内容居中
但是div的align = center 表示块里面的内容居中
如果要表格里的内容居中，需要设置td(列)的属性
内容到边的距离，相对于左边的边
单元格（cell）和单元格之间的间距
暗色
亮色
设置整个表格的颜色
设置表格的背景图片
如果背景图片和背景颜色同时出现，背景图片的优先级是大于背景颜色的
Dir是方向的意思
翻转的有几个方面，不是一个
Dir是一个共有属性，
这样html所有的标签（元素）都会从右到左排列
表格没有改变，是因为表格有一个align( = center)属性
所以，里面的标签的优先级高于外面的标签的优先级
行的背景颜色会遮盖住表格的背景颜色
行没有背景图片的属性，所以后面的2.gif是加载不出来的
列是可以加背景图片的
这是水平居中
Vertical align 垂直居中
Cellpadding的优先级高于td（列）的优先级，先取消cellpadding 的值
单元格的合并
Rowspan表面单元格占据两行
th-加粗标签：对标签里面的内容进行加粗，主要起强调作用
Caption:标题标签,无论放在table的哪里显示的都一样，靠align属性移动标签的位置
Thead：table head
Tbody: table body
Tfoot
14.图片的align属性
图片和周围文字的相对位置
15.框架标签
框架集
一个浏览器里面写的是多个页面，所以不需要<body>标签 ,或者把<body>写在外面
<frameset>框架集
禁止滚动,这个框架的滚动条就没有了
将他写在框架集里面，所有的框架边界都会有颜色
框架里面的超链接
顶级
不会打开新的浏览器，会用这个页面显示打开的超链接
Parent和top的效果是一样的
16.内嵌框架（只有IE浏览器支持）
Iframe=inner frame
表示在原来的框架里面挖出了一个部分显示新的页面
17.内嵌框架的示例
18.表单标签
作用：搜集数据
<form></form>
普通文本框：txet
Readonly光标还能进去
Disabled光标进不去
密码框：password
隐藏框：hidden
用于程序员向服务器发送一些数据
单选框：radio
浏览器会把多个相同名字的标签作为一组
如果两个radio没有起相同的名字，是无法起到单选的功能的
China和america是提交给服务器的，而中国、美国只是显示给用户看的
选择框：Checkbox
与radio标签的区别：即使名字相同也可以被多选
下拉框：select
不是input了
选项是<option>
多行文本框：textarea
必须指定多行文本框所占用的行和列
不能打这样的
否则，
按钮：
普通按钮主要是和JavaScript结合起来使用的
提交按钮：
action表示提交的对象 method：提交的方法，默认get方法
学历传递的是编码后的中文字符
标签必须要有name属性才能被提交
提交方式get与post的区别：
get方式会把提交的数据直接追加在地址栏的后面
post方法将会隐藏提交的数据
-
post更安全
-
get提交的数据大小是有限制的，不能超过1k，而post方式提交数据的大小是不限制的
重置按钮是让表单当中的控件恢复到初始的状态，如果控件不在表单里面，那将无法被重置
图片标签于提交按钮的功能完全一致
这个与input type = "button"的主要区别是他本身是一个标签
这个标签如果放在表单里面，他还有提交按钮的功能，放在表单外面就不行了
19.表单的语义化
语义化：美化一下表单
<fieldset>
20.多媒体标签
Loop：循环次数
负数表示无限循环
正数表示循环次数
embed是HTML4定义的标签
video是HTML5定义的标签，但是有些浏览器不一定支持HTML5
Marquee 默认从右向左跑，direction属性值为right，(从左)向右跑，
Behavior 跑动的方式：slide 一次,alternate来回..scroll转圈
Scrollamount 一次移动的距离
Loop表示移动几圈 ，最后就不见了
Scrolldelay 移动一下休息的时间，单位毫秒
21.头标签
<html>
Lang语言
<head>头
<meta>
http-equiv 3秒刷新到后面 url指定的网站，不是单纯的刷新
<title> 网站的显示
<body>
bgcolor background text(body里面的文本用什么颜色来显示)
alink
Leftmargin去掉边缘的空白
Topmargin去掉顶部的空白
<label>
加上标签可以给文字提供事件
并且不改变文字的任何效果，比如P，H标签
会弹出"林志玲"
22.总结
CSS只能设置表格里面的内容的对齐方式，设置表格的对其方式只能使用HTML