HTML 语言 (1)
#### 什么是 HTML?
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言, 而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag), 例如 `
- HTML 使用标记标签来描述网页#### 一些简单的标签
```
// 与 之间的文本描述网页
这是一个标题
//与
之间的文本被显示为标题这是一个段落
//与
之间的文本被显示为段落```
其中, 第一行的 表示采用 html5 协议
### HTML 中的标签
- HTML 标题 是通过 `
-
` 等标签进行定义的.```
我是一级标题
我是二级标题
我是三级标题
我是四级标题
我是无级标题
我是六级标题
```
- HTML 段落是通过 `
` 标签进行定义的.```
我是段落一
我也可以是一段文字描述...
```
- HTML 链接是通过 `` 标签进行定义的.```
```
- HTML 图像是通过 `` 标签进行定义的.
``
此时, 图片 "shx.jpg" 要和该 HTML 文件在一个目录下
或者采用绝对路径
如果该图片文件找不到或不存在
会显示出 alt 信息
- HTML 列表是通过 `
- ` 和 `
- ` 标签进行定义的. 其中 `ul` 一般用来表示无序列表,`ol` 用来表示有序列表```
- 第一条
- 第二条
- 第三条
```
- HTML 表格是通过 `table` `thead` `tbody` `th` 'td' 等标签来定义的```
100 |
表头:
姓名 | 电话 | 电话 |
---|---|---|
张三 | 555 47 854 | 123 77 234 |
+ 单元格可以设置 "colspan" 和 "rowspan" 属性来横跨单元格
横跨两列的单元格:
姓名
电话
张三
555 77 854
555 77 855
```
border 外边界线粗细
比如将上表的 border 由 1 改为 10
最外的边界线加粗了
改 border 为 0
边界线消失
cellspacing 内层线间距
恢复 border 为 1, 添加 cellspacing 值为 1
将 cellspacing 值改为 10
各单元格之间间距变大
cellpadding 内边框和数据内容间距
恢复 cellspacing 数值为 1, 添加 cellpadding 值为 10
各单元格边框与单元格中的数据内容间距变大
表格合并
行合并 colspan
列合并 rowspan
来源: http://www.bubuko.com/infodetail-3210782.html