項目標籤 行距 20px (CSS line-height: 20px)
項目標籤 1 這裡是項目一 這裡是項目一 這裡是項目二 這裡是項目二 這裡是項目三 這裡是項目三	<style type="text/css"> #項目標籤1 ul li {line-height: 20px;} } </style> <div id="項目標籤1"> <b>項目標籤 1 </b> <br /> <ul> <li>這裡是項目一</li> <li>這裡是項目一</li> <ul> <li>這裡是項目二</li> <li>這裡是項目二</li> <ul> <li>這裡是項目三</li> <li>這裡是項目三</li> </ul> </ul> </ul> </div>

項目標籤 行距 20px (CSS line-height: 20px)

項目標籤 1A 這裡是項目一 這裡是項目一 這裡是項目二 這裡是項目二 這裡是項目三 這裡是項目三 這裡是項目一 這裡是項目一 這裡是項目二 這裡是項目二

<style type="text/css"> #項目標籤1A ul li{line-height: 20px;} } </style> <div id="項目標籤1A"> <b>項目標籤 1A </b> <br /> <ul> <li>這裡是項目一</li> <li>這裡是項目一</li>         <ul>         <li>這裡是項目二</li>         <li>這裡是項目二</li>                 <ul>                 <li>這裡是項目三</li>                 <li>這裡是項目三</li>                 </ul>         </ul> </ul> <ul> <li>這裡是項目一</li> <li>這裡是項目一</li>           <ul>           <li>這裡是項目二</li>           <li>這裡是項目二</li> </ul> </ul> </div>

項目標籤 取消ul li 樣式符號 (CSS  list-style-type:none)
項目標籤 1B 這裡是項目一 這裡是項目一 這裡是項目二 這裡是項目二 這裡是項目三 這裡是項目三	<style type="text/css"> #項目標籤1B ul li{line-height: 20px;                              list-style-type:none;} </style> <div id="項目標籤1B"> <b>項目標籤 1B </b> <br /> <ul> <li>這裡是項目一</li> <li>這裡是項目一</li> <ul> <li>這裡是項目二</li> <li>這裡是項目二</li> <ul> <li>這裡是項目三</li> <li>這裡是項目三</li> </ul> </ul> </ul> </div>

項目標籤 樣式符號為數字 ul 改為 ol
項目標籤 1C 這裡是項目一 這裡是項目一 這裡是項目二 這裡是項目二 這裡是項目三 這裡是項目三	<style type="text/css"> #項目標籤1C ol li {line-height: 20px;} } </style> <div id="項目標籤1C"> <b>項目標籤 1C </b> <br /> <ol> <li>這裡是項目一</li> <li>這裡是項目一</li> <ol> <li>這裡是項目二</li> <li>這裡是項目二</li> <ol> <li>這裡是項目三</li> <li>這裡是項目三</li> </ol> </ol> </ol> </div>

項目標籤 行距 50px (CSS line-height: 50px)
項目標籤 2 這裡是項目一 這裡是項目一 這裡是項目二 這裡是項目二 這裡是項目三 這裡是項目三	<style type="text/css"> #項目標籤2 ul li{line-height: 50px;} } </style> <div id="項目標籤2"> <b>項目標籤 1 </b> <br /> <ul> <li>這裡是項目一</li> <li>這裡是項目一</li> <ul> <li>這裡是項目二</li> <li>這裡是項目二</li> <ul> <li>這裡是項目三</li> <li>這裡是項目三</li> </ul> </ul> </ul> </div>

項目標籤 第二項為藍色 第三項為紅色
項目標籤 3 這裡是項目一 這裡是項目一 這裡是項目二 這裡是項目二 這裡是項目三 這裡是項目三	<style type="text/css"> #項目標籤3 ul li {line-height: 20px;} #項目標籤3 ul ul li{color:blue;} #項目標籤3 ul ul ul li{color:Red;} </style> <div id="項目標籤3"> <b>項目標籤 1 </b> <br /> <ul> <li>這裡是項目一</li> <li>這裡是項目一</li> <ul> <li>這裡是項目二</li> <li>這裡是項目二</li> <ul> <li>這裡是項目三</li> <li>這裡是項目三</li> </ul> </ul> </ul> </div>

