HTML5学习从简单到复杂，循环渐进！
每日更新关注:http://weibo.com/hanjunqiang 新浪微博！
1.HTML格式化
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <b>小韩哥博客更新了!hanjunqiang</b> <br/> <big>欢迎来到小韩哥的博客</big> <br/> <em>欢迎来到小韩哥的博客</em> <br/> <i>黄莺</i> <small>你好啊!!!哈哈哈哈</small> <br/> <strong>你好啊你哈皮</strong> <br/> 大家好<sup>小韩哥</sup>很好 <br/> 大家好<sup>小韩哥</sup>很好 <br/> <ins>大家好啊</ins> <br/> <del>你好才是真的好!</del> </body> </html>
效果如下：
2.HTML样式
创建一个css样式文件：mystyle.css
复制代码
1
2
3h1{ color: red; }
复制代码
效果如下：1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css样式引入方式</title> <link rel="stylesheet" type="text/css" href="mystyle.css”>//1外部引入样式表 <style type="text/css”>// 2内部样式表 p{ color: indianred; } </style> </head> <body> <h1>标题h1</h1> <p>欢迎来到小韩哥的博客</p> <a href="http://www.baidu.com" style="color: blue" >点击我跳转到小韩哥的博客</a> // 3内联样式表 </body> </html>
每日更新关注:http://weibo.com/hanjunqiang 新浪微博！
3.HTML链接
1.就不多说了 文字链接，图片链接
2.属性看代码
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>链接</title> </head> <body> <a href="http://www.baidu.com">点击我</a> <a href="http://www.baidu.com"> <img src="1.jpg" width="100px" height="100px" alt="html5logo"> </a> <br/> <a name="tips">hello</a> <br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/> <a href="#tips">跳转到hello</a> </body> </html>
3.文档内的链接 name属性
4.HTML表格
简单介绍：相对容易写一些：
复制代码
效果如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25<p>表格</p> <table border="2"> <caption>重要表格</caption> <tr> <th>单元格表头</th> <th>单元格表头</th> <th>单元格表头</th> <th>单元格表头</th> <th>单元格表头</th> </tr> <tr> <td>单元格1</td> <td>单元格2</td> <td></td> <td>单元格4</td> <td>单元格5</td> </tr> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> <td>单元格4</td> <td>单元格5</td> </tr> </table>
复制代码
效果如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19<table border="2"> <tr> <td>表格1 </td> <td>表格2 </td> </tr> <tr> <td> <ul> <li>苹果</li> <li>香蕉</li> <li>菠萝</li> </ul> </td> <td>我想吃了 </td> </tr> </table>
复制代码
效果如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25<table border="2"> <tr> <td>单元1</td> <td>单元2</td> <td>单元3</td> </tr> <tr> <td>单元4</td> <td>单元5</td> <td>单元6</td> </tr> </table> <br/> <table border="2" cellpadding="10" bgcolor="#f5f5dc"> <tr> <td>单元1</td> <td>单元2</td> <td>单元3</td> </tr> <tr> <td>单元4</td> <td>单元5</td> <td>单元6</td> </tr> </table>
每日更新关注:http://weibo.com/hanjunqiang 新浪微博！
iOS开发者／HTML5交流QQ群： 446310206 欢迎加入！最后
以上就是幽默小鸽子最近收集整理的关于HTML5中 HTML格式化／HTML样式／链表／表格－样式 韩俊强的博客的全部内容，更多相关HTML5中内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复