HTML5基础(样式、链接、表格)
原创
©著作权归作者所有:来自51CTO博客作者不死鸟jgc的原创作品,请联系作者获取转载授权,否则将追究法律责任
HTML样式
标签
标签属性
rel = "stylesheet" 外部样式表
type = "text/css" 引入文档类型
margin-left 边距
三种样式表插入方法
外部样式表
<link rel="stylesheet" type="text/css" href="mystyle.css">
内部样式表
<style type="text/css">
body{
backgroud-color:red
}
p{
margin-left:20px
}
</style>
内联样式表
## HTML链接 ##
分类
- 文本链接
- 图片链接
相关属性
href 指向另一个文档的链接
name 用来创建文档内部链接(页面内的跳转)
alt <img>标签的替换文本属性(图片的描述)
例子如下:
<a href="www.baidu.com">
<img src="aaa.png",width="200px",height="200px",alt="图片描述">
</a>
## HTML表格 ##
常用表格标签
<table> 定义表格
<caption> 定义表格标题
<th> 定义表格头
<tr> 定义表格的行
<td> 定义表格单元格
<thead> 定义表格页眉
<tbody> 定义表格主体
<tfoot> 定义表格页脚
<col> 定义表格列属性
例子如下:
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
...
</table>