張乃元VScode新增CSS檔案&JS檔案

VS CODE快捷鍵:

CTRL+SHIFT+L -> 全選

CTRL+SHIFT+P -> 命令列(Link)

CTRL+ -> 放大

HTML檔案

<link rel="stylesheet" href="style.css">
<script src="SCRIPT.JS"></script>
<h1>張乃元金融常識-金融科技</h1>
<ol start="297">
<li><select id='297'><option>答</option><option>1</option><option>2</option><option>3</option><option>4</option></select><span class="Q">下列何者非屬資訊安全的基本三要素&#65311;</SPAN><ol type='1'><li>一致性(Consistence)</li><li>完整性(Integrity)</li><li>可用性(Availability)</li><li>機密性(Confidentiality)</li></ol></li>
<li><select id='298'><option>答</option><option>1</option><option>2</option><option>3</option><option>4</option></select><span class="Q">下列何者非屬組織採用雲端運算服務的常見考量原因&#65311;</span><ol type='1'><li>商譽</li><li>成本</li><li>速度</li><li>效能</li></ol></li>
<li><select id='299'><option>答</option><option>1</option><option>2</option><option>3</option><option>4</option></select><span class="Q">下列何種數據資料單位代表1024GB&#65311;</span><ol type='1'><li>1ZB</li><li>1EB</li><li>1PB</li><li>1TB</li></ol></li>
<li><select id='300'><option>答</option><option>1</option><option>2</option><option>3</option><option>4</option></select><span class="Q">下列哪一個名詞和其他三個名詞不同義&#65311;</span><ol type='1'><li>數據資料</li><li>大數據</li><li>巨量資料</li><li>海量資料</li></ol></li>
<li><select id='301'><option>答</option><option>1</option><option>2</option><option>3</option><option>4</option></select><span class="Q">下列何者非屬網際網路興起後的數位商品或服務模式&#65311;</span><ol type='1'><li>純網路銀行</li><li>電子資金轉帳</li><li>電子商務支付系統</li><li>加密貨幣</li></ol></li>
<li><select id='302'><option>答</option><option>1</option><option>2</option><option>3</option><option>4</option></select><span class="Q">機器人是人工智慧的容器&#65292;機器人是身體&#65292;而人工智慧可以比喻成機器人的哪一部分&#65311;</span><ol type='1'><li>心臟</li><li>腳</li><li>手</li><li>大腦</li></ol></li>
<li><select id='303'><option>答</option><option>1</option><option>2</option><option>3</option><option>4</option></select><span class="Q">當保險業欲透過網路與電話語音等通路提供服務時&#65292;可運用何項技術驗證身分&#65311;</span><ol type='1'><li>生物辨識</li><li>通訊技術</li><li>物聯網技術</li><li>網路技術</li></ol></li>
<li><select id='304'><option>答</option><option>1</option><option>2</option><option>3</option><option>4</option></select><span class="Q">下列何項敘述非屬純網路銀行的明顯獨特特色&#65311;</span><ol type='1'><li>沒有實體分行</li><li>沒有實體ATM機器</li><li>營業時間無限制全年無休</li><li>透過APP 提供金融服務</li></ol></li>
<li><select id='305'><option>答</option><option>1</option><option>2</option><option>3</option><option>4</option></select><span class="Q">下列何者非屬我國核准設立之純網路銀行&#65311;</span><ol type='1'><li>連線銀行</li><li>將來銀行</li><li>新網銀行</li><li>樂天銀行</li></ol></li>
<li><select id='306'><option>答</option><option>1</option><option>2</option><option>3</option><option>4</option></select><span class="Q">目前各國金融監理機關對比特幣抱持戒慎恐懼的態度&#65292;考量的原因包含下列哪幾項&#65311;</span> A.洗錢 B.資恐 C.逃稅 D.詐騙 <ol type='1'><li>僅 A</li><li>僅 A&#12289;B</li><li>僅 A&#12289;B&#12289;C</li><li>A&#12289;B&#12289;C&#12289;D</li></ol></li>

