html網(wǎng)頁邊框留白的代碼(網(wǎng)頁設(shè)計(jì)下邊框代碼)
本篇文章給大家談?wù)刪tml網(wǎng)頁邊框留白的代碼,以及網(wǎng)頁設(shè)計(jì)下邊框代碼對(duì)應(yīng)的知識(shí)點(diǎn),希望對(duì)各位有所幫助,不要忘了收藏本站喔。
本文目錄一覽:
- 1、網(wǎng)頁設(shè)計(jì)中的邊框代碼
- 2、html中的頁面邊距的代碼
- 3、html代碼大全
- 4、java項(xiàng)目中:html設(shè)計(jì)整個(gè)網(wǎng)頁居中,兩邊留白代碼是什么
- 5、在HTML中如何設(shè)置邊框?
網(wǎng)頁設(shè)計(jì)中的邊框代碼
1、打開html開發(fā)工具,新建一個(gè)html代碼頁面。html中創(chuàng)建一個(gè)div標(biāo)簽,給這個(gè)標(biāo)簽添加文字和一個(gè)class為了后面方便控制div的樣式:
2、接下來在style標(biāo)簽設(shè)置div的樣式,在solid類中將邊框樣式設(shè)為實(shí)線邊框,顏色這里用默認(rèn)的黑色:
3、保存html代碼使用瀏覽器打開,即可看到瀏覽器頁面上顯示一個(gè)實(shí)線邊框。以上就是網(wǎng)頁設(shè)計(jì)中設(shè)置邊框的詳細(xì)步驟:
html中的頁面邊距的代碼
margin:0 ---將外邊距設(shè)為:0
padding:0----將內(nèi)邊距設(shè)為0
如果是在table里面lt;table cellpadding=0,cellspacing=0gt;lt;/tablegt;
將單元格的外邊距和內(nèi)邊距設(shè)為:0
html代碼大全
1.結(jié)構(gòu)性定義
文件類型 HTML/HTML (放在檔案的開頭與結(jié)尾)
文件主題 TITLE/TITLE (必須放在「文頭」區(qū)塊內(nèi))
文頭 HEAD/HEAD (描述性資料,像是「主題」)
文體 BODY/BODY (文件本體)
(由瀏覽器控制的顯示風(fēng)格)
標(biāo)題 H?/H? (從1到6,有六層選擇)
標(biāo)題的對(duì)齊 H? ALIGN=LEFT|CENTER|RIGHT/H?
區(qū)分 DIV/DIV
區(qū)分的對(duì)齊 DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY/DIV
引文區(qū)塊 BLOCKQUOTE/BLOCKQUOTE (通常會(huì)內(nèi)縮)
強(qiáng)調(diào) EM/EM (通常會(huì)以斜體顯示)
特別強(qiáng)調(diào) STRONG/STRONG (通常會(huì)以加粗顯示)
引文 CITE/CITE (通常會(huì)以斜體顯示)
碼 CODE/CODE (顯示原始碼之用)
樣本 SAMP/SAMP
鍵盤輸入 KBD/KBD
變數(shù) VAR/VAR
定義 DFN/DFN (有些瀏覽器不提供)
地址 ADDRESS/ADDRESS
大字 BIG/BIG
小字 SMALL/SMALL
與外觀相關(guān)的標(biāo)簽(作者自訂的表現(xiàn)方式)
加粗 B/B
斜體 I/I
底線 U/U (尚有些瀏覽器不提供)
刪除線 S/S (尚有些瀏覽器不提供)
下標(biāo) SUB/SUB
上標(biāo) SUP/SUP
打字機(jī)體 TT/TT (用單空格字型顯示)
預(yù)定格式 PRE/PRE (保留文件中空格的大?。?
預(yù)定格式的寬度 PRE WIDTH=?/PRE(以字元計(jì)算)
向中看齊 CENTER/CENTER (文字與圖片都可以)
閃耀 BLINK/BLINK (有史以來最被嘲弄的標(biāo)簽)
字體大小 FONT SIZE=?/FONT(從1到7)
改變字體大小 FONT SIZE=+|-?/FONT
基本字體大小 BASEFONT SIZE=? (從1到7; 內(nèi)定為3)
字體顏色 FONT COLOR='#$$$$$$'/FONT
2.連結(jié)與圖形
連結(jié) A href='/URL'/A
連結(jié)到錨點(diǎn) A HREF='URL#***'/A(如果錨點(diǎn)在另一個(gè)檔案)
A HREF='#***'/A (如果錨點(diǎn)目前的檔案)
連結(jié)到目的視框 A href='/URL' TARGET='***'/A
設(shè)定錨點(diǎn) A NAME='***'/A
圖形 IMG src='/URL'
圖形看齊方式 IMG src='/URL' ALIGN=TOP|BOTTOM|MIDDLE
圖形看齊方式 IMG src='/URL'
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM
取代文字 IMG src='/URL' ALT='***' (如果沒有辦法顯示圖形則顯示此文字)
點(diǎn)選圖 IMG src='/URL' ISMAP (需要CGI程式)
N2.0 點(diǎn)選圖 IMG src='/URL' USEMAP='URL'
N2.0 地圖 MAP NAME='***'/MAP(描述地圖)
N2.0 段落 AREA SHAPE='RECT' COORDS=',,,' href='/URL'|NOHREF
3.0 大小 IMG src='/URL' WIDTH='?' HEIGHT='?'(以pixels為單位) N1.0 圖形邊緣 IMG src='/URL' BORDER=? (以pixels為單位)
N1.0 圖形邊緣空間 IMG src='/URL' HSPACE=? VSPACE=? (以pixels為單位)
N1.0 低解析度圖形 IMG src='/URL' LOWsrc='/URL'
N1.1 用戶端拉 META HTTP-EQUIV='Refresh' CONTENT='?; URL=URL'(使用端自動(dòng)更新 )
N2.0 內(nèi)嵌物件 EMBED src='/URL' (將物件插入頁面)
N2.0 內(nèi)嵌物件大小 EMBED src='/URL' WIDTH='?' HEIGHT='?'
3.分隔
段落 P (通常是兩個(gè)return)
3.0 段落 P/P (新定義成容器型標(biāo)簽)
3.0 文字看齊方式 P ALIGN=LEFT|CENTER|RIGHT/P
換行 BR (一個(gè)return)
N1.0 文字部份看齊方式BR CLEAR=LEFT|RIGHT|ALL(與圖形合用時(shí))
橫線 HR
N1.0 橫線對(duì)齊 HR ALIGN=LEFT|RIGHT|CENTER
N1.0 橫線厚度 HR SIZE=? (以pixels為單位)
N1.0 橫線寬度 HR WIDTH=? (以pixels為單位)
N1.0 橫線比率寬度 HR WIDTH=% (以頁寬為100%)
N1.0 實(shí)線 HR NOSHADE (沒有立體效果)
N1.0 不可換行 NOBR/NOBR (不換行)
N1.0 可換行處 WBR (如果需要,可在此斷行)
列舉 (可以巢狀列舉)
無次序式列舉 ULLI/UL (LI 放在每一項(xiàng)前)
N1.0 公布式列舉 UL TYPE=DISC|CIRCLE|SQUARE(定義全部的列舉項(xiàng))
LI TYPE=DISC|CIRCLE|SQUARE(定義這個(gè)及其后的列舉項(xiàng))
有次序式列舉 OLLI/OL (LI 放在每一項(xiàng)前)
N1.0 數(shù)標(biāo)型態(tài) OL TYPE=A|a|I|i|1 (定義全部的列舉項(xiàng))
LI TYPE=A|a|I|i|1 (定義這個(gè)及其后的列舉項(xiàng))
N1.0 起始數(shù)字 OL value=? (定義全部的列舉項(xiàng))
LI value=? (定義這個(gè)及其后的列舉項(xiàng))
定義式列舉 DLDTDD/DL(DT項(xiàng)目, DD定義)
表單式列舉 MENULI/MENU(LI 放在每一項(xiàng)前)
目錄式列舉 DIRLI/DIR (LI 放在每一項(xiàng)前)
背景與顏色
3.0 重復(fù)排列的背景 BODY background='/URL'
N1.1+ 背景顏色 BODY BGCOLOR='#$$$$$$' (依序?yàn)榧t、綠、藍(lán))
N1.1+ 文字顏色 BODY TEXT='#$$$$$$'
N1.1+ 連結(jié)顏色 BODY LINK='#$$$$$$'
N1.1+ 看過的連結(jié) BODY VLINK='#$$$$$$'
N1.1 使用中的連結(jié) BODY ALINK='#$$$$$$'
4.特殊字元(以下標(biāo)簽需用小寫)
特別符號(hào) ?; (其中 ? 代表 ISO 8859-1 的編碼)
' '
注冊(cè)商標(biāo)TM ?
N1.0+ 注冊(cè)商標(biāo)TM ?
著作權(quán)符號(hào) ?
N1.0+ 著作權(quán)符號(hào) ?
5.表單 (通常需要與CGI程式配合)
定義表單 FORM ACTION='URL' METHOD=GET|POST/FORM
N2.0 上傳檔案 FORM ENCTYPE='multipart/form-data/FORM
輸入欄位 INPUT TYPE='TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET'
欄位名稱 INPUT NAME='***'
欄位內(nèi)定值 INPUT value='***'
已選定 INPUT CHECKED (適用於checkboxes與 radio boxes)
欄位寬度 INPUT SIZE=? (以字元數(shù)為單位)
最長字?jǐn)?shù) INPUT MAXLENGTH=? (以字元數(shù)為單位)
下拉式選單 SELECT/SELECT
下拉式選單名稱 SELECT NAME='***'/SELECT
選單項(xiàng)目數(shù)量 SELECT SIZE=?/SELECT
多選式選單 SELECT MULTIPLE (多選)
選項(xiàng) OPTION
內(nèi)定選項(xiàng) OPTION SELECTED
文字輸入?yún)^(qū) TEXTAREA ROWS=? COLS=?/TEXTAREA
輸入?yún)^(qū)名稱 TEXTAREA NAME='***'/TEXTAREA
N2.0 輸入?yún)^(qū)換行方式 TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL/TEXTAREA
6.表格
3.0 定義表格 TABLE/TABLE
3.0 表格框線 TABLE BORDER/TABLE (有或沒有)
N1.1 表格框線 TABLE BORDER=?/TABLE(可以設(shè)定數(shù)值)
N1.1 儲(chǔ)存格左右留白 TABLE CELLSPACING=?
N1.1 儲(chǔ)存格上下留白 TABLE CELLPADDING=?
N1.1 表格寬度 TABLE WIDTH=? (以pixels為單位)
N1.1 寬度比率 TABLE WIDTH=% (頁寬為100%)
3.0 表格列 TR/TR
3.0 表格列內(nèi)容看齊 TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
3.0 儲(chǔ)存格 TD/TD (須與列并用)
3.0 儲(chǔ)存格內(nèi)容看齊 TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
3.0 不換行 TD NOWRAP
N3.0 儲(chǔ)存格背景顏色 TD BGCOLOR=#$$$$$$
3.0 儲(chǔ)存格橫向連接 TD COLSPAN=?
3.0 儲(chǔ)存格縱向連接 TD ROWSPAN=?
N1.1 儲(chǔ)存格寬度 TD WIDTH=? (以pixels為單位)
N1.1 儲(chǔ)存格寬度比率 TD WIDTH=% (頁寬為100%)
3.0 表格標(biāo)題 TH/TH (跟TD一樣,不過會(huì)對(duì)中并加粗)
3.0 表格標(biāo)題對(duì)齊 TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
3.0 表格標(biāo)題不換行 TH NOWRAP
3.0 表格標(biāo)題占幾欄 TH COLSPAN=?
3.0 表格標(biāo)題占幾列 TH ROWSPAN=?
N1.1 表格標(biāo)題寬度 TH WIDTH=? (以pixels為單位)
N1.1 表格標(biāo)題比率寬度TH WIDTH=% (頁寬為100%)
3.0 表格抬頭 CAPTION/CAPTION
3.0 表格抬頭看齊 CAPTION ALIGN=TOP|BOTTOM(在表格之上/之下)
視框 (定義與控制螢?zāi)簧系奶囟▍^(qū)域)
N2.0 視框格式總定義 FRAMESET/FRAMESET (取代BODY)
N2.0 視框行長度分配 FRAMESET ROWS=,,,/FRAMESET(pixels 或 %)
N2.0 視框行長度分配 FRAMESET ROWS=*/FRAMESET (* = 相對(duì)大小)
N2.0 視框欄寬度分配 FRAMESET COLS=,,,/FRAMESET(pixels 或 %)
N2.0 視框欄寬度分配 FRAMESET COLS=*/FRAMESET (* =相對(duì)大?。?
N2.0 定義個(gè)別視框 FRAME (定義個(gè)別視框)
N2.0 個(gè)別視框內(nèi)容 FRAME src='/URL'
N2.0 個(gè)別視框名稱 FRAME NAME='***'|_blank|_self|_parent|_top
N2.0 邊緣寬度 FRAME MARGINWIDTH=? (「左」與「右」邊界)
N2.0 邊緣高度 FRAME MARGINHEIGHT=? (「天頂」與「地底」邊界)
N2.0 卷動(dòng)條 FRAME SCROLLING='YES|NO|AUTO'
N2.0 不可改變大小 FRAME NORESIZE
N2.0 無視框時(shí)的內(nèi)容 NOFRAMES/NOFRAMES(如果瀏覽器不提供視框功能的話)
7.雜項(xiàng)
說明 !-- *** -- (瀏覽器不會(huì)顯示)
java項(xiàng)目中:html設(shè)計(jì)整個(gè)網(wǎng)頁居中,兩邊留白代碼是什么
居中:center/center
左邊留白:body leftmargin="300"
右邊留白:body rightmargin="300"
在HTML中如何設(shè)置邊框?
在html當(dāng)中,為標(biāo)簽設(shè)置底部邊框,采用border-bottom的CSS屬性即可,具體代碼如下:
style
2.con{
3.?border-bottom:?5px?solid?#000;4.??}5./style6.div?class="con"標(biāo)簽底部有5像素黑色邊框/div
超文本標(biāo)記語言,標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用。
“超文本”就是指頁面內(nèi)可以包含圖片、鏈接,甚至音樂、程序等非文字元素。
超文本標(biāo)記語言的結(jié)構(gòu)包括“頭”部分(英語:Head)、和“主體”部分(英語:Body),其中“頭”部提供關(guān)于網(wǎng)頁的信息,“主體”部分提供網(wǎng)頁的具體內(nèi)容。
關(guān)于html網(wǎng)頁邊框留白的代碼和網(wǎng)頁設(shè)計(jì)下邊框代碼的介紹到此就結(jié)束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關(guān)注本站。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。