HTML5基础（样式、链接、表格）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/jiangguangchao/article/details/53743645

HTML样式

标签

<style>   样式定义
<link>    资源引用

标签属性

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>

内联样式表

<p  style="color:red">

HTML链接

分类

1. 文本链接
2. 图片链接

相关属性

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>