HTML5块元素标签的使用-优快云博客

本文通过实例演示了HTML中块元素与内联元素的区别，并展示了如何使用CSS进行样式设置。文章详细介绍了<p>、<h1>、<b>、<a>等常见HTML标签的用法，以及如何利用<div>和<span>元素进行布局。

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="mycss.css">
    <style type="text/css">
 span{
            color: bisque;
 }
    </style>
</head>
<body>
<!--块-->
<!--HTML块元素-->
    <!--块元素在显示时，通常会以新行开始-->
    <!--如：<h1>、<p>、<ul>-->
<p>大家好</p>
<h1>大家好</h1>
<!--HTML内联元素-->
    <!--内联元素通常不会以遵行开始-->
    <!--如：<b>、<a>、<img>-->
<b>这是一个加重标签</b>
<a>这是一个超链接标签</a>
<!--HTML<div>元素-->
    <!--<div>元素也是块元素，其主要是组合HTML元素的容器-->
<div id="divId">
    <p>Hello klaus</p>
    <a>点我啊</a>
</div>
<!--HTML<span>元素-->
    <!--<span>元素是内联元素，可作为文本容器-->
<div id="divspan">
    <p><span>这是一个测试效果</span>span是个什么样子</p>
</div>
</body>
</html>

mycss.css