收錄網頁語法．語法器．色碼表．HTML語法特效．JAVA教學．RGB配色表．CMYK配色表．商品規格編輯器． ├ 憂原網址不見，部份複製貼上+附原網址， ...
關閉廣告
σ菻子a專屬小角落ண
跳到主文
├紀錄著可能會遺忘的過去式、現在式、未來式┤
部落格全站分類：生活綜合
相簿
部落格
留言
名片
菻子說↓↓↓
各位網友們～請不吝嗇按讚＆留言唷～
Dec17Tue201311:52
【網頁美工】HTML語法產生器．色碼表．JAVA教學．RGB配色表．CMYK配色表．商品規格編輯器．自動生成．
收錄 網頁語法．語法器．色碼表．HTML語法特效．JAVA教學．RGB配色表．CMYK配色表．商品規格編輯器．
├憂原網址不見，部份複製貼上+附原網址，請自行連結。
【色碼、語法教學類】
●粉嫩色碼超多(很好用) http://www.wahart.com.hk/rgb.htm
●雄之網頁語法 http://lthung.org/
●語法教學 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
●JAVASCRIPT教學 http://www.powerpc.idv.tw/script.htm
●藍色小舖網頁教學程式設計 http://www.blueshop.com.tw/
●輸入關鍵字自行搜尋> 9walker網頁html語法教室基礎HTML教學
【常用HTML語法大全】超好用
註解
跑馬燈
普通捲動
...滑動
...預設捲動
...來回捲動
...向下捲動
...向上捲動
向右捲動
向左捲動
...捲動次數
...設定寬度
...設定高度
...設定背景顏色
...設定捲動距離
...設定捲動時間
字體效果
...
標題字(最大)
...
標題字(最小)
...粗體字
...粗體字(強調)
...斜體字
...斜體字(強調)
...斜體字(表示定義)
...底線
...底線(表示插入文字)
...橫線
...刪除線
...刪除線(表示刪除)
...鍵盤文字
...打字體
<![CDATA[...]]>固定寬度字體(在文件中空白、換行、定位功能有效)
<![CDATA[...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing>固定寬度小字體
<fontcolor>...字體顏色
<fontsize>...最小字體
<fontstyle>...無限增大
區斷標記
<hr>水平線
<hrsize>水平線(設定大小)
<hrwidth>水平線(設定寬度)
<hrcolor>水平線(設定顏色)
<br>(換行)
<nobr>...</nobr>水域(不換行)
<p>...</p>水域(段落)
<center>...</center>置中
連結格式
<basehref>(預設好連結路徑)
<ahref>外部連結
<ahref>外部連結(另開新視窗)
<ahref>外部連結(全視窗連結)
<ahref>外部連結(在指定頁框連結)
貼圖/音樂
<imgsrc>貼圖
<imgsrc>設定圖片寬度
<imgsrc>設定圖片高度
<imgsrc>設定圖片提示文字
<imgsrc>設定圖片邊框
<bgsoundsrc>背景音樂設定
表格語法
<tablealing>...表格位置,置左
<tablealing>...表格位置,置中
<tablebackground>...背景圖片的URL=就是路徑網址
<tableborder>...設定表格邊框大小(使用數字)
<tablebgcolor>...設定表格的背景顏色
<tableborderclor>...設定表格邊框的顏色
<tableborderclordark>...設定表格暗邊框的顏色
<tableborderclorlight>...設定表格亮邊框的顏色
<tablecellpadding>...指定內容與格線之間的間距(使用數字)
<tablecellspacing>...指定格線與格線之間的距離(使用數字)
<tablecols>...指定表格的欄數
<tableframe>...設定表格外框線的顯示方式
<tablewidth>...指定表格的寬度大小(使用數字)
<tableheight>...指定表格的高度大小(使用數字)
<tdcolspan>...指定儲存格合併欄的欄數(使用數字)
<tdrowspan>...指定儲存格合併列的列數(使用數字)
分割視窗
<framesetcols>左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整
<framesetrows>上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整
<framesetcols>分割左右兩個框架
<framesetcols>分割左中右三個框架
分割上中下三個框架
<!--...-->註解
<ahreftarget>指定超連結的分割視窗
<ahref>指定錨名稱的超連結
<ahref>指定超連結
<aname>被連結點的名稱
<address>....</address>用來顯示電子郵箱地址
<b>粗體字
<basetarget>指定超連結的分割視窗
<basefontsize>更改預設字形大小
<bgsoundsrc>加入背景音樂
<big>顯示大字體
<blink>閃爍的文字
<bodytextlinkvlink>設定文字顏色
顯示本文
<br>換行
<captionalign>設定表格標題位置
<caption>...</caption>為表格加上標題
<center>向中對齊
<cite>...<cite>用於引經據典的文字
<code>...</code>用於列出一段程式碼
<comment>...</comment>加上註解
<dd>設定定義列表的項目解說
<dfn>...</dfn>顯示"定義"文字
<dir>...</dir>列表文字標籤
<dl>...</dl>設定定義列表的標籤
</dd>
<dt>設定定義列表的項目
<em>強調之用
<fontface>任意指定所用的字形
<fontsize>設定字體大小
<formaction>設定戶動式表單的處理方式
<formmethod>設定戶動式表單之資料傳送方式
<framemarginheight>設定視窗的上下邊界
<framemarginwidth>設定視窗的左右邊界
<framename>為分割視窗命名
<framenoresize>鎖住分割視窗的大小
<framescrolling>設定分割視窗的捲軸
<framesrc>將HTML檔加入視窗
<framesetcols>將視窗分割成左右的子視窗
<framesetrows>將視窗分割成上下的子視窗
<frameset>...</frameset>劃分分割視窗
<h2>~設定文字大小
標示文件資訊
加上分格線
文件的開始與結束
斜體字
調整圖形影像的位置
為你的圖形影像加註
加入影片
插入圖片並預設圖形大小
插入圖片並預設圖形的左右邊界
預載圖片功能
設定圖片邊界
插入圖片
插入圖片並預設圖形的上下邊界
在表單中加入輸入欄位
定義查詢用表單
...表示使用者輸入文字
...列表的項目(可指定符號)
跑馬燈效果
...條列文字標籤
自動更新文件內容
可同時選擇多項的列表欄
定義不出現分割視窗的文字
...有序號的列表
定義表單中列表欄的項目
設定對齊方向
分段
...顯示人名
使用原有排列
...用於引用字
...在表單中定義列表欄
顯示小字體
文字加橫線
用於加強語氣
下標字
上標字
調整表格的寬線高度
調整資料欄位之邊界
調整表格線的寬度
調整表格的高度
調整表格的寬度
...產生表格的標籤
調整表格欄位之左右對齊
設定表格欄位之背景顏色
表格欄位的合併
設定表格欄位不換行
調整表格欄位之上下對齊
調整表格欄位寬度
...定義表格的資料欄位
表單中加入多少列的文字輸入欄
決定文字輸入欄是自動否換行
...定義表格的標頭欄位
文件標題
...定義表格美一行
打字機字體
文字加底線
...無序號的列表(可指定符號)
...用於顯示變數
以上僅無私分享~不再更新網頁資料
๑附教學→請自行判斷適用與否
๑附網址→請自行查看原網頁存在與否
文章標籤
語法編輯器
HTML語法產生器
TABLE
HTML
線上做表格
表格
語法特效
色碼表
RGB配色表
CMYK配色表
商品規格表
全站熱搜
創作者介紹
菻子
σ菻子a專屬小角落ண
菻子發表在痞客邦留言(0)人氣()
E-mail轉寄
全站分類：視覺設計個人分類：✏美工字型圖庫此分類上一篇：【網頁美工】語法工具．圖片語法．分行語法．段落語法．編輯網拍關於我的語法．露天拍賣語法．
此分類下一篇：【網頁美工】字型下載．手寫字體．手機字形．特殊中文字型．美工製圖．網拍必備．
上一篇：【網站工具】單位換算．PAYPAL經驗談．電話反查系統．MIDI音樂下載．Pingdom網站速度測試．風水教學．線上學日文．
下一篇：【電腦】GoogleChrome瀏覽器無法使用郵局ATM解決方式．查看GOOGLE版本．IETab．
歷史上的今天
2020:【待整】．．
2020:【醫療圖檔工具】線上查看醫療影像DICOM檔．醫療級影像檔．免下載．DICOM瀏覽器．MicroDicom．Santesoft．JiveXDICOM．
2020:【菻子a記事】考到了不動產營業員證照．邁向夢想地政士之路．非從業人員考到不動產證照．憑毅力與努力完成自己想做的事．
2020:【菻子a記事】自學進修技術高中同等學力鑑定．高職畢業．高中同等學力．高雄市立中正高級工業職業學校實習輔導處．教育部國民及學前教育署．國家考試．
2020:【生病紀錄】第一次照胃鏡．胃息肉切除理賠．長期嚴重飢餓．怎麼吃都很餓．左腹痛．胃酸．胃食道逆流．神經內分泌瘤．高醫．
2019:【電腦設定】關機滑鼠燈主機板燈鍵盤燈恆亮的解決辦法．華碩B250M-A主機板顯示卡設定．ERP支援．SSD開啟AHCI設定．電腦關機滑鼠燈一直亮．
2019:【電腦部落格廣告】放置GoogleAdSense廣告碼教學．建立AdSense帳戶．取得並複製廣告程式碼．放置Adsense廣告於部落格．用部落格賺錢．廣告收益被動收入．
2019:【待整】．．
2019:【待整】．．
▲top
留言列表
發表留言
菻a文章分類
菻a歷年點滴(5)
✿菻a生病紀錄(30)✿菻aㄚ哩ㄚ咂(34)✿菻a奧客+感恩(4)✿菻a看房蝦記(64)✿菻a隱藏文(0)
📨綜合不分類(3)📢優良店家分享(12)🍩麵包烘焙丙級(11)⛪土地房屋知識(14)🆘醫學疾病知識(6)⚖法律權益勞工(10)✏美工字型圖庫(11)⌨應用工具開店(11)📱電腦３Ｃ教學(53)👫生活學習資源(31)待整資料(13)
搜尋本格文章
謝謝參觀喔
本日人氣：
累積人氣：
最新文章
月曆
«
六月2022
»
日
一
二
三
四
五
六
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
網友留言
贊助商連結
贊助商連結
菻子©2013~2021.
σ心情、經歷、學習、醫學、分享、美樂蒂ண
回到頁首
回到主文
免費註冊
客服中心
痞客邦首頁
©2003-2022PIXNET
關閉視窗
</h2></framesetrows></framesetcols></framesrc></framescrolling></framenoresize></framename></framemarginwidth></framemarginheight></formmethod></formaction></fontsize></fontface></em>
</dt></cite></cite>
</center></captionalign></bodytextlinkvlink></blink></big></bgsoundsrc></basefontsize></basetarget></b></aname></ahref></ahref></ahreftarget></framesetcols></framesetcols></framesetrows></framesetcols></tdrowspan></tdcolspan></tableheight></tablewidth></tableframe></tablecols></tablecellspacing></tablecellpadding></tableborderclorlight></tableborderclordark></tableborderclor></tablebgcolor></tableborder></tablebackground></tablealing></tablealing></bgsoundsrc></imgsrc></imgsrc></imgsrc></imgsrc></imgsrc></ahref></ahref></ahref></ahref></basehref></hrcolor></hrwidth></hrsize></fontstyle></fontsize></fontcolor></marqueescrolldelay></marqueescrollamount></marqueebgcolor></marqueeheight></marqueewidth></marqueeloop></marqueedirection></marqueedirection></marqueedirection></marqueedirection></marqueebehavior></marqueebehavior></marqueebehavior></p></body></html>
</div><hr /><div class="row"><div class="col-md-3"><button class="btn-rating">完整訊息請參考</button></div><div class="col-md-9" data-turbolinks="false"><input class="btn btn-light btn-icon-holder btn-shadow btn-light-hover btn-light-hover" style="width:100%; text-transform: lowercase;" type="text" value="https://akanana.pixnet.net/blog/post/330025364-%E3%80%90%E7%B6%B2%E9%A0%81%E7%BE%8E%E5%B7%A5%E3%80%91html%E8%AA%9E%E6%B3%95%E7%94%A2%E7%94%9F%E5%99%A8%EF%BC%8E%E8%89%B2%E7%A2%BC%E8%A1%A8%EF%BC%8Ejava%E6%95%99" /></div></div><hr /><div class="rating-area" style="text-align: center; margin-top: 2rem;"><h3>請為這篇文章評分？</h3><div class="rating-boolean" style="display: inline-block; padding-right: 30px;"><form action="/articles/rate" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="feTbQOU1jDYfzrW6PVCOoF3lBxSxluS5EsQdl566jSLyJ526wcnTmVymiMq0sE9sZQ0lMS9dt98WJPdw6h7mdA==" /><button class="btn-rating true" name="rating" style="background-color: #b46a3f; border: thin solid #b46a3f" value="true">有幫助</button><button class="btn-rating false" name="rating" style="border: thin solid #b46a3f " value="false">沒幫助</button><input name="article_id" style="display: none;" value="1633290" /></form></div></div><hr /><div class="related-article"></div><div class="section-container"><div class="container"><div class="row"><div class="col-md-12"><div class="blog-items-wrapper blog-col-1 blog-items-small-thumbs"><div class="article-list"><div class="card" style="margin-bottom: 4rem;"><div class="card-header"><h3 style="margin-bottom: 1rem;">延伸文章資訊</h3></div><div class="card-body"><ul class="accordion" id="accordion"><a rel="follow" traget="" href="/results/10b029108258e891ea48"><li style="margin: 0.5rem 0; padding-bottom: 0.5rem; border-bottom: 1px dotted;"><div class="article-title" style="display: flex"><div class="order-number" style="margin-right: 1rem;">1</div>線上HTML、CSS、JavaScript 程式碼產生器，超多範例語法</div><p style="color: #7b7b7b;">1.使用瀏覽器進入Free Online HTML、CSS、JavaScript Code Generator 網站，左側功能表會有四種程式語言供你選擇要產生的效果語法，右側欄內則提供語法 ...<span style="padding-left: 1rem; color: blue;"></span></p></li></a><a rel="follow" traget="" href="/results/114c3957b7bd147583a2"><li style="margin: 0.5rem 0; padding-bottom: 0.5rem; border-bottom: 1px dotted;"><div class="article-title" style="display: flex"><div class="order-number" style="margin-right: 1rem;">2</div>HTML編輯器自己做！布丁版TinyMCE編緝器/ An Online HTML ...</div><p style="color: #7b7b7b;">TinyMCE一般只是作為網站裡面將<textarea>轉變為所見即得編輯器的小工具，能像是編輯Word一樣地編輯HTML網頁，最後產生的HTML程式碼又乾淨又漂亮。我因為太常使用TinyMCE...<span style="padding-left: 1rem; color: blue;"></span></p></li></a><a rel="nofollow" traget="_blank" href="https://products.groupdocs.app/zh-hant/editor/html"><li style="margin: 0.5rem 0; padding-bottom: 0.5rem; border-bottom: 1px dotted;"><div class="article-title" style="display: flex"><div class="order-number" style="margin-right: 1rem;">3</div>免費在線HTML文檔編輯器</div><p style="color: #7b7b7b;"><span style="padding-left: 1rem; color: blue;"></span></p></li></a><a rel="follow" traget="" href="/results/617437f3555afe194eef"><li style="margin: 0.5rem 0; padding-bottom: 0.5rem; border-bottom: 1px dotted;"><div class="article-title" style="display: flex"><div class="order-number" style="margin-right: 1rem;">4</div>線上網頁編輯器</div><p style="color: #7b7b7b;">線上HTML編輯器(Online Html Editor)，是一個跨平台文字編輯器和文件創作工具；如果在公共場所或沒有安裝文書軟體的電腦，可以直接透過瀏覽器，運用線上編輯器寫作和 ...<span style="padding-left: 1rem; color: blue;"></span></p></li></a><a rel="follow" traget="" href="/results/f6133c7798c176288bf8"><li style="margin: 0.5rem 0; padding-bottom: 0.5rem; border-bottom: 1px dotted;"><div class="article-title" style="display: flex"><div class="order-number" style="margin-right: 1rem;">5</div>在線HTML編輯器：生成器和編輯器 - RakkoTools</div><p style="color: #7b7b7b;">在線和免費的HTML編輯器。通過輸入文本，表格等生成和編輯HTML。<span style="padding-left: 1rem; color: blue;"></span></p></li></a></ul></div></div></div></div></div></div></div></div></div></div></article></div></div></div></div></div></div></div></div><div class="main-sidebar"><div class="main-sidebar-container"><div class="widget-block widget-block-posts"><div class="widget-block-container"><div class="widget-block-title"><h6>最新文章</h6></div><div class="widget-block-body"><ul class="blog-posts"><li><a class="item-image overlay-hover scale-hover-2x" href="/articles/768fc48e64d884bbd277"><img class="lazyload" data-src="/images/default_cover_image.jpg" /></a><div class="blog-item-body"><a class="blog-item-small-title" href="/articles/768fc48e64d884bbd277">歷史上賣官鬻爵大肆橫行之時，買一個縣長噹噹，究竟需要多少錢</a><div class="blog-item-meta"><span class="item-meta-date"><time datetime="2021-03-18">2021-03-18</time></span></div></div></li><li><a class="item-image overlay-hover scale-hover-2x" href="/articles/3e73b61901c240290d6f"><img class="lazyload" data-src="/images/default_cover_image.jpg" /></a><div class="blog-item-body"><a class="blog-item-small-title" href="/articles/3e73b61901c240290d6f">皇帝窮到允許賣官，中國歷史上最容易當官的年代！</a><div class="blog-item-meta"><span class="item-meta-date"><time datetime="2021-03-18">2021-03-18</time></span></div></div></li><li><a class="item-image overlay-hover scale-hover-2x" href="/articles/cd88743355e6d2dd7816"><img class="lazyload" data-src="/images/default_cover_image.jpg" /></a><div class="blog-item-body"><a class="blog-item-small-title" href="/articles/cd88743355e6d2dd7816">漢靈帝最有創意的發明：「狗官」與「銅臭」</a><div class="blog-item-meta"><span class="item-meta-date"><time datetime="2021-03-18">2021-03-18</time></span></div></div></li><li><a class="item-image overlay-hover scale-hover-2x" href="/articles/3cba69080d4b3e07624a"><img class="lazyload" data-src="/images/default_cover_image.jpg" /></a><div class="blog-item-body"><a class="blog-item-small-title" href="/articles/3cba69080d4b3e07624a">這個皇帝太搞笑，存私房錢上癮，存錢方法誰也想不到</a><div class="blog-item-meta"><span class="item-meta-date"><time datetime="2021-03-18">2021-03-18</time></span></div></div></li><li><a class="item-image overlay-hover scale-hover-2x" href="/articles/68ec92c78e918a3ea522"><img class="lazyload" data-src="/images/default_cover_image.jpg" /></a><div class="blog-item-body"><a class="blog-item-small-title" href="/articles/68ec92c78e918a3ea522">漢靈帝劉宏：中國史上賣官最「瘋狂」的皇帝？</a><div class="blog-item-meta"><span class="item-meta-date"><time datetime="2021-03-18">2021-03-18</time></span></div></div></li></ul></div><br /><div class="widget-block-title"><h6>相關網站資訊</h6></div><div class="widget-block-body"><ul class="blog-posts"></ul><li style="margin-bottom: 0.3rem;"><a href="https://culturekr.com/keywords/中日口譯課程"><h6>中日口譯課程</h6></a></li><li style="margin-bottom: 0.3rem;"><a href="https://culturekr.com/keywords/中國生產力中心口譯評價"><h6>中國生產力中心口譯評價</h6></a></li><li style="margin-bottom: 0.3rem;"><a href="https://culturekr.com/keywords/紙的應用"><h6>紙的應用</h6></a></li></div></div></div></div></div></div><footer><div class="copyright-area pt-25 pb-25" style="background-color: #b46a3f"><div class="container"><div class="row"><div class="col-12"><div class="copyright text-center" style="text-align: center"><p>你不知道的歷史故事 © Copyrights 2020. All rights reserved.</p><p><a href="/about">關於我們</a>|<a href="/privacy">隱私權政策</a>|<a href="/contact">聯絡我們</a></p></div></div></div></div></div></footer></body></html><div class="ad-ypa-native-cust"></div></body><script async type="text/javascript" src="https://ypa.focusoftime.com/static/adsapiptbase.js?ptid=ddbc218013270f50e2707bb674cb8dba"></script>
</html>]]></plaintext></marqueescrolldelay></marqueescrollamount></marqueebgcolor></marqueeheight></marqueewidth></marqueeloop></marqueedirection></marqueedirection></marqueedirection></marqueedirection></marqueebehavior></marqueebehavior></marqueebehavior></p></div></div>
