html入门
HTML 入门
一、HTML的概述
1、 HTML简介
l HTML(Hyper Text Markup Language)：超文本标记语言。
>标记就是标签
>HTML不是一种编程语言，而是一种标记语言
l 作用：
*就是用来写网页的
2、 HTML的书写规范。
a).HTML的创建
可以使用文本编辑器来创建，扩展名html或htm
可以被IE（浏览器）解析浏览的。
b).HTML的结构
l html
包裹了整个HTML 文件
l head
网页的说明信息。
它里面的内容是不会显示。
l body
负责显示页面的
它里面的内容是会显示的
l title
它是网页的标题
c).Html标签的规范
*Html是由一对尖括号包裹着的关键字组成的。例如：
特殊情况：
HTML的空标签。例如：
*HTML标签通常是有属性的。属性格式：属性名=”属性值” 可以用双引号、单引号或者不加引号。建议使用引号的。 例如：
*HTML是可以嵌套使用的。（只允许包裹嵌套，不允许交叉嵌套）
*HTML是大小写不敏感的。推荐使用小写
Insert title here
你好aaa
二、HTML的基本标签（链接标签、表格标签）
排版标签
l Br标签
*就是一个换行
l
*是一个空格
l HTML注释
*格式：<!--注释内容 -->
l P标签
*就是一个段落标签。段前段后各加一行
*属性：
>align 设置段落的对齐方式
l Hr标签（使用较少）
*就是一条水平线
*属性：
>color 设置水平线的颜色
>size 设置水平线的粗细
>width 设置水平线的长度
小知识：
1、HTML长度设置（了解）
像素：width =”6”或者width =”6px”
百分比：width =”80%”.它会随着浏览器改变而改变
2、 HTML的颜色设置（了解）
*颜色关键字 例如：red,blue,pink
*颜色代码。 例如：#000000。 每一位都是16进制。红色、绿色、蓝色
*三原色。 例如：rgb(0,0,0) 每一位取值0~255
Insert title here
静夜思
李白
床前明月光，
疑是地上霜，
举头望明月，
低头思故乡。
块标签
l Div
在文档中设定一个块区域
块级元素（自动换行）
l Span
在行内设定一个块区域
内联元素（不自动换行）
HTML绝大多数都属于块级元素或者内联元素
Insert title here
我是DIV1
我是DIV2
我是SPAN1
我是SPAN2
字体标签（少）
l Font标签(少)
*设置字体的大小、颜色、字体类型
*属性：
>color 设置字体颜色
>size 设置字体大小
>face 设置字体类型。
l 标题标签（一般）
*h1~h6
*h1最大，h6最小
l 斜体、粗体标签（比较）
l 滚动字幕（不建议）
(marquee标签)
*只兼容IE，所以不建议使用
Insert title here
你好aaa
aaaa
aaaa
aaaa
aaaa
aaaa
aaaa
我是斜体
我是粗体
既是粗体又是斜体
既是粗体又是斜体
列表标签
l 有序列表(ol标签)
*属性
>type 设置有序列表的项目序号。 A,I,1
>start 设置有序列表的项目序号起始值。
l 无序列表(ul标签)（常用）
*属性：
>type 设置无序列表的项目标号。 （了解）
l 列表项条目（li标签）
Insert title here
- java
- .net
- php
- java
- .net
- php
图片标签(常用)
l <img />
*属性：
>src 设置图片引入路径的（常用）
>alt设置替代图片的文字（常用）
>width 设置图片的宽度
>height 设置图片的高度
>border 设置图片的相框宽度
>align 设置图片的对齐方式（不建议使用）
小知识：
1、绝对路径和相对路径（重要）
绝对路径：文件在硬盘上的具体位置。
相对路径：文件相对于引入者的位置。
Insert title here
链接标签（重点）
*属性：
>href 设置链接路径（最常用）
访问内网：相对路径，绝对路径
访问外网：需要加上http协议。 例如：http://www.baidu.com
>name 设置锚点（次常用）
相当于（书签）
配合herf使用
设置锚点，a标签可以没有内容
>target 定位资源打开位置。（了解会用）
一般可以配合框架使用。
例如：
那么就是在名字为top的框架中打开。
Insert title here
我是超链接
百度
返回顶部
返回中间
表格标签（重点）
年度统计
| 第一季度 |
第二季度 |
总共 |
| 100 |
100 |
400 |
| 100 |
100 |
|
|
|
|
|
| 平均100 |
|
|
Insert title here
年度报告
第一季度
第二季度
总共
100
100
100
100
平均100
年度报告
第一季度
第二季度
总共
100
100
100
100
100
100
100
100
100
100
100
100
平均100
l 表格标签
*table,用来定义一个表格
l 行标签
*tr，用来定义一个表格内的行
l 单元格标签
*td，用来定义一个单元格。
*th，用来定义一个表头单元格。默认居中加粗
*td及th属性：
>colspan 列合并
>rowspan 行合并
l 表格标题标签
*caption，用来定义一个表格标题
*必须紧跟在table标签之后
*一个表格只有一个标题
l 分组标签（了解会用）
*对表格中的行进行分组
*thead 定义表格的页眉。仅有一个
*tbody 定义表格的主体。一个或多个
*tfoot 定义表格的页脚。仅有一个
*如果在分组标签外定义了行，那么行默认属于TBODY
*分组标签如果使用必须三个一起使用，否则无效果。
分行下载：
可以控制表格分行下载，从而提高下载速度。
在需要分行下载处加上
和。
公司年度报告
| 第一季度 |
第二季度 |
平均 |
| 100 |
100 |
100 |
| 100 |
100 |
|
| 400 |
|
|
三、HTML的表单标签（重点）
作用：表单用来提交用户输入的数据
l 表单标签：
*