✍ 📁 🙈 🙉 🙊

2020年1月20日星期一

HTML fieldset 標簽
<fieldset> 標簽會在相關表單元素周圍繪制邊框

<fieldset>
<legend>黃金ＥＴＦ</legend><pre>
02840.HK SPDR 金 83168.HK 恆生人幣金ETF
03081.HK 價值黃金 09081.HK 價值黃金－U
83081.HK 價值黃金－R
</pre></fieldset>

黃金ＥＴＦ


   02840.HK  SPDR 金         83168.HK 恆生人幣金ETF
   03081.HK  價值黃金         09081.HK  價值黃金－U
   83081.HK  價值黃金－R

<fieldset>
<legend style="text-align: center;color:red" >黃金ＥＴＦ</legend><pre>
02840.HK SPDR 金 83168.HK 恆生人幣金ETF
03081.HK 價值黃金 09081.HK 價值黃金－U
83081.HK 價值黃金－R
</pre></fieldset>

黃金ＥＴＦ


   02840.HK  SPDR 金         83168.HK 恆生人幣金ETF
   03081.HK  價值黃金         09081.HK  價值黃金－U
   83081.HK  價值黃金－R

#html <fieldset>#html <legend>#html 圍繪邊框

2020年1月15日星期三

HTML5 Audio(音頻)