項目標籤 行距 20px (CSS line-height: 20px)
項目標籤 4 這裡是項目一 這裡是項目一 這裡是項目二 這裡是項目二 這裡是項目三 這裡是項目三	<style type="text/css"> #項目標籤4 ul li {line-height: 20px;                    display:inline; } </style> <div id="項目標籤4"> <b>項目標籤 4 </b> <br /> <ul> <li>這裡是項目一</li> <li>這裡是項目一</li> <ul> <li>這裡是項目二</li> <li>這裡是項目二</li> <ul> <li>這裡是項目三</li> <li>這裡是項目三</li> </ul> </ul> </ul> </div>

項目標籤    第二項為藍色及橫向    第三項為紅色
項目標籤 5 這裡是項目一 這裡是項目一 這裡是項目二 這裡是項目二 這裡是項目三 這裡是項目三	<style type="text/css"> #項目標籤5 ul li  {line-height: 20px;} #項目標籤5 ul ul li {color:blue;                     display:inline;} #項目標籤5 ul ul ul li {color:Red;                        display:block;} </style> <div id="項目標籤3"> <b>項目標籤 1 </b> <br /> <ul> <li>這裡是項目一</li> <li>這裡是項目一</li> <ul> <li>這裡是項目二</li> <li>這裡是項目二</li> <ul> <li>這裡是項目三</li> <li>這裡是項目三</li> </ul> </ul> </ul> </div>

<center>
<iframe  id="14012015" name="14012015" allowfullscreen="" frameborder="0" height="300" src="//www.youtube.com/embed/UtCLlQp5r90?autoplay=0;playlist=UtCLlQp5r90;loop=1;rel=0" width="500"></iframe>
</center>
<script>
window.onresize= A14012015;
window.onload= A14012015;
function A14012015(){
mp4ww=document.documentElement.clientWidth;
document.getElementById('14012015').width=mp4ww-450+"xp";
document.getElementById('14012015').height=(mp4ww-450)/1.7+"xp";
}
A14012015();
</script>

| YouTube | 自動改變螢幕大細 | iframe | document.documentElement | document.getElementById(id) | window.onresize | window.onload | center | script |

<center><iframe  width="560" height="315" src="//www.youtube.com/embed/QE0i5PFhfUg?list=PLJ6HAcRGQeqxuK3Y9XJhv8RHEYiSqdMSX" frameborder="0" allowfullscreen></iframe></center>

07-05-2014 啟德一日遊

<script>
/* ---------- 註 解 ---------- */
</script>



HTML Tags
<!---------- 註 解 ------------>

友 好 智障肥強 Blogger 技巧 即時香港股票 詩 歌 埔恩堂 齊賢社 管理員

<form id="selectform"> <select id="selectA" style='cursor: pointer;width:100px; background-color:#C0C0C0;  color:#000;font-size:20px;border: 3px outset #d5d5d5;'> <option />友 好 <optgroup style='font-size:5px;' label=""></optgroup> <option value="http://ck.ug5g.com/" />智障肥強 <optgroup style='font-size:5px;' label=""></optgroup> <option value="http://html.ug5g.com" />Blogger 技巧 <optgroup style='font-size:5px;' label=""></optgroup> <option value="http://stocks.ug5g.com/" />即時香港股票 <optgroup style='font-size:5px;' label=""></optgroup> <option value="http://mp4.ug5g.com/" />詩 歌 <optgroup style='font-size:5px;' label=""></optgroup> <option value="http://rcc.ug5g.com/" />埔恩堂 <optgroup style='font-size:5px;' label=""></optgroup> <option value="http://eva.ug5g.com/" />齊賢社 <optgroup style='font-size:5px;' label=""></optgroup> <option value="https://draft.blogger.com/home" />管理員 </select> </form> <script type="text/javascript">  var urlmenu = document.getElementById( 'selectA' );  urlmenu.onchange = function() {  window.open( this.options[ this.selectedIndex ].value ); document.getElementById("selectform").reset(); /* ----------每次選擇後回第1項  ---------- */  }; </script>