<BUTTON onclick='s297306()'>送出297至306答案</BUTTON>

<p id="show297306">顯示答案</p>

<h1>講解297至306</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/M72opuoGSZA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h1>333</h1>
<iframe width="560" height="315" src="https://www.youtube.com/embed/9kYZG-nxBkA?si=HSQ3ttEaIc5qTLW4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</ol>

JS檔案

function s297306(){
    var s = '<table border=2><tr><td>297</td><td>298</td><td>299</td><td>300</td><td>301</td><td>302</td><td>303</td><td>304</td><td>305</td><td>306</td><td>分數</td></tr><tr>';
    var g = 0;  
    var a297 = document.getElementById('297').value;  if ( a297 == '1' ) { g++; s+= '<td>O</td>'} else { s += '<td>X</td>'};  
    var a298 = document.getElementById('298').value;  if ( a298 == '1' ) { g++; s+= '<td>O</td>'} else { s += '<td>X</td>'};  
    var a299 = document.getElementById('299').value;  if ( a299 == '4' ) { g++; s+= '<td>O</td>'} else { s += '<td>X</td>'};  
    var a300 = document.getElementById('300').value;  if ( a300 == '1' ) { g++; s+= '<td>O</td>'} else { s += '<td>X</td>'};
    var a301 = document.getElementById('301').value;  if ( a301 == '2' ) { g++; s+= '<td>O</td>'} else { s += '<td>X</td>'};  
    var a302 = document.getElementById('302').value;  if ( a302 == '4' ) { g++; s+= '<td>O</td>'} else { s += '<td>X</td>'};  
    var a303 = document.getElementById('303').value;  if ( a303 == '1' ) { g++; s+= '<td>O</td>'} else { s += '<td>X</td>'};  
    var a304 = document.getElementById('304').value;  if ( a304 == '4' ) { g++; s+= '<td>O</td>'} else { s += '<td>X</td>'};  
    var a305 = document.getElementById('305').value;  if ( a305 == '3' ) { g++; s+= '<td>O</td>'} else { s += '<td>X</td>'};  
    var a306 = document.getElementById('306').value;  if ( a306 == '4' ) { g++; s+= '<td>O</td>'} else { s += '<td>X</td>'};  
    s += '<td>' + g + '</td></tr></table>';
    document.getElementById('show297306').innerHTML = s;
  }

CSS檔案