<div class="Ado" id="audio22" title="mp3 來自 贊美詩網 網頁https://www.zanmeishi.com/"> <input type="range" step="1" min="0" max="100"  onmouseup="RangeChange(this.value)"  onmousedown="audio2.pause()"  style="width:200px;"  /> <input style = "width: 150px;background-color: #888;height:20px;font-size: 16px;"/><br /><img  onclick="audio2.load()" /><img  onclick="audio2.play()" /><img  onclick="audio2.pause()" /><br />  <img onclick="FvolU()"/><nowrap style="font-size: 16px;width: 25px;" >kk</nowrap><img  onclick="Fvold();" /> <img onclick="audio2.volume = 0 ;DDp();" /><img  onclick="FItemsL()"/><img  onclick="FItemsA()"/> <select id="selectSort" onchange="audio2.src=this.value;audio2.play() " style="width:200px;background-color: #888;cursor:pointer;font-size: 16px ">     <option value="https://api.zanmeishi.com/song/p/6600.mp3" /> 為何對我這麼好    <option value="https://api.zanmeishi.com/song/p/6601.mp3" /> 你名何其美   <option value="https://api.zanmeishi.com/song/p/6602.mp3" /> 親密的朋友    <option value="https://api.zanmeishi.com/song/p/6603.mp3" /> 自由   <option value="https://api.zanmeishi.com/song/p/6604.mp3" /> 打開黑暗的角落   <option value="https://api.zanmeishi.com/song/p/6605.mp3" /> 榮耀歸神,平安給人   <option value="https://api.zanmeishi.com/song/p/6606.mp3" /> 水火    <option value="https://api.zanmeishi.com/song/p/6607.mp3" /> 我一生    <option value="https://api.zanmeishi.com/song/p/6608.mp3" /> 給你真平安    <option value="https://api.zanmeishi.com/song/p/6609.mp3" /> 放手交給他   <option value="https://api.zanmeishi.com/song/p/6610.mp3" /> 新天地    </select> <div id="tttt" style="font-size: 16px" >tt</div>  </div><script> var Bplay = "https://2.bp.blogspot.com/-DWiUXD-LKOw/XiKzS7Vrr2I/AAAAAAAALj4/d8ok5wiSNYEmzWYo1N_ZQKXbfPzK8ClWwCKgBGAsYHg/s200/01.jpg" ; var Bstop = "https://4.bp.blogspot.com/-FiXXZ_dT-_s/XiKzS8JwPmI/AAAAAAAALj4/3i73jv2KD5cIIB3vjAqWC1y45gakWlYnQCKgBGAsYHg/s200/03.jpg" ; var Bpause = "https://2.bp.blogspot.com/-kOPiTYMNXTU/XiKzSxrPnoI/AAAAAAAALj4/1kKMblLOxtMtE5VWfnqiqB_yql5NatzzwCKgBGAsYHg/s200/02.jpg" ; var QUP ="https://3.bp.blogspot.com/-uXyC1W8zKRk/XiKzS4aenOI/AAAAAAAALj4/xIno4RbY1pAJpWD_cAHF1z1ZaKsS4rlGACKgBGAsYHg/s200/09.jpg"; var QDW = "https://1.bp.blogspot.com/-POAVe-StFDU/XiKzS7c7yNI/AAAAAAAALj4/YxFSmsY3DEY6x495l1Gdd8XllbFlVwNbQCKgBGAsYHg/s200/08.jpg"; var VLU ="https://2.bp.blogspot.com/-rKJ3oa9ENAU/XiKzS4T7JrI/AAAAAAAALj4/Kt27Y5bLUOgqEtcRS2doFcIW0LoluSlEACKgBGAsYHg/s200/19.jpg"; var VLD ="https://4.bp.blogspot.com/-YO0PKgfj2K0/XiKzSziDoZI/AAAAAAAALj4/xd-hBQX9bNgCHtOXOzS1S35u6Q45D6iawCKgBGAsYHg/s200/20.jpg"; var VLM ="https://3.bp.blogspot.com/-NfCYoBAcA4Q/XiKzS-M3iXI/AAAAAAAALj4/rvsrulxZFaAxlD5uN1c2Ra2UajvsO_vjQCKgBGAsYHg/s200/17.jpg";  var PG = 1; var audio2 = new Audio(); var TTm= document.getElementById("tttt"); var Nname = audio22.children ; audio2.src = Nname[13].options[0].value;   audio2.onloadeddata = function(){DDp() };   function DDp(){            Nname[1].value = sToTime(audio2.duration)+" / " +            sToTime(audio2.currentTime) ;  TTm.innerHTML=Nname[13].options.length+"/"+(Nname[13].selectedIndex+1 ) ;          if( audio2.ended == 1){FItemsA()} ;              Nname[3].src = Bstop ;            Nname[4].src = Bplay ;            Nname[5].src = Bpause ;            Nname[11].src = QUP ;            Nname[12].src = QDW  ;            Nname[7].src = VLU;            Nname[9].src = VLD;            Nname[10].src = VLM;             Nname[0].value = audio2.currentTime;             Nname[0].max= audio2.duration;              Nname[8].innerHTML= Math.floor(audio2.volume * 10) ; }    audio2.addEventListener("timeupdate", function(){ DDp()  });  function RangeChange(x){ audio2.currentTime=x;audio2.play();  }  function FvolU(){audio2.volume = audio2.volume + 0.1 ;                  if(audio2.volume >0.9){audio2.volume=1};                  DDp();}  function Fvold(){audio2.volume = audio2.volume - 0.1 ;                  DDp();}  function FItemsL(){Nname[13].selectedIndex--;        if(Nname[13].selectedIndex == -1)             {Nname[13].selectedIndex=Nname[13].options.length-1};         audio2.src = Nname[13].options[Nname[13].selectedIndex].value;          audio2.load();audio2.play() ; }  function FItemsA(){Nname[13].selectedIndex++;        if(Nname[13].selectedIndex == -1)             {Nname[13].selectedIndex=0};         audio2.src = Nname[13].options[Nname[13].selectedIndex].value;          audio2.load();audio2.play() ; }  function sToTime(t) {   return padZero(parseInt((t / (60 * 60)) % 24)) + ":" +          padZero(parseInt((t / (60)) % 60)) + ":" +           padZero(parseInt((t) % 60)); }  function padZero(v) {  return (v < 10) ? "0" + v : v;}   </script> <style> #audio22 img   {width: 20px;height:16px;border: 1px outset                  gray;cursor:pointer; }  #audio22 {text-align: center;vertical-align: middle;width: 200px;height:150px; background-color: #888;padding:8px 8px;border-radius: 20px 20px 20px 20px;box-shadow: 15px 15px 10px 0px rgba(20%,20%,40%,0.6);} </style>

