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

2017-12-01HTML块及引用

时间:2017-12-01 23:43:07      阅读:344      评论:0      收藏:0      [点我收藏+]

标签:使用   点击   pre   mys   word   text   怎样   引用   超链接   

HTML块
1.HTML块元素
快元素在显示时,通常会以新行开始
例如:<h1>、<p>、<ul>
2.HTML内联元素
内联元素通常不会以新行开始
例如:<b>、<a>、<img>
3.HTML<div>元素
<div>元素也被称为块元素,其主要是组合HTML元素的容器
4.HTML<span>元素
<span>元素是内联元素,可作为文本的容器

<!doctype html>
<html>
<head>
    <meta charset = ‘utf-8‘>
    <title>html 块</title>
    <meta name = ‘keyword‘ content = ‘html块‘>
    <link rel = ‘stylesheet‘ type = ‘text/css‘ href = ‘mystyle.css‘> <!-- 外部引用-->
    <style ><!--内部引用-->
        #divid a {
            color:pink;
        }
        #divspan span {
            color:green;
        }
    </style>
<body>
    <p>大家好</p>
    <h1>大家好</h1>
    <ul>大家好</ul>
    <b>加重</b>
    <a>超链接</>
    <div id = ‘divid‘>
        <p>配合样式使用</p>
        <a>点击我</a>
    </div >
    <div id = ‘divspan‘>
        <p><span>测试span是怎样的</span>测试span是怎样的</p>
    </div>
</body>
</html>
#divid p {
    color:blue;
}

 

2017-12-01HTML块及引用

标签:使用   点击   pre   mys   word   text   怎样   引用   超链接   

原文地址:http://www.cnblogs.com/zsan/p/7944459.html

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