1.HTML的简介： 什么是HTML （基础） 表示是超文本标记语言 HyperText Markup Language 网页语言；
**超文本 ： 超出文本的范畴 可使用html可以轻松实现这样的操作
**标记 ：html里面的所有标记都是通过 标记来实现的 标记 就是一个标签；<标签名称>
**网页语言 ：
*第一个html程序。
创建java文件 .java
**先编译 在运行 （jvm）
创建 html文件 .html .htm
**直接通过浏览器就能运行
*html的规范（遵循）
1.一个html文件 有开始的标签，和结束的标签
--<html></html>
2.包含两部分内容
（1） <head> 设置相关信息</head>头部
（2） <bady>显示的页面内容写在这里面 </body>
3.html 有开始标签，也要有结束标签
4.html 代码 是不区分大小写的；
5.有些标签 ，没有结束标签 比如 （标签内结束）<br/>换行 <hr/> 水平线；
**HTML的操作思想（理解）
网页中有很多数据，不同的数据可能需要不同的显示效果；这个时候需要使用标签把操作的数据包起来（封装起来）
通过修改标签的 属性值 来修改标签内 数据样式的变化。
一个标签相当于一个容器，想要修改容器内数据的样式，只需修改容器的属性值，就可以实现容器内数据样式的变化
HTML常用的标签；
2、文字标签，注释标签
<font></font> 属性： *size （大小 取值范围1~7 超过7 默认 还是7）
* color（颜色） 表示方式 ：1） 英文单词： red green blue black white yellow gray
···· 2） 十六进制数表示：#ffffff： RGB
* 注释标签
-java里面的注释 ： 单行 多行 文档 三中注释
-HTML 的注释 <!-- -->(英文状态下)
3、标题标签，水平线标签和特殊字符
1)标题标签
*<h1></h1> <h2></h2> ………………,.< h9></h9>
---从1-9 是依次变小的，同时自动换行
2）水平线标签
<hr/> 属性 size 粗细 color 颜色
3) 特殊字符
-需求 想要在 页面上显示这样的内容 <html>:是网页的开始！ < ; < > >   空格 & &
4、列表标签
--比如在网页显示 这样的效果 XXXXX
XXXX
XXXX
XXXX
**<dl></dl> 表示列表的范围 在dl标签中<dt></dt> 上层内容 <dd></dd> 下层内容
5、图像标签（******）
* < img src=“ 图片的路径”/>
-alt 图片上 显示的文字，把鼠标移动到图片上，停留片刻； 部分浏览器 无效
6、路径的介绍
* 分类 ：两类
** 绝对路径
**相对路径
一个文件 相对于另外一个文件的位置
../上层目录 ../../上层的上层目录
7、案例 练习
插入图片 文字排版 （含有特殊标签，特殊字符） 水平线 图片大小
8、超链接标签（********）
*链接资源
-<a href="链接到资源的路径" >显示在页面上的内容</a > **href：链接到资源的位置
**target 设置打开的 方式 默认的是当前页面打开；
-- _blank 在一个新窗口打开 --- _self 在当前页面打开 默认
不添加 路径 # 默认占位符
*定位资源 
-
** 如果想要定位一个资源，定义一个位置
<a name="top" >顶部</a>
**回到这个位置
<a href ="#top"> 回到顶部</a>
**引入一个标签 pre：原样输出：
8、表格标签（**重要的标签**）
操作技巧：首先 数有多少行，数每行里面有多少个单元格；
*可以对我们的数据进行格式化，是数据更加 完整 清晰
*<table></table> 表示表格的范围
-border :表格线
-bordercolor:表格线的颜色
-cellspacing：单元格的间距
-width：表格的宽度
-height：表格的高度
**在table 里面的标签 <tr></tr>
设置的方式：align ： left center right
** 在 tr 里面 <td></td> ,<th></th> 也可表示单元格 默认居中 加粗
设置的方式：align ： left center right
** 表格的标题
<caption>
</caption>
**合并单元格
-rowspan：跨行
-colspan 跨列
10、表单标签：（******最重要的标签*****）
**可以提交数据到网络上的服务器，这个过程可以使用表单标签实现。
<form> < /form> 表单标签 表示 表单的范围；
**输入项：可以输入内容和选择内容的 部分；(在所有标签内 必须要有 name属性 才能提交到数据)
-大部分输入项使用的是 <input type=”输入项类型“/> 标签进行封装
***普通的输入项：<input type ="text" />
***密码输入项：<input type="password"/>
***单选输入项：<input type="radio"/>
-在里面需要来一个name属性 才能选择 但是name的属性值必须一样； 也必须包含value 值 类如 判断男女 实现默认选中 在属性中加 checked=”checked“
--复选框输入项：<input type="checkbox"/>
-在里面需要来一个name属性；——其name属性值也相同； 也必须包含 value
***文件的输入项：（文件的上传）
<input type="file"/>
***下拉选项（不是在input选项中）下拉选框 默认选中的 加 selected
<select name=" 必须要有">
<option value="xxx" selected=”selected“> xxx <option/>
<select/>
***文本域
<textarea cols="10" rows="10"></textarea>
******隐藏项（不会显示在页面上，但是存在于html代码里面）
<input type="hidden"/>
***提交后的信息显示分析；
***使用图片来提交：
<input type="image" src="图片路径"/>
****重置按钮
< input type=”reset“/>
***<input type="button" value=""/> 和js一起使用 单独使用无反应；
11、其他标签的使用：
p 标签 段落 比<br/>多了一行
div（换行） span（不换行）====与css一块使用
12、HTML头标签 的使用
*html两部份 head body
**在 head 里面的就是头标签
· <title></title> 标签表示在标签上显示的内容
**<meta> 标签 设置页面一些相关的内容
** base(基本的)标签： 设置超链接的基本设置
-可以统一设置超链接的打开 方式
**link标签可以引入外部文件 **引入css文件***
13、框架标签（将近淘汰）
<frameset>
-rows:按照行进行划分，
**<frameset rows="80,*"> 上边带为80，剩余的为下面；
-cols:按照列进行划分
**<frameset cols="80,*"> 左边的 为80 剩余的为右边；
</frameset>
--具体显示的页面
-<frame name=" " src="b.html">
*使用框架的时候，不能写在body里面，使用了框架 标签，需要把body去掉；
HTMl 操作思想，（***）、
*使用标签，要把操作的数据包起来，通过修改标签的属性值，来实现标签的内部样式的变化，
852
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