<audio  controls="controls" id="myVideo">    <source src="" type="audio/ogg"></source>    <source src="http://219.76.13.186/mp32.9ku.com/upload/128/2018/02/24/876049.mp3" type="audio/mpeg">    </source>    Your browser does not support the audio element. </audio> <br><input class="Bt" onclick="vid.play(); " type="button" value="play"  /><input class="Bt" onclick="vid.pause();" type="button" value="pause" /><input class="Bt" onclick="vid.load(); " type="button" value="stop"  /><input class="Bt" onclick="FMute(); " type="button" value="Mute sound"  style="width: 130px;" /><input class="Bt" onclick="Floop(); " type="button" value="Enable loop"  style="width: 130px;" /><br><input class="Bt" onclick="FvolU(); " type="button" value="vol +"  style="width: 130px;" /><input class="Bt" onclick="FvolD(); " type="button" value="vol -"  style="width: 120px;" /><input class="Bt" disabled type="button" value="j"  style="width: 120px;" /><br><input class="Bt" onclick="Rate(1); " type="button" value="x1"  /><input class="Bt" onclick="Rate(2); " type="button" value="x2"  /><input class="Bt" onclick="Rate(5); " type="button" value="x5"  /><br><input class="Bt" onclick="Rate(0.5); " type="button" value="0.5"  /><input class="Bt" onclick="Rate(0.1); " type="button" value="0.1"  /> <div class="Dp"></div><div class="Dp"></div><div class="Dp"></div><div class="Dp"></div> <script>var vid = document.getElementById("myVideo"); xx = document.querySelectorAll(".DP") xxx = document.querySelectorAll(".Bt")  vid.onloadeddata = function(){    xx[0].innerHTML = "vid.duration   : " + sToTime(vid.duration) +        " ( " + vid.duration + " seconds)";    xx[1].innerHTML = "vid.currentTime: " + sToTime(vid.currentTime)+        "( " + vid.currentTime + " seconds)";    xx[2].innerHTML = "vid.currentSrc : " + vid.currentSrc;    xx[3].innerHTML = "vid.ended: " + vid.ended;    xxx[7].value = Math.floor(vid.volume * 10);  }  vid.addEventListener("timeupdate", function(){      xx[1].innerHTML = "vid.currentTime: " + sToTime(vid.currentTime)+        "( " + vid.currentTime + " seconds)";      xx[3].innerHTML = "vid.ended: " + vid.ended;      xxx[7].value = Math.floor(vid.volume * 10); });  function FMute() {   if(vid.muted == 0){xxx[3].value="Enable sound";vid.muted = 1 }                else {xxx[3].value="Mute sound";vid.muted = 0 } }  function Floop() { if(vid.loop == 0) {xxx[4].value="Disable loop";vid.loop = 1}              else {xxx[4].value="Enable loop" ;vid.loop = 0} }  function FvolU() {    if(vid.volume < 1 ){vid.volume = vid.volume + 0.1}    xxx[7].value = Math.floor(vid.volume * 10); }  function FvolD() {   if(vid.volume > 0.1 ){vid.volume = vid.volume - 0.1}    xxx[7].value = Math.floor(vid.volume * 10); }  function Rate(t) {       x = vid.currentTime;       vid.defaultPlaybackRate = t ;       vid.load();       vid.currentTime = x;       vid.play() }   function sToTime(t) {   return padZero(parseInt((t / (60 * 60)) % 24)) + ":" +          padZero(parseInt((t / (60)) % 60)) + ":" +           padZero(parseInt((t) % 60)); }  function padZero(v) {  return (v < 10) ? "0" + v : v;}   </script> <style>.Dp{font-size: 20px ;} .Bt{font-size: 20px ;} </style>

實例	<audio id="myVideo" controls="controls" 屬性="值" > <source src="xxx.ogg" type="audio/ogg" /> <source src="xxx.mp3" type="audio/mpeg" /> Your browser does not support the audio element. </audio>
方法	描述
addTextTrack()	向音頻添加新的文本軌道。
canPlayType()	檢查瀏覽器是否能夠播放指定的音頻類型。
fastSeek()	在音頻播放器中指定播放時間。
getStartDate()	返回新的 Date 對像，表示當前時間線偏移量。
load()	重新加載音頻元素。
play()	開始播放音頻。
pause()	暫停當前播放的音頻。

