標籤: 暫無標籤

1網頁代碼簡介

所謂的網頁代碼,就是指在網頁製作過程中需要用到的一些特殊的「語言」,設計人員通過對這些「語言」進行組織編排製作出網頁,然後由瀏覽器對代碼進行「翻譯」后才是我們最終看到的效果。製作網頁時常用的代碼有HTML,JavaScript,ASP,PHP,CGI等,其中HTML是最基礎的網頁代碼。

2HTML語言的簡單使用

下面主要講述的就是HTML代碼的一些簡單使用:
<! - - ... - -> 批註
字體效果
<h1>...</h1>標題字(最大 )
<h6>...</h6>標題字(最小)
<b>...</b>粗體字
<strong>...</strong>粗體字(強調)
<i>...</i>斜體字
<em>...</em>斜體字(強調)
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體
<font style ='font-size:100 px'>...</font>無限增大
<FONT FACE> 任意指定所用的字形
<BASEFONT SIZE> 更改預設字形大小
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<BR> 換行
連結格式
<base href=地址>(預設好連結路徑)
<a href=地址></a>外部連結
<a href=地址 target='_blank'></a>外部連結(另開新窗口)
<a href=地址 target='_top'></a>外部連結(全窗口連結)
<a href=地址 target='頁框名'></a>外部連結(在指定頁框連結)
<A HREF TARGET> 指定超級鏈接的分割窗口
<A HREF=#錨的名稱> 指定錨名稱的超級鏈接
<A HREF> 指定超級鏈接
<A NAME=錨的名稱> 被連結點的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
6表格語法
<table align=left>...</table>表格位置,置左
<table align=center>...</table>表格位置,置中
<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網址
<table border=邊框大小>...</table>設定表格邊框大小(使用數字)
<table bgcolor=顏色碼>...</table>設定表格的背景顏色
<table borderclor=顏色碼>...</table>設定表格邊框的顏色
<table borderclordark=顏色碼>...</table>設定表格暗邊框的顏色
<table borderclorlight=顏色碼>...</table>設定表格亮邊框的顏色
<table cellpadding=參數>...</table>指定內容與網格線之間的間距(使用數字)
<table cellspacing=參數>...</table>指定網格線與網格線之間的距離(使用數字)
<table cols=參數>...</table>指定表格的欄數
<table frame=參數>...</table>設定表格外框線的顯示方式
<table width=寬度>...</table>指定表格的寬度大小(使用數字)
<table height=高度>...</table>指定表格的高度大小(使用數字)
<td colspan=參數>...</td>指定儲存格合併欄的欄數(使用數字)
<td rowspan=參數>...</td>指定儲存格合併列的列數(使用數字)
<CAPTION>...</CAPTION> 為表格加上標題
<TABLE BORDER=n> 調整表格的寬線高度
<TABLE CELLPADDING> 調整數據域位之邊界
<TABLE CELLSPACING> 調整表格線的寬度
<TABLE HEIGHT> 調整表格的高度
<TABLE WIDTH> 調整表格的寬度
<TABLE>...</TABLE> 產生表格的卷標
<TD ALIGN> 調整表格欄位之左右對齊
<TD BGCOLOR> 設定表格欄位之背景顏色
<TD COLSPAN ROWSPAN> 表格欄位的合併
<TD NOWRAP> 設定表格欄位不換行
<TD VALIGN> 調整表格欄位之上下對齊
<TD WIDTH> 調整表格欄位寬度
<TD>...</TD> 定義表格的數據域位
結構性定義
文件類型<HTML></HTML> (放在檔案的開頭與結尾)
文件主題<TITLE></TITLE> (必須放在「文頭」區塊內)
文頭<HEAD></HEAD> (描述性資料,像是「主題」)
文體<BODY></BODY> (文件本體)
(由瀏覽器控制的顯示風格)
標題<H?></H?> (從1到6,有六層選擇)
標題的對齊<H? ALIGN=LEFT|CENTER|RIGHT></H?>
區分<DIV></DIV>
區分的對齊<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文區塊<BLOCKQUOTE></BLOCKQUOTE> (通常會內縮)
強調<EM></EM> (通常會以斜體顯示)
特彆強調<STRONG></STRONG> (通常會以加粗顯示)
引文<CITE></CITE> (通常會以斜體顯示)
碼<CODE></CODE> (顯示原始碼之用)
樣本<SAMP></SAMP>
鍵盤輸入<KBD></KBD>
變數<VAR></VAR>
定義<DFN></DFN> (有些瀏覽器不提供)
地址<ADDRESS></ADDRESS>
大字<BIG></BIG>
小字<SMALL></SMALL>
與外觀相關的標籤(作者自訂的表現方式)
加粗<B></B>
斜體<I></I>
底線<U></U> (尚有些瀏覽器不提供)
刪除線<S></S> (尚有些瀏覽器不提供)
下標<SUB></SUB>
上標<SUP></SUP>
打字機體<TT></TT> (用單空格字型顯示)
預定格式<PRE></PRE> (保留文件中空格的大小)
預定格式的寬度<PRE WIDTH=?></PRE>(以字元計算)
向中看齊<CENTER></CENTER> (文字與圖片都可以)
閃耀<BLINK></BLINK> (有史以來最被嘲弄的標籤)
字體大小<FONT SIZE=?></FONT>(從1到7)
改變字體大小<FONT SIZE=+|-?></FONT>
基本字體大小<BASEFONT SIZE=?> (從1到7; 內定為3)
字體顏色<FONT COLOR='#$$$$$$'></FONT>
分隔
段落<P> (通常是兩個return)
3.0 段落<P></P> (新定義成容器型標籤)
3.0 文字看齊方式<P ALIGN=LEFT|CENTER|RIGHT></P>
換行<BR> (一個return)
N1.0 文字部份看齊方式<BR CLEAR=LEFT|RIGHT|ALL>(與圖形合用時)
橫線<HR>
N1.0 橫線對齊<HR ALIGN=LEFT|RIGHT|CENTER>
N1.0 橫線厚度<HR SIZE=?> (以pixels為單位)
N1.0 橫線寬度<HR WIDTH=?> (以pixels為單位)
N1.0 橫線比率寬度<HR WIDTH=%> (以頁寬為100%)
N1.0 實線<HR NOSHADE> (沒有立體效果)
N1.0 不可換行<NOBR></NOBR> (不換行)
N1.0 可換行處<WBR> (如果需要,可在此斷行)
列舉(可以巢狀列舉)
無次序式列舉<UL><LI></UL> (<LI> 放在每一項前)
N1.0 公布式列舉<UL TYPE=DISC|CIRCLE|SQUARE>(定義全部的列舉項)
<LI TYPE=DISC|CIRCLE|SQUARE>(定義這個及其後的列舉項)
有次序式列舉<OL><LI></OL> (<LI> 放在每一項前)
N1.0 數標型態<OL TYPE=A|a|I|i|1> (定義全部的列舉項)
<LI TYPE=A|a|I|i|1> (定義這個及其後的列舉項)
N1.0 起始數字<OL value=?> (定義全部的列舉項)
<LI value=?> (定義這個及其後的列舉項)
定義式列舉<DL><DT><DD></DL>(<DT>項目, <DD>定義)
表單式列舉<MENU><LI></MENU>(<LI> 放在每一項前)
目錄式列舉<DIR><LI></DIR> (<LI> 放在每一項前)
表格
3.0 定義表格<TABLE></TABLE>
3.0 表格框線<TABLE BORDER></TABLE> (有或沒有)
N1.1 表格框線<TABLE BORDER=?></TABLE>(可以設定數值)
N1.1 儲存格左右留白<TABLE CELLSPACING=?>
N1.1 儲存格上下留白<TABLE CELLPADDING=?>
N1.1 表格寬度<TABLE WIDTH=?> (以pixels為單位)
N1.1 寬度比率<TABLE WIDTH=%> (頁寬為100%)
3.0 表格列<TR></TR>
3.0表格列內容看齊<TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 儲存格<TD></TD> (須與列並用)
3.0 儲存格內容看齊<TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 不換行<TD NOWRAP>
N3.0 儲存格背景顏色<TD BGCOLOR=#$$$$$$>
3.0 儲存格橫向連接<TD COLSPAN=?>
3.0 儲存格縱向連接<TD ROWSPAN=?>
N1.1 儲存格寬度<TD WIDTH=?> (以pixels為單位)
N1.1 儲存格寬度比率<TD WIDTH=%> (頁寬為100%)
3.0 表格標題<TH></TH> (跟<TD>一樣,不過會對中並加粗)
3.0 表格標題對齊<TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 表格標題不換行<TH NOWRAP>
3.0 表格標題占幾欄<TH COLSPAN=?>
3.0 表格標題占幾列<TH ROWSPAN=?>
N1.1 表格標題寬度<TH WIDTH=?> (以pixels為單位)
N1.1 表格標題比率寬度<TH WIDTH=%> (頁寬為100%)
3.0 表格抬頭<CAPTION></CAPTION>
3.0表格抬頭看齊<CAPTION ALIGN=TOP|BOTTOM>(在表格之上/之下)
視框(定義與控制螢幕上的特定區域)
N2.0 視框格式總定義<FRAMESET></FRAMESET> (取代<BODY>)
N2.0 視框行長度分配<FRAMESET ROWS=,,,></FRAMESET>(pixels 或%)
N2.0 視框行長度分配<FRAMESET ROWS=*></FRAMESET> (* = 相對大小)
N2.0 視框欄寬度分配<FRAMESET COLS=,,,></FRAMESET>(pixels 或%)
N2.0 視框欄寬度分配<FRAMESET COLS=*></FRAMESET> (* =相對大小)
N2.0 定義個別視框<FRAME> (定義個別視框)
N2.0 個別視框內容<FRAME src='/URL'>
N2.0 個別視框名稱<FRAME NAME='***'|_blank|_self|_parent|_top>
N2.0 邊緣寬度<FRAME MARGINWIDTH=?> (「左」與「右」邊界)
N2.0 邊緣高度<FRAME MARGINHEIGHT=?> (「天頂」與「地底」邊界)
N2.0 捲動條<FRAME SCROLLING='YES|NO|AUTO'>
N2.0 不可改變大小<FRAME NORESIZE>
N2.0 無視框時的內容<NOFRAMES></NOFRAMES>(如果瀏覽器不提供視框功能的話)

3相關資料

所謂代碼優化是指對程序代碼進行等價(指不改變程序的運行結果)變換。程序代碼可以是中間代碼(如四元式代碼),也可以是目標代碼。等價的含義是使得變換后的代碼運行結果與變換前代碼運行結果相同。優化的含義是最終生成的目標代碼短(運行時間更短、佔用空間更小),時空效率優化。原則上,優化可以再編譯的各個階段進行,但最主要的一類是對中間代碼進行優化,這類優化不依賴於具體的計算機。
編譯過程中可進行的優化可按階段劃分:優化可在編譯的不同階段進行,分為中間代碼一級和目標代碼一級的優化。可按優化涉及的程序範圍劃分:對同一階段,分為局部優化,循環優化和全局優化. 進行優化所需要的基礎是對代碼進行數據流分析和控制流分析。如劃分DAG,查找循環,分析變數的定值點和引用點等等。最常用的代碼優化技術有刪除多餘運算,循環不變代碼外提,強度削弱,變換循環控制條件,合併已知量與複寫傳播,以及刪除無用賦值等等。
上一篇[向井梢]    下一篇 [LOVE兔]

相關評論

同義詞:暫無同義詞