html5链接样式表的代码,HTML5样式、链接和表格

本章内容

1. HTML样式

2. HTML链接

3. HTML表格

HTML样式

1. 标签：

:资源引用

2. 属性：

rel="stylesheet":外部样式表

type="text/css":引入文档的类型

margin-left:边距

3. 三种样式表插入方法：

外部样式表：

内部样式表：

body{background-color: red}

p{margin-left: 20px}

内联样式表：

代码效果

外部样式表

工程目录结构：

index.html:

样式

标题h1

mystyle.css:

h1{

color: aquamarine;

}

运行效果：

内部样式表

index.html:

样式

p{

color: olivedrab;

}

标题h1

hello world

效果：

内联样式表

index.html:

样式

p{

color: olivedrab;

}

标题h1

hello world

百度链接

效果：

HTML链接

1. 链接数据

文本链接

图片链接

2. 属性：

herf属性：指向另一个文档的链接

name属性：创建文档内的链接

3. img标签属性：

alt:替换文本属性

width:宽

height:高

代码效果

链接

百度一下哈哈哈

a1

a2

效果：

a2在画面外面，最底部，点击直接跳到a1

表格

定义表格标题 定义表格的表头

定义表格的单元

代码：

biaoge

没有边框的表格

单元格1	单元格2	单元格3
单元格4	单元格5	单元格6

表头&空的单元格&表格标题

表格的标题

单元	单元	单元
单元格1		单元格3
单元格4	单元格5	单元格6

表格内的标签

单元1	单元2
1 2 3	单元4

单元格的边距&间距&背景色&背景图片

cellpadding 是边距

cellspacing 是间距

单元格1	单元格2	单元格3
单元格4	单元格5	单元格6

跨行

姓名	电话
甲	123456	234567

跨列

姓名	乙
电话	123456
	123456

效果：

OK！又是愉快的一天结束了！