屬性	描述
audioTracks	返回表示可用音頻軌道的 AudioTrackList 對像。
autoplay	設置或返回是否在就緒（加載完成）後隨即播放音頻。
buffered	返回表示音頻已緩衝部分的 TimeRanges 對像。
controller	返回表示音頻當前媒體控制器的 MediaController 對像。
controls	設置或返回音頻是否應該顯示控件（比如播放/暫停等）。
crossOrigin	設置或返回音頻的 CORS 設置。
currentSrc	返回當前音頻的 URL。
currentTime	設置或返回音頻中的當前播放位置（以秒計）。
defaultMuted	設置或返回音頻默認是否靜音。
defaultPlaybackRate	設置或返回音頻的默認播放速度。
duration	返回音頻的長度（以秒計）。
ended	返回音頻的播放是否已結束。
error	返回表示音頻錯誤狀態的 MediaError 對像。
loop	設置或返回音頻是否應在結束時再次播放。
mediaGroup	設置或返回音頻所屬媒介組合的名稱。
muted	設置或返回是否關閉聲音。
networkState	返回音頻的當前網絡狀態。
paused	設置或返回音頻是否暫停。
playbackRate	設置或返回音頻播放的速度。
played	返回表示音頻已播放部分的 TimeRanges 對像。
preload	設置或返回音頻的 preload 屬性的值。
readyState	返回音頻當前的就緒狀態。
seekable	返回表示音頻可尋址部分的 TimeRanges 對像。
seeking	返回用戶當前是否正在音頻中進行查找。
src	設置或返回音頻的 src 屬性的值。
textTracks	返回表示可用文本軌道的 TextTrackList 對像。
volume	設置或返回音頻的音量。

#html audio #script audio

HTML audio 音频

2019年4月9日星期二

age calculator 計算年齡

input age : 
<input type="text" id="iputD" value="YYYY/MM/DD" onmouseover="this.select()" onchange="agge()">
   <div id="ageDP">
</div>

2019年4月8日星期一

aastocks

if(fullE.requestFullscreen) { fullE.requestFullscreen();   } else
if(fullE.mozRequestFullScreen) { fullE.mozRequestFullScreen();   } else
if(fullE.webkitRequestFullscreen) { fullE.webkitRequestFullscreen();   } else
if(fullE.msRequestFullscreen) {  fullE.msRequestFullscreen();   }
}
}

function CCplay(x){
xx = x.parentElement.children;
var imgsrc1 ="http://charts.aastocks.com/servlet/Charts?fontsize=12&15MinDelay=T&lang=1&titlestyle=1&vol=1&Indicator=1&indpara1=10&indpara2=20&indpara3=50&indpara4=100&indpara5=250&subChart1=3&ref1para1=12&ref1para2=26&ref1para3=9&scheme=1&com=100&chartwidth=673&chartheight=480&stockid=";
imgsrc1 += xx.item(4).innerHTML;
imgsrc1 += "&period=";
imgsrc1 += xx.item(5).innerHTML;
imgsrc1 += "&type=1&logoStyle=1&";
xx.item(1).src =imgsrc1 ;
xx.item(3).select();
}

#MS123456 select{ display:none ;background-color: silver; border: 3px outset #d5d5d5; color: black; cursor: pointer; font-size:18px; width:100px; height:30px; position:fixed; top:25px; left:480px;z-index:2222}

#MS123456 .input1234{display:none ;font-size:18px; width:100px; height:30px; position:fixed; top:25px; left:580px;z-index:2222 }

#MS123456:-webkit-full-screen  img {width:100%;max-width:100%;max-height:100%;position:fixed;left:0;top:0;cursor:zoom-out}
#MS123456:-moz-full-screen     img {width:100%;max-width:100%;max-height:100%;position:fixed;left:0;top:0;cursor:zoom-out}
#MS123456:-ms-fullscreen       img {width:100%;max-width:100%;max-height:100%;position:fixed;left:0;top:0;cursor:zoom-out}
#MS123456:fullscreen           img {width:100%;max-width:100%;max-height:100%;position:fixed;left:0;top:0;cursor:zoom-out}
#MS123456:-webkit-full-screen  select {display:block}
#MS123456:-moz-full-screen     select {display:block}
#MS123456:-ms-fullscreen       select {display:block}
#MS123456:fullscreen           select {display:block}
#MS123456:-webkit-full-screen  .inputclose {display:block}
#MS123456:-moz-full-screen     .inputclose {display:block}
#MS123456:-ms-fullscreen       .inputclose {display:block}
#MS123456:fullscreen           .inputclose {display:block}
#MS123456:-webkit-full-screen  .input1234{display:block}
#MS123456:-moz-full-screen     .input1234{display:block}
#MS123456:-ms-fullscreen       .input1234{display:block}
#MS123456:fullscreen           .input1234{display:block}
</style>

