HTML5

浏览数：38 / 时间：2015年06月09日

HTML样式

　　<1>外部样式表

　　<2>内部样式表

　　　　　　body{background-color:red}

　　　　　　p{margin_left:20px}

　　　　</style>

　　<3>内联样式表

//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>