HTML样式、链接和表格

• HTML样式

1. 标签
   1. <style>:样式定义
   2. <link>:资源引用
2. 属性
   1. rel=”stylesheet”:外部样式表
   2. type=”text/css”：引入文档的类型
   3. margin-left:边距
3. 三种样式表插入方法
   1. 外部样式表：

<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>

             2.内部样式表

<style type=”text/css”>

body {background-color:red}

p {margin-left:20px}

</style>

 

         3.内联样式表

<p style=”color:red”>

• HTML链接

1. 链接数据
   1. 文本链接
   2. 图片链接
2. 属性

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

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

1. img标签属性

<img src=”html.png” width=”200px” height=”200px” alt=”html5logo”>

1. alt：替换文本属性
2. width：宽
3. height：高

• HTML表格

<table> 定义表格

<caption> 定义表格标题

<th> 定义表格的表头

<tr> 定义表格的行

<td> 定义表格的单元

<thead> 定义表格的页眉

<tbody> 定义表格的主体

<tfoot> 定义表格的页脚

<col> 定义表格的列属性

<table  boder=”1”  cellpadding=”10”>  

boder 代表边框  

cellpadding代表单元格边距   

cellspacing代表边框间距

bgcolor 代表单元格颜色   

background代表单元格背景

<caption>重要表格</caption>    <!--定义表格名称-->
<tr>
    <th>单元</th>    <!-- 定义表头-->
    <th>单元</th>
    <th>单元</th>
</tr>
<tr>
    <td>单元格1</td>
    <td>单元格2</td>
    <td>单元格3</td>
</tr>
<tr>
    <td>单元格1</td>
    <td>单元格2</td>
    <td>单元格3</td>
</tr>