2019年3月28日星期四

jquery get css

function DPcss(){
  var ccsDt = new Array();
  var styleProps = $( "#box1" ).css(["width", "height", "background-size", 
              "background-position", "background-repeat" ,"background-color" ,"font-size"  ]);

$.each( styleProps, function( prop, value ) {
    ccsDt .push( prop + ": " + value );  });

var DP = "CSS {"
     DP +=  ccsDt .join( "<br>           " );
     DP += " }" ;

$( "#box1" ).html( DP );
};
</script>

2019年3月27日星期三

function DPcss(){
var txt = "<div style='font-size:20px ;'>"
    txt+=  '<pre> CSS {  width: 95%; height: 95%;</pre>' ;
    txt+=  '<pre>\tbackground-image: url("http://xxx.com/xxx.jpg");  /*背景圖案*/</pre>' ;
    txt+=  '<pre>\tbackground-size: contain;      /*底圖依照區塊的大小縮放到區塊中*/</pre>' ; 
    txt+=  '<pre>\tbackground-position: center;   /*置中*/</pre>' ; 
    txt+=  '<pre>\tbackground-repeat: no-repeat;  /*背景圖案不重複*/;</pre>' ; 
    txt+=  '<pre>\tbackground-color:#CCCCCC;      /*背景的顏色*/ </pre>' ; 
    txt+=  '</div>';
  $( "#divCSS" ).html( txt );
}

</script>

