HTML中的塊是什麼？

乞力馬紮羅的雪CYF發表於2015-09-26
HTML

1.HTML塊元素

塊元素在顯示時，通常會以新行開始

如：<h1>,<p>,<ul>

2.HTML內聯元素

內斂元素通常不會以新行開始

如：<b>,<a>,<img>

3.HTML<div>元素

<div>元素也被稱為塊元素，其主要組合HTML元素的容器

4.HTML<span>元素

<span>元素是內聯元素，可作為文字的容器


程式碼演示如下：

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML塊元素</title>
    <link rel="stylesheet" type="text/css" href="mycss.css">

    <style type="text/css">

        span{

            color: aqua;

        }
    </style>

</head>
<body >
    <!--  塊元素，會以新行開始 -->
    <p>大家好</p>
    <h1>大家好！</h1>

    <!-- 內聯元素，不會以新行開始  -->
    <b>這是一個加重標籤</b>
    <a>這是一個連結</a>


    <!-- 樣式 -->
    <div id="divid">
        <p>你好，程式猿！</p>
        <a>Click Me</a>
    </div>

    <div id="divspan">
        <p><span>這是一個</span>測試</p>

    </div>

</body>
</html>

效果如下：

。


github主頁：https://github.com/chenyufeng1991  。歡迎大家訪問！

相關文章