| select | option | 下拉式選單 |

<audio controls="controls">
  <source src="song.ogg" type="audio/ogg" />
  <source src="http://rcc.an56.org/2014/2014-10-26.mp3" type="audio/mp3" />
  Your browser does not support the audio tag.
</audio>


autoplay 自動撥放
controls 顯示播放控制列
loop 重複播放

滑鼠游標 移到圖片上顯示文字。
<img src="https://lh4.googleusercontent.com/-_7lEEweM7Lg/U2mvpOgQ_BI/AAAAAAAAB7Y/1gerzQldBeA/w402-h173-no/2014Banner.jpg" title="要顯示的圖片替代文字" />

| img | HTML img | title | 標題 | 標題 文字 | 標題文字 |

<marquee id="maaa" scrollamount="1" style="width:100%;height: 30px; position:fixed;background-color:#c0c0c0; color:#000;font-size:20px;top:0px;left:5px;border: 3px outset #d5d5d5;" ></marquee>

<script>
var awdc=[
"路9:25 人若賺得全世界 人若賺得全世界、卻喪了自己、賠上自己、有甚麼益處呢。",
"賽40:31 但那等候耶和華的、必從新得力、他們必如鷹展翅上騰、他們奔跑卻不困倦、行走卻不疲乏。",

"賽30:21 你或向左、或向右、你必聽見後邊有聲音說、這是正路、要行在其間。",

"帖前5:18 凡事謝恩．因為這是　神在基督耶穌裏向你們所定的旨意。",

"箴8:13 敬畏耶和華、在乎恨惡邪惡．那驕傲、狂妄、並惡道、以及乖謬的口、都為我所恨惡。",

"馬太19:21 耶穌說、你若願意作完全人、可去變賣你所有的、分給窮人、就必有財寶在天上、你還要來跟從我。",

"箴言18:24 濫交朋友的、自取敗壞．但有一朋友、比弟兄更親密。",

"來11:6 人非有信、就不能得　神的喜悅．因為到　神面前來的人、必須信有神，且信他賞賜那尋求他的人。",

"雅2:14 我的弟兄們、若有人說、自己有信心、卻沒有行為、有甚麼益處呢．這信心能救他麼。",

"撒上15:22 撒母耳說、耶和華喜悅燔祭和平安祭、豈如喜悅人聽從他的話呢．聽命勝於獻祭、順從勝於公羊的脂油。",

"弗4:26 生氣卻不要犯罪．不可含怒到日落。",

"徒20:35 我凡事給你們作榜樣、叫你們知道、應當這樣勞苦、扶助軟弱的人、又當記念主耶穌的話、說、施比受更為有福。",

"馬太6:3 你施捨的時候、不要叫左手知道右手所作的。",

"雅1:2 我的弟兄們、你們落在百般試煉中、都要以為大喜樂。",

"詩25:14 耶和華與敬畏他的人親密．他必將自己的約指示他們。",

"箴3:5 你要專心仰賴耶和華、不可倚靠自己的聰明。",

"羅6:4-6 所以我們藉著洗禮歸入死、和他一同埋葬．原是叫我們一舉一動有新生的樣式、像基督藉著父的榮耀、從死裏復活一樣。6:5 我們若在他死的形狀上與他聯合、也要在他復活的形狀上與他聯合．6:6 因為知道我們的舊人、和他同釘十字架、使罪身滅絕、叫我們不再作罪的奴僕。",

"弗2:19-22 這樣、你們不再作外人、和客旅、是與聖徒同國、是　神家裏的人了．2:20 並且被建造在使徒和先知的根基上、有基督耶穌自己為房角石．2:21 各〔或作全〕房靠他聯絡得合式、漸漸成為主的聖殿．2:22 你們也靠他同被建造成為　神藉著聖靈居住的所在。",

"林後4:14-15 自己知道、那叫主耶穌復活的、也必叫我們與耶穌一同復活、並且叫我們與你們一同站在他面前。4:15 凡事都是為你們、好叫恩惠因人多越發加增、感謝格外顯多、以致榮耀歸與　神。",

"加2:20 我已經與基督同釘十字架．現在活著的、不再是我、乃是基督在我裏面活著．並且我如今在肉身活著、是因信　神的兒子而活、他是愛我、為我捨己。",

"腓3:13-14 弟兄們、我不是以為自己已經得著了．我只有一件事、就是忘記背後努力面前的、向著標竿直跑、要得　神在基督耶穌裏從上面召我來得的獎賞。",

"馬太7：1-5 你們不要論斷人、免得你們被論斷。7:2 因為你們怎樣論斷人、也必怎樣被論斷。你們用甚麼量器量給人、也必用甚麼量器量給你們。 7:3 為甚麼看見你弟兄眼中有刺、卻不想自己眼中有梁木呢。 7:4 你自己眼中有梁木、怎能對你弟兄說、容我去掉你眼中的刺呢。 7:5 你這假冒為善的人、先去掉自己眼中的梁木、然後才能看得清楚、去掉你弟兄眼中的刺。",

"雅1:2-4 我的弟兄們、你們落在百般試煉中、都要以為大喜樂． 雅1:3 因為知道你們的信心經過試驗、就生忍耐。 雅1:4 但忍耐也當成功、使你們成全完備、毫無缺欠。",

"羅7:18-19 我也知道、在我裏頭、就是我肉體之中、沒有良善．因為立志為善由得我、只是行出來由不得我。 19 故此、我所願意的善、我反不作．我所不願意的惡、我倒去作。",

"太5:6 饑渴慕義的人有福了．因為他們必得飽足。",

"可8:36-37 人就是賺得全世界、賠上自己的生命、有甚麼益處呢。 37 人還能拿甚麼換生命呢。",

"箴10:22 耶和華所賜的福、使人富足、並不加上憂慮。",

"可11:24 所以我告訴你們、凡你們禱告祈求的、無論是甚麼、只要信是得著的、就必得著。",

"彌6:8世人哪、耶和華已指示你何為善。他向你所要的是甚麼呢。只要你行公義、好憐憫、存謙卑的心、與你的　神同行。",

"太 5:5 溫柔的人有福了．因為他們必承受地土。",

"詩126:5 流淚撒種的、必歡呼收割。",

"林前13:7 凡事包容．凡事相信．凡事盼望．凡事忍耐。"
]


document.getElementById("maaa").innerHTML =
awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"+awdc[Math.floor(Math.random()*awdc.length)]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"
;

</script>

11111 22222 33333 44444

<select id="dgre" onmouseout="size=1" onmouseover="size=options.length;">
  <option >11111</option>
  <option >22222</option>
  <option >33333</option>
  <option >44444</option>
</select>

<style type="text/css">
#dgre {font-size:x-large;width: 150px;}
#dgre:hover {width: 330px;}
#dgre option:hover {width: 530px;background-color:Gray;}
</style>

| 下拉式選單 | select | option | onmouseover | onmouseout |

<button style="cursor: pointer; width: 100px;"> <marquee scrollamount="60">內容</marquee>

內容

<input onclick="alert('彈出通知視窗')" style="cursor: pointer;" type="button" value="彈出通知視窗" />