2019年3月22日星期五

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGzu6Uujzf50jYBOZcNAmd2fvNHwpnixIS7tLOXGw90X0oYXsBZZMSrgRyJ34jLISlfxP5DKudXDIJ-7n-g_FAtVzzKbpoqFsH5OdPZ23iC22GWE6k4-ug8pWrnvM7G8AGKMudXJahUCWb/s320/20190213_Jenny_60age_015.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5DGOWO4OsM8xwLO9hA9TIsu9G7UtuEgTyGx7XH2_DP7SeMgalyp4xstuc3tnfcrhuCpwy2FPY4E6MEvparlKdlnImzHAemgA5Bm3e75Xl1IffHJQ_-DPM5O2OA3auYUb_dxAjQcea1Ttz/s320/20190213_Jenny_60age_013.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1km6m_JYydA8gRspb3GcIwA6P89eCiFCWuIkMq4DJk7BNks0KxEKVBTeOsPDM5CXyPo1GFDJVrXgNRMNvT8gFhxQkeayO9_yB_6dqLF53pFUMjDTWg3aE6isRK_5kNYeDWyjJctmVpaAi/s320/20190213_Jenny_60age_014.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaVFFPoBJDPhXp6ezzstKnZ72VlHJWHL_sWL69A6EHEPSrXMmBEk7LTuMqVxAUD0IgVdIAJOH2m8QCSwl6gCJR5PY_JxMYPbWjnumbdazCBLP0irE3EmzHf4HscjSMe7yetaTzm-q1KHsv/s320/20190213_Jenny_60age_019.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgavdoC8DWLIIs68QSnBOl7U67nKwIfz64qTQ46SsT9L3g-bX2vzjL8UJhPbiq2_PO3dx_PXQVwP_xNQIUEN3b35KNWpcL6rbpcgQQW61ypW4h8yHODwgqpxqVOrmaDCCc8E0BJ0Nv-ZPBn/s320/20190213_Jenny_60age_017.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbQsXQbXgvWpQ-PFehBaEF0tz5qubYQK3819zq6a-EgWAB_dPCJj1QOoJP0U0LbPBm0Net-ExMCS6hNsCoKT6T5AsPYzXBnj3RVTM7ns3-4N3lU2PvXV3D-5vztezS5pq_O4lQLtgHdGru/s320/20190213_Jenny_60age_020.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5OU9vv4THgmEVaYoA36DCARuHbk8vXVi6_jSSWWttqOE7g_KV9_xhBX1pNX1bsCyVQo7IgLtOJEscf2S6qvRdVgIuj4btyDfCfN0UJFteeSpjEm8cB6PGTCc_JeOtSGB2ai6R77UefCrp/s320/20190213_Jenny_60age_018.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicoRguuavIZvHy9iYOm02xXLjgsA2BbPcF5tyEeaNw7YSlrYmJPqScyC4RU38gQzudBKobZ3GLqAYdGUoZxKW7ZdHcFIREIGYQ3s3avrYmYTkV7ic2Y9kAatS5zQZcTVls8ixBny8DZqkY/s320/20190213_Jenny_60age_016.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0GDl_BLQom08N_2F_Nb8VH233hKXJEPNQfENpJ0xWryYIOCogT_zLluQqTzalCMQjTT2pRUXJu87fW7M9bW-RRLfnn6QT0U3kTm7hcUjGHVE3Vtsw0B4swm2EXY2EGmAQlk5XAlAHBYX3/s320/20190213_Jenny_60age_021.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQEI5KcGb_wdvEUW5NkmAo1ic3I6IrzHR12sjgTrEJ1faBtQ04xWWPgwMydGmdeJvvpma8CZmL-xE0VtKqSvV0VZFFgLyw2WpcTk4ZnbEe8p_HBIBj3vXODVDM0l_RA7sYXkOL5nr50B_x/s320/20190213_Jenny_60age_025.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYHI1a7veV4RiWCSEJEZHocslxJ3K7s6oRN3tBAeuwaxHWCc31M1qG_TTP_7T8T1kDYBxxsmbs4oSNlzEp7zSMu4JeuFDcR3fLbeEBF7Vqh4WhGKshmAltAu1Zw2CRKnIN3RXE5VlxLq1N/s320/20190213_Jenny_60age_027.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYrO-hkQVDXl3CVwbv1pzNthXTiiwQM_RrWpi7gqpDHrsVxmkxUryGkPrDXMoxNN6qXiPIEpmCBB4XFb0RC-4pjG6FT5_1KZmwq4pvE7Sa_GO-mB3AzLn_sdCYJQa7EX381k_R8Om6L9bN/s320/20190213_Jenny_60age_022.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivtU-Ql8jTNc0u8Rjvp7edLGkA-MkpzbazP03quJDD9Yi_d7vl4qxyKjOS-uOGU6tZ8XQibo5Fc5BJOZoJP8fI3iRKfrT7DobIWUFSp7CAHEfJEFycNpctPXjzB5OYhh47lYX4CdIl5zcz/s320/20190213_Jenny_60age_024.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3KVJT_r9U_Jm_TYdDjA5PToOWyYEbYUwmWVN9RnLfSdqk5kKjmK1DQz3P6eiDtLD_tcfTtu5bOu0GFK9oNT68YmOf0MxiUChE0Vr4ac_kWx0FEmZnyL6IoTCcDVMpZ2bpEPiLPGrtE1NA/s320/20190213_Jenny_60age_026.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW0CW4w5wFA8ehsRcINXrmfaAIPJK9RXcqs6Rz0M6mnPE8wNB-q-I8094NQfgA_Ve0TZTDR-A25EoiAJjnX155Tk6ffiF-tkPswd1ur6xrkCBKf6_YphsWGX_mqP9fvc5mtSvMi9fl84ZB/s320/20190213_Jenny_60age_023.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwBQuVJvmU7gCE4LJTr_XQslM8fyrDD4Sw7SQUpRdpKxkxzZekZMm1O3xV0WwWBIjLNt_rqNqOJFaaq7l0vVpKAGQtS05eqcrwzypehBC5iwcc-ceL4k_Y8O2CJvDK8u8TY6-N2-ajEQy0/s320/20190213_Jenny_60age_030.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCSZFrR5waY8aysDl2SsYDQMVlQ3M3e3Hn4seWxlWSTZSsZwBY_JXIl0vWarjGBPp_NPmXX7fENgdc_uIySqMeDm5yZ7KNC0zRU9qJODQdn3U4gCnxaFayyoUHAznYJHUd0jnex9JZXZq_/s320/20190213_Jenny_60age_029.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhINjtc0qUTjC8VVXrNFLVMdkujAVHGFon4F9WbPln0-PdeZkc-5raL2558jfQjsblyTjaZ_djsNNRqhwlziUYlXSRDxSAkIfbb3upGChLnKYYjLJZTZ-HxVMS1z7MqKvsUqEImP5VVvXax/s320/20190213_Jenny_60age_031.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrLPL30rqAoFaUzkTRNlGCCmPpfSPI8_tHgOsBPhPyVbbbd-Hza0cFmvAB7JRJIFrktKhZ42kgEsNXq7h6hCSgUVTGJgbSW28jclmnblJ6LIKbcYV0sCf2Q1zGNNPV2W-3y3UJrAMjXkX0/s320/20190213_Jenny_60age_028.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCzOKooqvrRQGbLU5LZPleomJozqMmnLup9Ni0DdBJwVv4J0ouS8-POnvnJnE7F5gcSsjIMeaJBbCX0MxKi_t1SHLARzAU6imXwMWT6yCK07zO8vFfUgb7zufEGdr2-deRZVShdoDScgq5/s320/20190213_Jenny_60age_033.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0ozEZ0Zc3b1v827cvuWmp0csjjgsVxZMC-AoEXaxBWyuG6MjLRSU6qzsinQKD-ijuXJlbmrlXNbtHPP-w5tudtThZteXn81jDVMayHzpoBfUgTLRcFY76guexOIRN86HnSwAJXFwKouEc/s320/20190213_Jenny_60age_032.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzEixPHzuQuuSHW20V4A1J0SMu7ktgdIFl18qs67d_BZtbkBPnKoIN9J2eNdUqxWMEhBqPNk5vppu0OyWNo6Qg6REdDl_V3jEnB8UCFcAmp4z1EZJEMDkLcas7WTR9qti_G2pUCPQSvjmW/s320/20190213_Jenny_60age_006.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIADZvEJYW-b18VOnvU174FVL2MMLelrn6koJoqdtXfw1-n2PvTu0ONE2GVjY8vbvndrTCxxFEtJOQFIg6GehwY_qLwbIN34-bIq6OZOGawIGe3tOEoGrzWWGP0NRuMaaC46A7cOFwqc_w/s320/20190213_Jenny_60age_004.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4trT2wxvEiCKC2_2WtXMHIFNAaJn_kdRpC1M_lTYln9nurIuUWvj9y_8lmDuEZYWO3gADiz0mv8VctNLxzcyiyv64-kSww1rV40LE3Nv1A06-OOfaZvZM9dhyphenhyphenZzp43_vkQrAbFZIu2wFf/s320/20190213_Jenny_60age_007.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcxN5eqoW3AeiO5Shdw8kOnoosG2VFzlaDRJ9RLMfhMbBRPYYEJ5S5qnLuptn0tEzYSPyhqSY_H57LT02Xyq1BwGQRO2TuYE-RAoLoOtGcGomXoiVoSZcnA4TrSynq7hevNwWyPke8AXES/s320/20190213_Jenny_60age_005.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP7nwCCDnfqwPVrvaNFkCjCOArgceSBs7Evepj3hyphenhyphenMILqbaJWtusmtj3LRXYa7crTXdVllOU89NgFxm-nvmbufr1wFTtP5bzdXBqSAvH_d5e1BkJ_BFYxshNnB1559e1vosb_-WF9txotb/s320/20190213_Jenny_60age_012.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuVXNQyxtbAmxoBd71eHiYNTG_X-nQTe0zTF2RMjpYa0C-qTkpNtniHY_mxAzOdEaBbHjhf9c0XlyFRp75GoTl1glUli7oi_qJEBoxmwI2NE8pyFANjlrSIr6wkW1X5xD2FJ1DnydU9idw/s320/20190213_Jenny_60age_011.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwvkqKPWP9OMRMdl7ejKUKcdPFaCSrvhz5_Ok7NKOt8twwoG8rs5gFIN13T7fqmolp2b8Mj5nYLLwTuGBo0PWYYmgsHk3KUDBy1F40PMVmjevlUohD29MI11wbnFXXyZ4FiQimWI6yeaVt/s320/20190213_Jenny_60age_010.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5bcxbuN0UGmyeblKgfsxMXcYbQ4uOgyquRCXJGAB90jTwMMK4RUqSOhPaipr-odhOfILYY9H79Xk6ukAn1cKUaPagpAEkqDC2Emor2IBa12-Baqwoyw-aSGVz-dmzWPP_iHhEpqzPhiqY/s320/20190213_Jenny_60age_008.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilel6xrfStjTObhqUK59TqjBYA-k-Ugx4Ulk3pmVTMRSQoB_BuDayBmcjacOjV2GqEsT_u5orcu7XOMteVyDFUlFi4gUN2Wdn24tD4vO2QEuMvb77YXs5Wo_YJHfcXWADNtFf4f1n7vtw5/s320/20190213_Jenny_60age_003.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN78KoaVBOc3-_5QtdljR4W266-ohVNaQN7JSfomLHHjafhTajfNgiLJ7aZQc7vrmNpOVEBqQb7sVyxKBXqSxNiHe2144q8UzSazuz5knzlJyC6sJr464OGN8abuD19eeyfAkI9buLPEak/s320/20190213_Jenny_60age_009.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgciJbp0zzwAxpRq2bFQIqvatHAwG649UgPS8qQBgXqBpXpFxlrkv561QsqDzPFXcUffWNE4jAPnJ7NlySPhebbEpQ2p5crM1BGhdP0ag194DvD_IUZohxEK0ahG4QqwlHyR12bPlXXZIPZ/s320/20190213_Jenny_60age_001.jpg

