HTML5中 HTML格式化/HTML样式/链表/表格-样式 韩俊强的博客

HTML5学习从简单到复杂,循环渐进!

每日更新关注:http://weibo.com/hanjunqiang  新浪微博!

1.HTML格式化

HTML5中 HTML格式化/HTML样式/链表/表格-样式 韩俊强的博客_第1张图片




    
    Title


    小韩哥博客更新了!hanjunqiang
    
欢迎来到小韩哥的博客
欢迎来到小韩哥的博客
黄莺 你好啊!!!哈哈哈哈
你好啊你哈皮
大家好小韩哥很好
大家好小韩哥很好
大家好啊
你好才是真的好!

效果如下:

HTML5中 HTML格式化/HTML样式/链表/表格-样式 韩俊强的博客_第2张图片


2.HTML样式

HTML5中 HTML格式化/HTML样式/链表/表格-样式 韩俊强的博客_第3张图片


创建一个css样式文件:mystyle.css

h1{
color: red;
}




    
    css样式引入方式
    // 2内部样式表
        p{
            color: indianred;
        }
    


   

标题h1

欢迎来到小韩哥的博客

点击我跳转到小韩哥的博客 // 3内联样式表
效果如下:

HTML5中 HTML格式化/HTML样式/链表/表格-样式 韩俊强的博客_第4张图片

每日更新关注:http://weibo.com/hanjunqiang  新浪微博!


3.HTML链接

HTML5中 HTML格式化/HTML样式/链表/表格-样式 韩俊强的博客_第5张图片


1.就不多说了 文字链接,图片链接
2.属性看代码



    
    链接


    点击我
    
        html5logo
    
    
hello



























跳转到hello

3.文档内的链接 name属性
HTML5中 HTML格式化/HTML样式/链表/表格-样式 韩俊强的博客_第6张图片

4.HTML表格

HTML5中 HTML格式化/HTML样式/链表/表格-样式 韩俊强的博客_第7张图片

HTML5中 HTML格式化/HTML样式/链表/表格-样式 韩俊强的博客_第8张图片

简单介绍:相对容易写一些:

表格

重要表格
单元格表头 单元格表头 单元格表头 单元格表头 单元格表头
单元格1 单元格2 单元格4 单元格5
单元格1 单元格2 单元格3 单元格4 单元格5
效果如下:
HTML5中 HTML格式化/HTML样式/链表/表格-样式 韩俊强的博客_第9张图片

表格1 表格2
  • 苹果
  • 香蕉
  • 菠萝
我想吃了
效果如下:
HTML5中 HTML格式化/HTML样式/链表/表格-样式 韩俊强的博客_第10张图片

单元1 单元2 单元3
单元4 单元5 单元6

单元1 单元2 单元3
单元4 单元5 单元6
效果如下:
HTML5中 HTML格式化/HTML样式/链表/表格-样式 韩俊强的博客_第11张图片

每日更新关注:http://weibo.com/hanjunqiang  新浪微博!

iOS开发者/HTML5交流QQ群: 446310206  欢迎加入!


你可能感兴趣的:(HTML5中 HTML格式化/HTML样式/链表/表格-样式 韩俊强的博客)