這篇“html中塊元素和內聯元素是什么”文章,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要參考一下,對于“html中塊元素和內聯元素是什么”,小編整理了以下知識點,請大家跟著小編的步伐一步一步的慢慢理解,接下來就讓我們進入主題吧。
1、簡易性:超級文本標記語言版本升級采用超集方式,從而更加靈活方便,適合初學前端開發者使用。 2、可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言采取子類元素的方式,為系統擴展帶來保證。 3、平臺無關性:超級文本標記語言能夠在廣泛的平臺上使用,這也是萬維網盛行的一個原因。 4、通用性:HTML是網絡的通用語言,它允許網頁制作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什么類型的電腦或瀏覽器。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>demo</title>
<!--
<style type="text/css">
h2{
color: red;
}
</style>
-->
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<h2>這是一個漂亮的網頁</h2>
<!--
塊元素,會獨占一整行;
div,p,h2,h3,h4,h5,h6,h7 都是塊元素;
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中塊元素和內聯元素是什么”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。