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>
延伸文章資訊
- 1HTML div 標籤
一組標準的HTML div 區塊是由一個開頭<div> 標籤與一個結束</div> 標籤所組成，其間背包起來的部份就是區塊內容，可以是文字、圖片、影片、框架.
- 2利用CSS與Div標籤建立網頁版型- 網頁設計筆記 - Google Sites
2.2 將既有網頁元素移到新的Div標籤中 選取網頁元素，在「插入Div標籤」交談窗中選擇「圍繞著選取範圍」項目 ... css語法→margin-left:auto ; margin-righ...
- 3HTML <div> 區塊容器元素 - Fooish 程式技術
<div> 標籤(tag) 是用來當作容器(container)，用來包裹其他HTML，將HTML 文件的內容整理出不同獨立區塊(block)，用途是方便給CSS 做樣式排版或方便 ...
- 4<div> - HTML：超文本標記語言 - MDN Web Docs
HTML <div> 元素（或是HTML 文件區塊元素）是本質上不特別代表任何東西的通用内容流容器。它可以成為樣式化用途（使用class 或id 屬性）、或是共享 ...
- 5HTML DIV 標籤用法 - WebTech 網頁設計教學站
HTML DIV 標籤用法從以前僅用來標示一個網頁區塊到現在直接用來做網頁排版，這都是因為CSS 技術的進步與普即所至，如果要靈活運用HTML DIV 標籤就要從最基本的語法開始 ...
