HTML <div> 區塊容器元素 - Fooish 程式技術
文章推薦指數： 80 %
標籤(tag) 是用來當作容器(container)，用來包裹其他HTML，將HTML 文件的內容整理出不同獨立區塊(block)，用途是方便給CSS 做樣式排版或方便 ...
HTML語法教學HTML編輯器什麼是HTML標籤HTMLDOCTYPEHTMLHTML全域屬性HTML註解HTMLHTML網頁標題HTML<meta>元資訊HTML<style>CSSHTML<link>HTML<script>JSHTML<noscript>HTML<base>HTML<body>HTML<p>段落HTML<br>換行HTML空白字元HTML<img>圖片HTML<a>超連結HTML<h1>-<h6>標題HTML項目列表清單HTML<table>表格HTML<form>表單HTML<input>表單元件HTML<textarea>HTML<select>下拉式選單HTML<button>表單按鈕HTML<label>HTML<fieldset><legend>HTML<div>HTML<span>HTML<strong>強調重要性HTML<em>對內容著重強調HTML<mark>突顯高亮文字HTML<hr>水平分隔線HTML<iframe>內嵌框架HTML<frame>框架HTML<embed>嵌入HTML<object>嵌入HTML<blockquote>區塊引用文字HTML<q>行內引用文字HTML<pre>預先格式化HTML<code>程式碼HTML<ins>插入的文字HTML<del>刪除的文字HTML<center>置中什麼是HTML5HTML<video>影片播放HTML<audio>音樂播放HTML語意結構區塊HTML<nav>導航連結區塊HTML<article>內容獨立完整的區塊HTML<section>群組區塊HTML<aside>側邊欄HTML<main>網頁主要區塊HTML<header>標頭/標題區塊HTML<footer>結尾/頁尾區塊HTML<datalist>輸入資料選擇清單HTML<figure><figcaption>HTML<hgroup>多級別標題群組HTML<canvas>繪圖畫布HTML<picture>響應式圖片HTML<output>HTML<div>區塊容器元素<div>標籤(tag)是用來當作容器(container)，用來包裹其他HTML，將HTML文件的內容整理出不同獨立區塊(block)，用途是方便給CSS做樣式排版或方便給JavaScript做互動操作，至於<div>本身沒任何特殊意義也不帶任何標籤語意。<br><br>舉個例子：<divclass="shadowbox">
<p>paragraph1</p>
<p>paragraph2</p>
<p>paragraph3</p>
</div>
我們將好幾個段落用<div>包在一起，在<div>上加個id或class屬性，就可以直接在這三個段落外面加上一個陰影框啦：.shadowbox{
width:15em;
border:1pxsolid#333;
box-shadow:8px8px5px#444;
padding:8px12px;
background-image:linear-gradient(180deg,#fff,#ddd40%,#ccc);
}
顯示結果：paragraph1paragraph2paragraph3div主要是用作區塊(block)容器，如果是包裹單一行內(inline)的情況，則是使用span。<br><br></style>
延伸文章資訊
- 1利用CSS與Div標籤建立網頁版型- 網頁設計筆記 - Google Sites
2.2 將既有網頁元素移到新的Div標籤中 選取網頁元素，在「插入Div標籤」交談窗中選擇「圍繞著選取範圍」項目 ... css語法→margin-left:auto ; margin-righ...
- 2HTML <div> 區塊容器元素 - Fooish 程式技術
<div> 標籤(tag) 是用來當作容器(container)，用來包裹其他HTML，將HTML 文件的內容整理出不同獨立區塊(block)，用途是方便給CSS 做樣式排版或方便 ...
- 3HTML <div> 标签 - w3school 在线教程
这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而id 用于标识单独的唯一的元素。 HTML 与XHTML 之间的差异. 在HTML 4.01 中，div 元...
- 4<div> - HTML：超文本標記語言 - MDN Web Docs
HTML <div> 元素（或是HTML 文件區塊元素）是本質上不特別代表任何東西的通用内容流容器。它可以成為樣式化用途（使用class 或id 屬性）、或是共享 ...
- 5HTML div 標籤 - Wibibi
HTML div 標籤是網頁中的重要基礎元素，透過DIV 標籤可以在網頁中創造各個不同的區塊，每個區塊內還可以增加更小的區塊，設計師也可以利用HTML div 區塊來進行排.
