您的位置：首页 > Web前端 > CSS

html样式链接表格

2016-02-04 21:32 519 查看

学习html过程中，看w3c很快，忘得也快，所以把重点部分列出来，方便以后查看

<!DOCTYPE html>
</样式有三种>
<!name 创建文本内的链接>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>样式</title>
<link rel="stylesheet" type="text/css" href="mystyle.css"><!外部样式表>
<style type="text/css">
h2{
color: #d26965;
}
</style>                                                         <!内部样式表>
</head>
<h1>h1</h1>
<h2>h2</h2>
<h3 style="color: blue">h3</h3>                                 <!内联样式表>
</body>
</html>

h1{
color: blueviolet;
}

<!DOCTYPE html>
</链接分为图片链接和文本链接>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>链接</title>
</head>
<body>
<a name="hello">返回到这里</a>
<!文本链接和图片链接>
<a href="http://baike.baidu.com/link?url=u0IWqvyzGJvyPb5qgacJCINmKQclV_bCIFkx2NfO_W0XSbuUpYtag4z5W4jAH2bWiy-Vwjfd2FYT0yL4pP8CWK" >anglebaby的百度百科</a>
<br>
<a href="http://baike.baidu.com/link?url=u0IWqvyzGJvyPb5qgacJCINmKQclV_bCIFkx2NfO_W0XSbuUpYtag4z5W4jAH2bWiy-Vwjfd2FYT0yL4pP8CWK">
<img src="image/1.jpg" height="225" width="150">
</a>
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<a href="#hello">跳转到hello</a>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
</head>
<body>
<table border="1"><!定义表格  边框大小>
<caption>标题</caption>
<th>表头</th>
<thead>表格页眉</thead>
<tr><! 定义行>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
</tr>
<td>
表格1
</td>
</table>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

html样式 链接 表格

html样式链接表格