close

收錄.JAVA教學.網頁HTML語法產生器色碼表.RGB配色表.CMYK配色表.TBI格式圖片批次轉檔JPG格式教學去除圖片文字超連結底線外框語法.網頁圖片文字超連結語法教學.

 

├ 憂原網址不見,部份複製貼上+附原網址,請自行連結。


【教學 TBI格式圖片批量轉換JPG格式 方法/步驟流程】

1. 打開我的電腦>工具>資料夾選項>檢視,設置不隱藏已知文件類型的副檔名 及 顯示所有檔案和資料夾

2. 把所有要轉換的TBI圖片文件放到同一個新資料夾內。

3. 在圖片同一資料夾內,新建一個txt的記事本文件,打開這個新建的txt文件,輸入ren *.tbi *.jpg(注意:ren和tbi後面各有一個空格)。其中tbi是代表當前的要轉換的文件後檔名,jpg是代表要轉換成的文件後檔名。

4. 把該txt文件另存覆蓋原文件後 檔名設置為.bat的文件(即存為MS-DOS批處理文件),比如,1.txt,保1.bat。也可以保存記事本後,直接重命名為1.bat文件(需顯示圖片副檔名)

5. 雙擊打開已保存的1.bat文件(只是雙擊即可,不是要用什麼程序打開該文件),轉換立刻完成。

 

文章來源: 網路搜尋+圖片說明 http://jingyan.baidu.com/article/63f23628eb44490209ab3d46.html

另外網路上說可批次轉換或看圖的軟體 ACDSee 可免費試用 http://tw.acdsee.com/download


【去除圖片超連結外框語法.網頁超連結.圖片超連結.去除文字超連結底線.文字超連結.超連結語法教學】

●文字做超連結 語法如下

<a href="連結網址">說明文字</a>

●去除文字超連結底線 語法如下

<a href="連結網址" style="text-decoration: none" >說明文字</a>

● 圖片做超連結 語法如下

<a href="連結網址"><img src="圖片網址" border="0" ></a>


【色碼、語法教學類】

● 粉嫩色碼超多(很好用)  http://www.wahart.com.hk/rgb.htm

● 語法教學 http://blog.xuite.net/sunny625/twblog/168411633

● wibibi 網頁語法教學 http://www.wibibi.com/info.php?tid=116

● HTML語法產生器 下載與教學 http://key.chtouch.com/ContentView.aspx?P=227

● 網頁研習室 (HTML語法教學 http://www.webpage.idv.tw/study/03/10/c0310.htm

● JAVA SCRIPT教學 http://www.powerpc.idv.tw/script.htm

● 藍色小舖網頁教學程式設計 http://www.blueshop.com.tw/

輸入關鍵字自行搜尋 > 9 walker網頁html語法教室 基礎HTML教學

 


【常用HTML語法大全】超好用

<! - - ... - -> 註解
<!> 跑馬燈
<marquee>...</marquee>普通捲動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預設捲動
<marquee behavior=alternate>...</marquee>來回捲動
<marquee direction=down>...</marquee>向下捲動
<marquee direction=up>...</marquee>向上捲動
<marquee direction=right></marquee>向右捲動
<marquee direction='left'></marquee>向左捲動
<marquee loop=2>...</marquee>捲動次數
<marquee width=180>...</marquee>設定寬度
<marquee height=30>...</marquee>設定高度
<marquee bgcolor=FF0000>...</marquee>設定背景顏色
<marquee scrollamount=30>...</marquee>設定捲動距離
<marquee scrolldelay=300>...</marquee>設定捲動時間


<!>字體效果
<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>無限增大


<!>區斷標記
<hr>水平線
<hr size=Ə'>水平線(設定大小)
<hr width=ྌ%'>水平線(設定寬度)
<hr color='ff0000'>水平線(設定顏色)
<br>(換行)
<nobr>...</nobr>水域(不換行)
<p>...</p>水域(段落)
<center>...</center>置中


連結格式
<base href=位址>(預設好連結路徑)
<a href=位址></a>外部連結
<a href=位址 target='_blank'></a>外部連結(另開新視窗)
<a href=位址 target='_top'></a>外部連結(全視窗連結)
<a href=位址 target='頁框名'></a>外部連結(在指定頁框連結)


<!>貼圖/音樂
<img src=圖片位址>貼圖
<img src=圖片位址 width=餌'>設定圖片寬度
<img src=圖片位址 height=ཚ'>設定圖片高度
<img src=圖片位址 alt='提示文字'>設定圖片提示文字
<img src=圖片位址' border=Ƈ'>設定圖片邊框
<bgsound src=MID音樂檔位址>背景音樂設定


表格語法
<table aling=left>...</table>表格位置,置左
<table aling=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>指定儲存格合併列的列數(使用數字)


分割視窗
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整
<frameset cols="20%,*">分割左右兩個框架
<frameset cols="20%,*,20%">分割左中右三個框架
<分割上下兩個框架
<frameset rows="20%,*,20%">分割上中下三個框架


<! - - ... - -> 註解
<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> 加上註解
<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> 文件的開始與結束
<I> 斜體字
<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> 用於引用字
<SELECT>...</SELECT> 在表單中定義列表欄
<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> 用於顯示變數


以上僅單純分享,不再更新網頁資料~~
# 不代表每人經歷會相同,請自行思考喲
๑ 附教學、附網址 →請自行判斷適用度及查看原網頁失效否

arrow
arrow
    創作者介紹
    創作者 菻子 的頭像
    菻子

    σ 菻子a專屬小角落 ண

    菻子 發表在 痞客邦 留言(11) 人氣()