網路城邦
回本城市首頁 音樂故事
市長: 傻傻  副市長: 小帥哥~女人可以這樣過日子 Nan◎v◎
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市人文藝術音樂【音樂故事】城市/討論區/
討論區必殺絕技教學區 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
貓test
 瀏覽1,064|回應12推薦1

傻傻
等級:8
留言加入好友
文章推薦人 (1)

一隻名叫Iris的貓

依照你提供的原始碼測試~








文 字












<pre style="MARGIN-LEFT: 250px>

回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:http://city.udn.com/forum/trackback.jsp?no=54820&aid=2836788
 回應文章 頁/共2頁 回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁
You are a good teacher.
    回應給: 小帥哥 ~都準備好了嗎?(tomy41) 推薦1


ellen chou 雨僧 無聊
等級:8
留言加入好友

 
文章推薦人 (1)

一隻名叫Iris的貓

How about send a copy to my guest book?
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=54820&aid=2839206
喂…
    回應給: Nan(imymemy) 推薦0


小帥哥~女人可以這樣過日子
等級:8
留言加入好友

 

</p><pre style="MARGIN-LEFT: 250px>

這是誰在提滴…偶素看有那個有靠山滴倫在問

偶才回答滴…那鍋放在結束滴終結的語法

那應該是無用滴啦!

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=54820&aid=2838671
@@
    回應給: 小帥哥 ~都準備好了嗎?(tomy41) 推薦0


一隻名叫Iris的貓
等級:8
留言加入好友

 

"貓"還只有幼幼班的資質~~看不懂這麼複雜的語法,

還是要謝謝"小帥哥"~~努力提升大家的水準!!

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=54820&aid=2838581
偶眼花了
    回應給: 小帥哥 ~都準備好了嗎?(tomy41) 推薦1


Nan
等級:8
留言加入好友

 
文章推薦人 (1)

一隻名叫Iris的貓

頭也痛了...

(((偶頭鑽到地底下企了....)))))

偶學那些做啥?

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=54820&aid=2838410
<pre style="MARGIN-LEFT: 250px>
    回應給: Nan(imymemy) 推薦0


小帥哥~女人可以這樣過日子
等級:8
留言加入好友

 

<pre style="MARGIN-LEFT: 250px>

pre style 這個pre在上面滴語法裡有就素依原先排列方式

style在前面的語法裡好像給它找迷有

它素在網頁設計裡的CSS裡才有這個字 常聽到粉多倫都費說成絲泰勒 俗俗滴說

風格吧…

= 這個素小學算術裡有鞋到滴 就是前面排列風格素後面那些豆芽菜要在瀏覽器能讀出來的效果

MARGIN-LEFT: 250px MARGIN素邊沿LEFT是左邊 250PX素250像素

250像素偶棉能懂的就素8.82公分滴長

全句就素排列滴方式給它依邊沿往左八點八二公分滴意思

至於CSS是啥咪碗糕就要企谷哥哥那裡找更多的知識了

大略是這樣說滴啦

 

CSS是什麼?

Style SheetsW3C組織於1996年公佈的Csacading Style Sheets Level 1 (CSS1) 所發展出來的,中文翻譯名稱多譯為『網際排版』。Style Sheets是一群體定義的集合,能夠讓網頁製作者自行定義文件中編排的方式,例如文字字體、字距、行距、大小等。讓段落文字在瀏覽器中能有更整齊、美觀的形式表現出來。而在IE4.0Netscape4.0以後的版本都有支援這種排版的方式。

CSS和以前HTML3.0的語法有什麼不同呢?除了宣告方式有一點不同外,其它都沒有什麼不一樣,不過CSS的功能比HTML3.0強大了許多,也包含在HTML4.0的定義中。以下簡短地介紹CSS的使用方式。

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=54820&aid=2837973
哇!小帥哥...
    回應給: 小帥哥 ~都準備好了嗎?(tomy41) 推薦1


yen905
等級:
留言加入好友

 
文章推薦人 (1)

一隻名叫Iris的貓

你是要叫我們考語法研究所嗎?

一下子你就找出這麼多的語法解說...

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=54820&aid=2837969
無心插柳不只柳出來有時會還冒出玫瑰花來
    回應給: Nan(imymemy) 推薦0


小帥哥~女人可以這樣過日子
等級:8
留言加入好友

 

a標籤 , 屬性名稱 , 簡介
<! - - ... - -> 批註
<!> 跑馬燈
<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=9>水平線(設定大小)
<hr width=80%>水平線(設定寬度)
<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=180>設定圖片寬度
<img src=圖片位址 height=30>設定圖片高度
<img src=圖片位址 alt=提示文字>設定圖片提示文字
<img src=圖片位址 border=1>設定圖片邊框
<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 被連結點的名稱
<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 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> 用於顯示變數

  • 上述那些不太容易懂的豆芽菜找了對岸滴教學再翻譯成繁體文給大家參考

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=54820&aid=2837913
當初貓&隱者貼出來時
    回應給: yenn(yen905) 推薦1


Nan
等級:8
留言加入好友

 
文章推薦人 (1)

一隻名叫Iris的貓

我有在這裡用預覽的方式看是OK的,但是拿到網誌上去測試時,就跟貓&隱者的網誌一樣,後來我試著將圖下面多的(br)拿掉,不但圖沒變化,還會出現<pre style="MARGIN-LEFT: 250px>字樣,就覺得很奇怪?為何這組語法沒作用還顯現出來,後來試著將它拿掉,圖竟然就完美無缺了,這期時是無心插柳的發現.

我是不會寫語法,但是我有耐心跟興趣將語法拆開來研究,有時候就會出現意想不到的組合,例如我那篇【如果雲知道】就是無意間弄出來的...

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=54820&aid=2837878
問題還是有一點...
推薦2


yen905
等級:
留言加入好友

 
文章推薦人 (2)

Nan
一隻名叫Iris的貓

傻傻和Nan的語法呈現出來的畫面有點不太一樣,

傻傻的語法圖背景下面有多出一些,

Nan的是完整版,

因傻傻的語法沒刪掉這串語法

<pre style="MARGIN-LEFT: 250px>

貓&隱者的問題--不太一樣...

他的問題是出現整個背景圖跑出來玩的情況..

*****************

我有時copy別人的語法會碰到像貓&隱者的問題,

解決方法(需在<>下語法做修改才有用)

重新再打第一個width的數字即可,

這問題我碰上很多次,用這方法都可解決...

為什麼會這樣,我不知道真正的原因,

因語法本身的設計都沒有問題,

Po到別的網誌也不會發生這問題,

所以我想應是城邦解讀語法的功能會有異所影響的吧!

可是有些人copy會,有些人不會,那問題應不在人的身上..

.重點原則是語法沒寫錯喔!

本文於 修改第 3 次
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=54820&aid=2837329
謝謝~~
推薦0


一隻名叫Iris的貓
等級:8
留言加入好友

 

呵呵~~真的變成想要的樣子囉!!

謝謝"傻傻"、"Nan"、"yenn"、"小帥哥"、..........

看來~~還要多來讀文才能榮升小學部!!

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=54820&aid=2837038
頁/共2頁 回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