2019年1月27日星期日

Google 雲端試算表－建立免費雲端資料庫
第一步建立 Google 試算表

前往 Google 雲端硬盤按 [新增] [試算表] 建立一個日後儲存資料用試算表，試算表第一行為資料欄名，第二行對下資料內容。當然你有 Google 戶口，如無按建立帳戶。
建立試算表之後，記得按 [檔案] [發佈到網絡] [發佈] ，之後試算表可以供網絡日後讀取 / 存入資料。
本例子我建立試算表供參考 : https://docs.google.com/spreadsheets/d/10l6ZRiFi0g0WPnRzZVg-5KtFK71BFY8RjfgjvCb2JMI/edit#gid=0，紅字為試算表 KEY，每一個試算表 Google 都分配獨立 KEY。
網頁語言 HTML 不能讀取 Google 試算表內容，但 HTML 何以讀取 JSON 格式，而 Google 都提供試算表 JSON 格式，
https://spreadsheets.google.com/feeds/list/10l6ZRiFi0g0WPnRzZVg-5KtFK71BFY8RjfgjvCb2JMI/1/public/values?alt=json-in-script。
上方紅字的 KEY 改為你自己建立試算表的 KEY 後可看到你自己試算表內容/JSON 格式。

Google 雲端試算表－建立免費雲端資料庫
第一步建立 Google 試算表