H1{BACKGROUND-COLOR: #b5caa0; COLOR: WHITE; BORDER:#8F77B5 SOLID 8PX; PADDING: 10PT; TEXT-ALIGN: CENTER;}
OL{FONT-WEIGHT: NORMAL; FONT-SIZE:14 PT; background-color: #86c166; color:white}
.Q{FONT-WEIGHT: BOLD; FONT-SIZE:16PT; BACKGROUND-COLOR:#0C4842; color:white;}
.T{TEXT-ALIGN:CENTER;BORDER:3PT LIGHTBLUE SOLID; COLOR:BLACK;}
SELECT{font-size: 14pt; background-color: #4a593d; color: white;}

留言

  1. George2024年1月2日 晚上7:33

    1113極度優秀。https://naiyuanzhang1226.blogspot.com/2023/11/vscode-html-css-js.html

    回覆刪除

張貼留言

這個網誌中的熱門文章

張乃元Bro Code貪吃蛇python snake game

圖片
影片 截圖 程式碼 from tkinter import * import random GAME_WIDTH,GAME_HEIGHT = 1000 , 700 SPEED,SPACE_SIZE = 250 , 50 BODY_PARTS = 3 SNAKE_COLOR = "#91b493" FOOD_COLOR = [ 'blue' , 'pink' , 'green' , 'yellow' ] BACKGROUND_COLOR = "#5e3d50" class Snake :     def __init__ ( self ):         self .body_size = BODY_PARTS         self .coordinates = []         self .squares = []         for i in range ( 0 , BODY_PARTS):             self .coordinates.append([ 0 , 0 ])         for x, y in self .coordinates:             square = canvas.create_rectangle(x, y, x + SPACE_SIZE, y + SPACE_SIZE, fill = SNAKE_COLOR, tag = "snake" )             self .squares.append(square) class Food :     def __init__ ( self ):         x = random.randint( 0 , (GAME_WIDTH /...
閱讀完整內容

張乃元Brocode貪吃蛇random.randint

圖片
影片 截圖 程式碼 from tkinter import * import random GAME_WIDTH , GAME_HEIGHT = 1000 , 800 SPEED = 100 SPACE_SIZE , BODY_PARTS = 50 , 3 #左邊變數 assigning value SNAKE_COLOR = [ "#108F81" , "#10F076" , "#890911" , "indigo" , "#110077" ] FOOD_COLOR = "#A5DEE4" BACKGROUND_COLOR = "#6A8372" class Snake :     def __init__ ( self ):         self . body_size = BODY_PARTS         self . coordinates = []         self . squares = []         for i in range ( 0 , BODY_PARTS ):             self . coordinates . append ([ 0 , 0 ])         for x , y in self . coordinates :             i = random . randint ( 0 , 4 )             square = canvas . create_rectangle ( x , y , x + SPACE_SIZE , y + SPACE_SIZE , fill = SNAKE_COLOR [ i ], tag = "snake" , width = 20 , outline = "yellow...
閱讀完整內容

張乃元金融市場常識

圖片
答 1 2 3 4 下列何者不是金融市場的主要功能？ 提供金融工具交易的場所 擔任資金需求者與供給者的橋樑 促進投資活動的效率，提升經濟發展 提供交易者投機的場所 答 1 2 3 4 下列何者不是金融市場交易的工具？ 商業本票 銀行存款 股票 房地產 答 1 2 3 4 當金融市場管理的品質較佳時，企業發行的成本會______，金融工具的流動性會______。 較低，較低 較高，較低 較低，較高 較高，較高 答 1 2 3 4 當企業需要資金來進行投資，最好不要用下列何種方式尋求融通？ 向銀行借錢 發行股票 發行債券 向地下錢莊借錢 答 1 2 3 4 下列何者不是近年來國內主管機關管理金融市場的發展方向？ 減少法規的限制 鼓勵金融創新 對國外資金進行更嚴格的限制與管理 加強國際金融的流通 答 1 2 3 4 在金融市場中主管機關訂定法律規範的目的在於： 增加政府的收入 促進金融市場健全發展與有效經營 增加金融機構的進入障礙 提高金融機構的經營成本 答 1 2 3 4 目前國內監理銀行、票券、證券及保險等金融機構的主管機關為： 財政部 內政部 金融監督管理委員會 經濟部 答 1 2 3 4 依照國內金融監督管理制度的架構，主管證券相關事業的監理單位為： 銀行局 保險局 證券期貨局 檢查局 答 1 2 3 4 依照國內金融監理制度的架構，主掌金融業檢查業務的單位為： 銀行局 中央銀行 中央存款保險公司 檢查局 答 1 2 3 4 下列何者非隸屬「金融監督管理委員會」？ 銀行局 公務人員退休撫卹基金管理委員會 證券期貨局 檢查局 答 1 2 3 4 下列何者不屬證券期貨局監理的機構？ 投信公司 期貨公司 證券商 保險公司 答 1 2 3 4 下列何者不是檢查局業務檢查的機構？ 保險公司 銀行 證券公司 金融資訊服務公司 答 1 2 3 4 下列何者非政府管理金融市場的措施? 訂定金融機構的資本適足率 金融檢查的立即糾正措施 訂定金融機構呆帳準備的提列 限制存款戶的存款金額 答 1 2 3 4 下列何者非次級市場交易？ 個別投資人透過他的經紀商買入中鋼公司股票 機構法人透過它的經紀商出售一些台積電股票 台塑公司透過承銷商發行新股 上述均為次級市場之交易 答 1 2 3 4 下列那個市場主要是買賣已發行流通的證券？ 發...
閱讀完整內容