HTML学习（一）

 # HTML

## meta标签简介

meta标签一般用于定义页面的特殊信息，比如页面关键字、页面描述等。

在HTML中meta中有2个重要的属性：name和http-equiv

```html
(1) name 属性取值:

keywords 网页关键字    description 网页的描述   author 网页的作者  copyright 版权信息

(2)http-equiv 属性作用
<meta charet="uft-8"/> 定义网页所使用的编码
<meta http-equiv="refresh" content="5":url="网址" 定义网页自动刷新跳转
```

##  HTML注释语法

```html
语法: <!--注释内容-->
```

## 文本标签

```html
标题标签 h1~h6   水平线标签 hr       上标标签 sup       下划线标签 ins、u
段落标签 p       加粗标签 strong、b  下标标签 sub       大字号标签 big
换行标签 br      斜体标签 i、em      删除线标签 del、s  小子号标签 small
```

## 特殊符号

```html
&quot 双引号  &lsquo 左单引号  &rsquo 右单引号   &times 乘号   &divide 除号   &dt 大于号   &lt  小于号
&copy 版权    &reg 注册商标    &trade 商标      &deg 度
```

## 列表简介

在HTML中列表共分为3种：有序列表、无序列表、定义列表

```html
1.有序列表：ol li      ol的type属性取值：1 a A i l
2.无序列表：ul li      ul的type属性取值：disc cirde square
3.定义列表：dl dt dd   dl表示定义列表   dt表示标题   dd表示描述
```

## 表格table标签

```html
table   表格标签  tr 行标签     th 表头标签   caption 表格标题  td 单元格标签 
1.rowspan 表格合并行（所谓合并行指的是将纵向的N个单元格合并）
语法：<td rowspan="跨域的行数"></td>
2.colspan 表格合并列（所谓合并列指的是将横向的N个单元格合并）
语法：<td colspan="跨域的列数"></td>
```

## 图片 img

```html
<img src="图片路径" alt="图片描述" title="图片标题" >
```

## 超链接   a标签

```html
<a href="链接地址" target="打开方式">文本或图片</a>
target属性取值：
_self   在原来的窗口打开链接(默认值)
_blank  在新窗口打开链接
_parent 在父窗口打开链接
_top    在顶层窗口打开链接
```

## 表单 form标签

```html
form属性：
name 表单名称     method 提交方式          action 提交地址     target 打开方式
name的值：自定义   method的值：get/post    action的值：url地址
```