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
延伸文章資訊
- 1利用CSS與Div標籤建立網頁版型- 網頁設計筆記 - Google Sites
2.2 將既有網頁元素移到新的Div標籤中 選取網頁元素，在「插入Div標籤」交談窗中選擇「圍繞著選取範圍」項目 ... css語法→margin-left:auto ; margin-righ...
- 2HTML <div> 标签 - 菜鸟教程
HTML <div> 标签实例文档中的一个区域将显示为蓝色： [mycode3 type='html'] 这是一个在div 元素中的标题。 这是一个在div 元素中的文本。 [/mycode3]...
- 3前端工程師必知:CSS標籤的應用(上)-Div篇
撰寫HTML 網頁時，可以用<div> 或<span> 標籤包住多種圖文、表格等元素，則 ... 來套用CSS 樣式，其語法格式會是「 <div class="CSS 的class 名稱">.
- 4HTML DIV 標籤用法 - WebTech 網頁設計教學站
HTML DIV 標籤用法從以前僅用來標示一個網頁區塊到現在直接用來做網頁排版，這都是因為CSS 技術的進步與普即所至，如果要靈活運用HTML DIV 標籤就要從最基本的語法開始 ...
- 5HTML <div> 區塊容器元素 - Fooish 程式技術
<div> 標籤(tag) 是用來當作容器(container)，用來包裹其他HTML，將HTML 文件的內容整理出不同獨立區塊(block)，用途是方便給CSS 做樣式排版或方便 ...
