HTML——01：內聯元素和塊元素
阿新 • • 發佈：2018-12-25
塊元素：<h1>、<p>、<ul>，顯示時會獨立成行。
內聯元素：<b>、<a>、<img>，顯示時不會獨立成行。
<div>元素：塊元素，組合其它HTML的容器。它可以來修飾在容器自身內的元素。通常可以使用css修飾。
例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>div例子</title> <!-- 使用兩個簡單css樣式修飾兩個div塊，css樣式如下： --> <style type="text/css"> div#div01{ <!-- 花括號不是括號 --> color: red; } </style> <style type="text/css"> div#div02{ color: blue; } </style> </head> <body> <div id="div01">youyouyou</div> <div id="div02">youyouyou</div> </body> </html>
span元素：內聯元素。它作為文字容器，對其中的文字進行修飾。
例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>span例子</title> <!-- 使用兩個簡單css樣式修飾兩個span元素，css樣式如下： --> <style type="text/css"> span#span01{ color: yellow; } </style> <style type="text/css"> span#span02{ color: pink; } </style> </head> <body> <span id="span01">mememe</span> <span id="span02">mememe</span> <!-- span為內聯元素，不會單獨成行 --> </body> </html>