码迷,mamicode.com
首页 > Web开发 > 详细

HTML5

时间:2015-02-08 15:20:54      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

HTML样式

  <1>外部样式表

    <link rel="stylesheet" type="text/css" href="样式.css">

  <2>内部样式表

    <style type="text/css">

      body{background-color:red}

      p{margin_left:20px}

    </style>

  <3>内联样式表

    <p style="color:red">

//StyleTest.html
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>styleTest</title>
    <link rel="stylesheet" type="text/css" href="myStyle.css">
    <style type="text/css">
        p{
            color: darkgreen;
        }
    </style>
</head>
<body>
    <h1>外部样式表</h1>
    <p>内部样式表</p>
    <p style="color: darkmagenta">内联样式表</p>
</body>
</html>
//myStyle.css
h1{
    color: darkorange;
}

   技术分享

 

 

HTML链接

  <1>文本链接

  <2>图片链接

    alt属性:src失效时出现文字提示

  <3>文档内链接

    点击 "文档内的链接" 跳转到 "跳到我这儿"

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>链接</title>
</head>
<body>
    <a href="http://www.baidu.com">文本链接</a>
    <a href="http://www.baidu.com">
        <img src="html5.png" width="200px" height="200px" alt="html5logo">
    </a>
    <br/>
    <a name="tips">跳到我这儿</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/> <br/> <br/>
    <br/> <br/> <br/> <br/> <br/>
    <br/> <br/> <br/> <br/> <br/>
    <br/> <br/> <br/> <br/> <br/>
    <a href="#tips">文档内的链接</a>
</body>
</html>

  

HTML5

标签:

原文地址:http://www.cnblogs.com/iMirror/p/4279996.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!