html5如何制作表格和链接,HTML5样式、链接和表格

内容概要

1.HTML样式

2.HTML链接

3.HTML表格

1.HTML样式

标签

:资源引用

属性

rel = "stylesheet": 外部样式表

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

margin-left: 边距

三种样式表插入方法

1.外部样式表：

2.内部样式表：

body {

background-color:red

}

p {

margin-left:20px

}

3.内联样式表：

例如下图代码片段：

屏幕快照 2017-07-06 下午3.20.01.png

屏幕快照 2017-07-06 下午3.20.11.png

屏幕快照 2017-07-06 下午3.26.46.png

如图的代码片段中，index.html中引入外部文档资源mystyle.css。详细请看代码片段，有详细注释。

2.HTML链接

链接数据：

1.文本链接

click me

2.图片链接

属性：

1.href属性：指向另一个文档的链接

click me

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

hello

jump to hello

这样点击链接后就会跳转到hello的地方，大家可以试一下。

img标签属性：

alt：替换文本属性

width： 宽

height： 高

3.HTML表格

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

定义表格的单元

代码片段：

我是表头1	我是表头2	我是表头3
表格1	表格2	表格3
表格1	表格2	表格3

结果：

屏幕快照 2017-07-06 下午5.11.50.png

今天先学习到这里，明天继续学习，谢谢！