HTML DIV 標籤用法 - WebTech 網頁設計教學站
文章推薦指數： 80 %
HTML DIV 標籤用法從以前僅用來標示一個網頁區塊到現在直接用來做網頁排版，這都是因為CSS 技術的進步與普即所至，如果要靈活運用HTML DIV 標籤就要從最基本的語法開始 ...
WEBTECH網頁設計教學站
首頁
PHP
CSS
HTML
JavaScript
GIMP
Linux
OpenOffice
瀏覽器
其它
Home › HTML › HTMLDIV標籤用法
HTMLDIV標籤用法
HTMLDIV標籤用法從以前僅用來標示一個網頁區塊到現在直接用來做網頁排版，這都是因為CSS技術的進步與普即所至，如果要靈活運用HTMLDIV標籤就要從最基本的語法開始學習，這樣才知道如何在DIV標籤內加入樣式設計，熟悉DIV區塊的用法之後，幾乎可以大幅度的取代傳統Table的排版方式，本篇就從基本語法以及幾個常見的DIV應用範例實際操作給各位看。
HTMLDIV標籤語法
HTMLDIV標籤的應用範例一、設計出有邊框效果的DIV區塊
HTMLDIV標籤的應用範例三、嘗試增加DIV區塊內背景顏色
從範例一到範例三，各位應該已經發現DIV區塊的各種樣式改變都是用CSS的屬性來調整，這也是未來的網頁設計趨勢，傳統的HTMLDIV區塊因為有了CSS而有了更多的應用機會。
與DIV標籤對應的是span區域標籤，請參閱：HTMLspan標籤用法。
更多DIV區塊如何修改HTMLDIV區塊內的文字字型如何修改HTMLDIV區塊內的文字顏色如何在HTMLDIV區塊內插入圖片
您可能會想看
HTMLspan標籤用法
如何修改HTMLDIV區塊內的文字字型
如何替HTMLDIV增加背景顏色
設計具有超連結效果的HTMLolli自動排序項目清單
設計具有超連結效果的HTMLulli項目清單
HTMLolli列表(數字編號項目清單)
HTMLulli列表(項目清單)
HTMLtextarea表單多行文字輸入欄位背景圖片設計
HTMLtextarea表單多行文字輸入欄位背景顏色設計
HTMLtextarea表單多行文字輸入欄位內文字字型設計
即時熱門文章
如何替HTMLDIV區塊增加邊框效果
如何在HTMLDIV區塊內插入圖片
如何修改HTMLDIV區塊內的文字顏色
HTMLspan標籤用法
如何修改HTMLDIV區塊內的文字字型
如何替HTMLDIV增加背景顏色
HTMLDIV標籤用法
PHPstripslashes函數
PHPstrip_tags函數消除PHP或HTML標籤符號
PHPaddslashes函數替字符增加斜線
今日熱門文章
如何替HTMLDIV區塊增加邊框效果
如何在HTMLDIV區塊內插入圖片
如何修改HTMLDIV區塊內的文字顏色
HTMLspan標籤用法
如何修改HTMLDIV區塊內的文字字型
如何替HTMLDIV增加背景顏色
HTMLDIV標籤用法
PHPstripslashes函數
PHPstrip_tags函數消除PHP或HTML標籤符號
PHPaddslashes函數替字符增加斜線
©Copyrightwebtech.twSince2010
延伸文章資訊
- 1HTML DIV 標籤用法 - WebTech 網頁設計教學站
HTML DIV 標籤用法從以前僅用來標示一個網頁區塊到現在直接用來做網頁排版，這都是因為CSS 技術的進步與普即所至，如果要靈活運用HTML DIV 標籤就要從最基本的語法開始 ...
- 215個常用的HTML標籤與屬性基本介紹 - 自學成功道
HTML標籤一大堆，還有各種屬性要學習，常用的HTML標籤與屬性基本介紹給你，讓你先學會常用 ... 區塊元素<div>; 行內元素<span>; 常見的6個語意標籤.
- 3HTML div 標籤
一組標準的HTML div 區塊是由一個開頭<div> 標籤與一個結束</div> 標籤所組成，其間背包起來的部份就是區塊內容，可以是文字、圖片、影片、框架.
- 4HTML <div> 區塊容器元素 - Fooish 程式技術
<div> 標籤(tag) 是用來當作容器(container)，用來包裹其他HTML，將HTML 文件的內容整理出不同獨立區塊(block)，用途是方便給CSS 做樣式排版或方便 ...
- 5<div> - HTML：超文本標記語言 - MDN Web Docs
HTML <div> 元素（或是HTML 文件區塊元素）是本質上不特別代表任何東西的通用内容流容器。它可以成為樣式化用途（使用class 或id 屬性）、或是共享 ...
