2017-12-01HTML块及引用

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;
}

 

posted @ 2017-12-01 21:09  阿混1985  阅读(336)  评论(0)  编辑  收藏  举报