前往 Google 雲端硬盤按 [新增] [試算表] 建立一個日後儲存資料用試算表，試算表第一行為資料欄名，第二行對下資料內容。當然你有 Google 戶口，如無按建立帳戶。
建立試算表之後，記得按 [檔案] [發佈到網絡] [發佈] ，之後試算表可以供網絡日後讀取 / 存入資料。
本例子我建立試算表供參考 : https://docs.google.com/spreadsheets/d/10l6ZRiFi0g0WPnRzZVg-5KtFK71BFY8RjfgjvCb2JMI/edit#gid=0，紅字為試算表 KEY，每一個試算表 Google 都分配獨立 KEY。
網頁語言 HTML 不能讀取 Google 試算表內容，但 HTML 何以讀取 JSON 格式，而 Google 都提供試算表 JSON 格式，
https://spreadsheets.google.com/feeds/list/10l6ZRiFi0g0WPnRzZVg-5KtFK71BFY8RjfgjvCb2JMI/1/public/values?alt=json-in-script。
上方紅字的 KEY 改為你自己建立試算表的 KEY 後可看到你自己試算表內容/JSON 格式。

訂閱：文章 (Atom)

HTML	結果
123456789 <br> ABCDEF<br>123	123456789 ABCDEF 123

✍ 📁 🙈 🙉 🙊

2020年1月20日星期一

HTML 標簽

HTML fieldset 標簽
<fieldset> 標簽會在相關表單元素周圍繪制邊框

HTML <br> 標簽

HTML <br> 標簽

2020年1月15日星期三