Hello, 大家好，我是阿瑞ARICK，如果以後有網頁上的問體，盡可指教！
>>>-------------------------------------------------------------------------------------------
　‧　前言
-------------------------------------------------------------------------------------------<<<
相信許多人，都非常想要擁有很漂亮的網頁，也看到了各位論壇友們渴望
能夠擁有一技之長，將自己的網頁打扮的漂漂亮亮，完美無缺，相信我！
我一定會幫忙各位的，教導不敢說，基本的常識要會哦^^。
>>>-------------------------------------------------------------------------------------------
　‧　準備事項
-------------------------------------------------------------------------------------------<<<
製作網頁，不可或缺的當然是製作網頁的工具，在此阿瑞並不建議各位去
使用Microsoft提供的FrontPage軟體當作製作網頁工具。
當然其有之用處，但是也有缺點，讓人們忘記了，什麼叫做語法。

　1.　您至少最基本的要擁有"記事本"，好饒舌對吧！？這是最重要的！
　2.　您必須會認得26個英文字母，想必這個應該不難！
　3.　擁有一切的心理準備，準備踏向夢想的旅程^^

以上準備完畢之後，我們將準備出發！請把您的記事本準備好哦！
>>>-------------------------------------------------------------------------------------------
　‧　教程　─　第一回>>認識基本 Html 語法
-------------------------------------------------------------------------------------------<<<
製作網頁，就要認識 Html 這個東西，他是種語法，穿插在網頁之間，
這是個製作網頁不可或缺的東西，您可要記好了！
而 Html 是介於"<"小於符號與">"大於符號之間，這是 Html 的性質。
阿瑞將會使用<!---註解--->來標註各個事項，Html 將不會讀取。
>>>=分=格=線=

<Html>
<!---↑是 Html 原始碼的開，也就是要開始寫語法囉^^--->
<Head>
<!---↑顧名思義，Head 的意思就是""，也就是網頁部的意思--->
<title>網頁文件A</title>
<!---↑這是網頁的名稱，就如同開瀏覽器最上方的標題--->
</Head>
<!---↑是宣告網頁開的結尾在之前加上"/"斜線--->
<Body>
<!---↑這個是重點，也就是網頁的身體，就如同各為所看到的內容--->
</Body>
<!---↑是宣告網頁內容的結尾在之前加上"/"斜線--->
</Html>
<!---↑是宣告網頁結束，在之前加上"/"斜線--->

>>>=分=格=線=
這樣，或許大家對 Html 有所了解了吧？
請這些一定要背哦！不妨試試看，將這些東西複製貼在記事本上，
然後存檔為 *.html 記得哦！副檔名要為 *.html 或者 *.htm

>>>-------------------------------------------------------------------------------------------
　‧　教程　三　第一回>>基本語法
-------------------------------------------------------------------------------------------<<<
製作網頁，就要認識 Html 這個東西，他是種語法，穿插在網頁之間，
這是個製作網頁不可或缺的東西，您可要記好了！
而 Html 是介於"<"小於符號與">"大於符號之間，這是 Html 的性質。
阿瑞將會使用<!---註解--->來標註各個事項，Html 將不會讀取。

◆單元介紹>>
這個單元將要介紹
「基本語法」很常用的東西！相信大家也會了一半～不過也順道把它背起來吧？

>>>=分=格=線=
◆語法插入處

<Html>
<Head>
<title>網頁文件A</title>
</Head>
<Body>
<!---◆今日所教之語法請貼在此唷^^--->
</Body>
</Html>

