html中塊元素與內聯元素的容易說明(代碼解析)
發表時間:2023-09-04 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本篇文章給大家帶來的內容是關于html中塊元素和內聯元素的簡單介紹(代碼解析),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。<!DOCTYPE html>
<html><head><meta charset="utf-8&quo...
本篇文章給大家帶來的內容是關于html中塊元素和內聯元素的簡單介紹(代碼解析),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>demo</title>
<!--
<style type="text/css">
h1{
color: red;
}
</style>
-->
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<h1>這是一個漂亮的網頁</h1>
<!--
塊元素,會獨占一整行;
div,p,h1,h2,h3,h4,h5,h6 都是塊元素;
div標簽沒有任何語義;是一個純粹的塊,不會有任何默認樣式;
div元素主要對我們的頁面進行布局;
ps:p元素不能包含任何塊元素;
-->
<div style="background-color: red; width: 200px;">
我是一個快元素
</div>
<div style="background-color: yellow;width: 400px;">
我是一個快元素
</div>
<hr />
<!--
內聯元素:只會占用自身的大小,一行占滿后自動換行;、
常見的內聯元素:
a,img,iframe,span
span也沒有任何語義,是專門用來選中文字設置樣式;
讓span圈一段字,為這段文件進行設置樣式;
一般會在塊元素中放一個span元素;而反過來不行;
ps:a元素可以包含任意元素;除了a本事;
-->
<span>
I am is a spane
</span>
<span>
I am is a spane
</span>
</body>
</html>
相關推薦:
html元素類型 塊級元素、內聯元素(又叫行內元素)和內聯塊級元素。_html/css_WEB-ITnose
HTML__內聯元素與塊元素
以上就是html中塊元素和內聯元素的簡單介紹(代碼解析)的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。