html5-4 HTML5超链接、URL地址和表格
一、总结
一句话总结：
1、cellspace有什么用？
清除表格的单元格间距
26 <table border='1px' cellspacing='0px' width='100%'>
2、页面中的字体一般用什么好，怎么设置？
微软雅黑，在通用选择器里面选择
7 *{
8 font-family: 微软雅黑;
9 }
3、如何设置表格中的元素横向居中？
给行tr设置横向居中，text-align：center
16 tr{
17 text-align:center;
18 height:50px;
19 }
二、HTML5超链接、URL地址和表格
1、相关知识
超链接:
<a href='http://www.baidu.com' target='_blank'>百度</a>
图片超链接:
<a href='http://www.baidu.com'>
<img src='jin.png'>
</a>
url网址:
http://www.baidu.com/index.php?id=10
http http协议
www.baidu.com 域名
index.php 脚本文件
id=10 脚本参数
表格:
<table width='100%' border='1px' cellspacing='0px'>
<tr>
<th>adlf</th>
<th>adlf</th>
<th>adlf</th>
</tr>
<tr>
<td>aa</td>
<td>aa</td>
<td>aa</td>
</tr>
</table>
2、代码
table表格
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>index</title> 6 <style> 7 *{ 8 font-family: 微软雅黑; 9 } 10 caption{ 11 font-size:30px; 12 font-weight:bold; 13 color:#999 14 } 15 16 tr{ 17 text-align:center; 18 height:50px; 19 } 20 table,td,th{ 21 border-color:#0f0; 22 } 23 </style> 24 </head> 25 <body> 26 <table border='1px' cellspacing='0px' width='100%'> 27 <caption>用户表</caption> 28 <tr> 29 <th>编号</th> 30 <th>用户名</th> 31 <th>密码</th> 32 </tr> 33 <tr> 34 <td colspan='3'>123</td> 35 </tr> 36 <tr> 37 <td rowspan='4'>1</td> 38 <td>user1</td> 39 <td>123</td> 40 </tr> 41 <tr> 42 <td>user1</td> 43 <td>123</td> 44 </tr> 45 <tr> 46 <td>user1</td> 47 <td>123</td> 48 </tr> 49 <tr> 50 <td>user1</td> 51 <td>123</td> 52 </tr> 53 </table> 54 </body> 55 </html>