>>>=分=格=線=
◆註解
　銀燭大大有提過，<Table Border="1">類似這些之類有["]可以省略
加上去的意思也不過是圖個整齊罷了~
以下語法綠的地方請自行修改
────────────
》基本語法
────────────
<A href="coolrick.e-jin/" Target="_Blank">連結至酷瑞評鑑網</a>
'超連結
'註解--Target 屬性的意思是開啟連結的地方 例如"_Blank"是開新視窗，如果無設定為在同樣的地方開啟連結，以下為屬性表
'相同框架 "_Self"
'整頁 "_Top"
'開新視窗 "_Blank"
'父框架 "_Parent"

<Img src="coolrick.e-jin/ARick.gif">
'貼圖

<Font Color="#006699">文字的顏變化</Font>
'文字顏變化，有基本的代碼，例如
'Color=Red 為紅
'Color=Black 為黑
'Color=Green 為綠
'如果是#006699類似這種十六進位的代碼，去查查吧~

<Font Size="5">文字大小</Font>
'這種文字大小的單位是比較大的，如果單位要變成 pt 則請看下一段

<Font  rtcscls-2-s_r_0 rtcscls-2-r_5">9pt">文字大小</Font>
'類似這種文字大小的單位是 pt 。

<Font Face="標楷體">文字字型</Font>
'這是字型部分，如果要讓瀏覽者看的到這種字型，則他也必須安裝才可以！

<Marquee>跑馬燈</Marquee>
'此為一個簡單的跑馬燈，下回將會詳細介紹！

<Hr>
'簡單可愛的水平線，跟跑馬燈一樣在下回詳細介紹！
>>>=分=格=線=
基本語法不可忘記哦！學了是用一輩子的！可與表格搭配發揮的淋漓盡致哦！
請這些一定要背哦！不妨試試看，將這些東西複製貼在記事本上，
然後存檔為 *.html 記得哦！副檔名要為 *.html 或者 *.htm
<! - - ... - -> 註解
<A HREF TARGET> 指定超連結的分割視窗
<A HREF=#錨的名稱> 指定錨名稱的超連結
<A HREF> 指定超連結
<A NAME=錨的名稱> 被連結點的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
<B> 粗體字
<BASE TARGET> 指定超連結的分割視窗
<BASEFONT SIZE> 更改預設字形大小
<BGSOUND SRC> 加入背景音樂
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<BODY TEXT LINK VLINK> 設定文字顏
<BODY> 顯示本文
<BR> 換行
<CAPTION ALIGN> 設定表格標題位置
<CAPTION>...</CAPTION> 為表格加上標題
<CENTER> 向中對齊
<CITE>...<CITE> 用於引經據典的文字
<CODE>...</CODE> 用於列出一段程式碼
<COMMENT>...</COMMENT> textarea中cols表示加上註解
<DD> 設定定義列表的項目解說
<DFN>...</DFN> 顯示"定義"文字
<DIR>...</DIR> 列表文字標籤
<DL>...</DL> 設定定義列表的標籤
<DT> 設定定義列表的項目
<EM> 強調之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 設定字體大小
<form ACTION> 設定戶動式表單的處理方式
<form METHOD> 設定戶動式表單之資料傳送方式
<FRAME MARGINHEIGHT> 設定視窗的上下邊界
<FRAME MARGINWIDTH> 設定視窗的左右邊界
<FRAME NAME> 為分割視窗命名
<FRAME NORESIZE> 鎖住分割視窗的大小
<FRAME SCROLLING> 設定分割視窗的捲軸
<FRAME SRC> 將HTML檔加入視窗
<FRAMESET COLS> 將視窗分割成左右的子視窗
<FRAMESET ROWS> 將視窗分割成上下的子視窗
<FRAMESET>...</FRAMESET> 劃分分割視窗
<H1>~<H6> 設定文字大小
<HEAD> 標示文件資訊
<HR> 加上分格線
<HTML> 文件的開始與結束
<IMG ALIGN> 調整圖形影像的位置
<IMG ALT> 為你的圖形影像加註
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入圖片並預設圖形大小
<IMG HSPACE> 插入圖片並預設圖形的左右邊界
<IMG LOWSRC> 預載圖片功能
<IMG SRC BORDER> 設定圖片邊界
<IMG SRC> 插入圖片
<IMG VSPACE> 插入圖片並預設圖形的上下邊界
<INPUT TYPE NAME value> 在表單中加入輸入欄位
<ISINDEX> 定義查詢用表單
<KBD>...</KBD> 表示使用者輸入文字
<LI TYPE>...</LI> 列表的項目 (可指定符號)
<MARQUEE> 跑馬燈效果
<MENU>...</MENU> 列文字標籤
<META NAME="REFRESH" CONTENT URL> 自動更新文件內容
<MULTIPLE> 可同時選擇多項的列表欄
<NOFRAME> 定義不出現分割視窗的文字
<OL>...</OL> 有序號的列表
<OPTION> 定義表單中列表欄的項目
<P ALIGN> 設定對齊方向
<P> 分段
<PERSON>...</PERSON> 顯示人名
<PRE> 使用原有排列
<SAMP>...</SAMP> 用於引用字
<SMALL> 顯示小字體
<STRIKE> 文字加橫線
<STRONG> 用於加強語氣
<SUB> 下標字
<SUP> 上標字
<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> 定義表格的資料欄位
<TEXTAREA NAME ROWS COLS> 表單中加入多少列的文字輸入欄
<TEXTAREA WRAP> 決定文字輸入欄是自動否換行
<TH>...</TH> 定義表格的標欄位
<title> 文件標題
<TR>...</TR> 定義表格美一行
<TT> 打字機字體
<U> 文字加底線
<UL TYPE>...</UL> 無序號的列表 (可指定符號)
<VAR>...</VAR> 用於顯示變數 文字

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。