diff --git "a/0512/\347\271\252\345\234\226" "b/0512/\347\271\252\345\234\226" new file mode 100644 index 00000000..093bfd33 --- /dev/null +++ "b/0512/\347\271\252\345\234\226" @@ -0,0 +1,18 @@ + + + + +

SVG1

+ + + + + + + + + + + + + diff --git a/HTML BOOK/CH1 b/HTML BOOK/CH1 new file mode 100644 index 00000000..c2b0482c --- /dev/null +++ b/HTML BOOK/CH1 @@ -0,0 +1,15 @@ +HTML是什麼 +HTML是一種用於建立網頁的標記語言，全名為HyperText Markup Language，中文為超文本標記語言。 HTML使用標籤（tag）來描述網頁的內容和結構，如標題、段落、圖像、超連結等，並且可以通過CSS（層疊樣式表）和JavaScript來進行樣式和交互效果的設計和實現。 HTML是網頁開發的基礎，幾乎所有的網頁都是通過HTML標記語言來撰寫的。 + +HTML歷史 +HTML是一種標記語言，由網際網路標準組織（W3C）制定和維護。 HTML首次於1991年被提出，旨在標記Web頁面的結構和內容，並指定與網頁相關的文件。 HTML最初由Tim Berners-Lee和他的同事在CERN（歐洲核子研究組織）開發，後來成為W3C的標準之一。 + +HTML版本 +HTML有多個版本，從最早的HTML 1.0到現在的HTML5。 每個版本都有一些新功能和改進，可以讓開發人員創建更好的網頁。 HTML的版本歷史如下： +• HTML 1.0：於1993年發布，是第一個HTML版本，包含最基本的HTML元素和屬性。 +• HTML 2.0：於1995年發布，新增了表格、圖像映射和應用程序界面（API）等功能。 +• HTML 3.2：於1997年發布，引入了許多新的功能，包括框架、表單控件和對CSS的支持。 +• HTML 4.01：於1999年發布，是HTML 3.2的改進版本，增加了更多的表單控件和CSS屬性，同時引入了對XML的支持。 +• XHTML 1.0：於2000年發布，是HTML和XML的合併，更加嚴格的語法和結構，使得文檔更具可讀性和可維護性。 +• XHTML 1.1：於2001年發布，是XHTML 1.0的擴展，包括了更多的模塊和新的功能，例如國際化支持和內容協商。 +• HTML5：於2014年發布，是目前HTML的最新版本，引入了許多新的元素和API，例如語音和視頻支持、本地存儲、Canvas繪圖和Web Workers等。 diff --git a/HTML BOOK/CH2 b/HTML BOOK/CH2 new file mode 100644 index 00000000..7092b422 --- /dev/null +++ b/HTML BOOK/CH2 @@ -0,0 +1,14 @@ +HTML文件結構 +HTML文件結構描述了HTML文件的基本結構，由三部分構成：head、body和可能包含一些metadata的html標記。 其中，head部分主要包含網頁標題、網頁描述、CSS樣式、JavaScript腳本以及其他元數據。 body部分是網頁的主要內容區域，其中包含各種HTML元素，如標題、段落、圖像、超鏈接等。 + +HTML元素和標籤 +HTML 元素指的是 HTML 文件中的基本單位，它們通過 HTML 標籤定義。 一個 HTML 元素由一個開始標籤、內容和一個結束標籤組成。 HTML 標籤是標識 HTML 元素的起始標誌，它由一對尖括號包圍，開始標籤和結束標籤之間的內容就是 HTML 元素的內容。 例如，一個段落元素的開始標籤是

，結束標籤是

，段落內容就是這兩個標籤之間的文本或其他 HTML 元素。 + +HTML屬性 +HTML屬性是用於描述HTML元素特定特性的標記，例如屬性可以指定元素的顏色、大小、連結到的網址等等。 HTML屬性是以鍵值對的方式定義的，其中鍵指定屬性的名稱，值則定義屬性的值。 例如，以下HTML元素使用“class”屬性來定義它的樣式表類別： +csharpCopy code +

這是一個示例段落.

+HTML屬性是用於描述HTML元素特定特性的標記。 在開發者模式下，屬性可以用來設置元素的外觀、行為和其他屬性。 屬性是用鍵值對的形式定義的，其中鍵是屬性的名稱，值是屬性的值。 開發者模式下，HTML屬性可以用於設置元素的屬性，例如ID、class、style等。 例如，以下HTML元素使用“class”屬性來定義它的樣式表類別： +csharpCopy code +

這是一個示例段落.

+在開發者模式下，您可以使用HTML屬性來設置更複雜的元素屬性，例如表格、圖像和表單元素的屬性。 您可以使用屬性來設置這些元素的大小、顏色、對齊方式和其他外觀屬性，以及它們的行為和功能。 diff --git a/HTML BOOK/CH3 b/HTML BOOK/CH3 new file mode 100644 index 00000000..dbb1085e --- /dev/null +++ b/HTML BOOK/CH3 @@ -0,0 +1,16 @@ +段落和標題 +在 HTML 中，段落和標題是常見的元素之一，可以用來編寫和顯示文本內容。 +在 HTML 中，段落和標題是非常基本的元素之一。 對於編寫和顯示文本內容，它們是必不可少的組件。 段落通常用於包含一個或多個句子，標題則用於標示不同範圍的標題或子標題。 在 HTML 中，段落和標題都有對應的標籤。 段落使用

標籤，標題則使用

到

標籤。 其中

是最高級別的標題，

是最低級別的標題。 使用段落和標題可以使內容更有結構和可讀性，同時也有助於搜索引擎優化。 + +文本樣式 +在HTML中，你可以使用各種文本樣式來設置文本的外觀和風格，這包括字體、顏色、大小、加粗、斜體等。 要設置文本樣式，你可以使用HTML的標籤和屬性，如、和 + + + + + + + + diff --git a/homework0421/NAVBARCSS.html b/homework0421/NAVBARCSS.html new file mode 100644 index 00000000..f7d766b3 --- /dev/null +++ b/homework0421/NAVBARCSS.html @@ -0,0 +1,44 @@ + + + + + + + + + + + diff --git a/homework0505/clit1.js b/homework0505/clit1.js new file mode 100644 index 00000000..e4133bf7 --- /dev/null +++ b/homework0505/clit1.js @@ -0,0 +1,11 @@ +async function eval(cmd) { + let args = cmd.split(' ') + let child = new Deno.Command(args[0], {args:args.slice(1)}) + return await child.spawn().output() +} + +while (true) { + let cmd = prompt("shell>") + if (cmd == 'exit') break + await eval(cmd) +} diff --git a/homework6/repeat b/homework6/repeat new file mode 100644 index 00000000..4eeeae3e --- /dev/null +++ b/homework6/repeat @@ -0,0 +1,11 @@ +function repeat(f, n) { + const result = []; + + for (let i = 0; i < n; i++) { + result.push(f()); + } + + return result; + } +const randomNumbers = repeat(Math.random, 10); +console.log(randomNumbers); diff --git "a/homework6/\345\220\221\351\207\217\345\205\247\347\251\215\345\207\275\346\225\270" "b/homework6/\345\220\221\351\207\217\345\205\247\347\251\215\345\207\275\346\225\270" new file mode 100644 index 00000000..66173585 --- /dev/null +++ "b/homework6/\345\220\221\351\207\217\345\205\247\347\251\215\345\207\275\346\225\270" @@ -0,0 +1,12 @@ +function vdot(a,b) +{ + let r = [0] + for (let i=0; i + + + + + +
+
+ xxxx +
+
+ + + diff --git a/homwork0428/NAVBAR2JS.HTML b/homwork0428/NAVBAR2JS.HTML new file mode 100644 index 00000000..4327816f --- /dev/null +++ b/homwork0428/NAVBAR2JS.HTML @@ -0,0 +1,27 @@ +let main = document.querySelector('#main') + +let pages ={ + '#aboutus':` +aboutus/ +aboutus/ +aboutus/ +aboutus/ +`, +'#example1':` +

註冊

+
+
+
+
+
+
+
+ `, + '#example2':`example2`, + '#example3':'example3', +} + +window.onhashchange = function(){ + let hash = window.location.hash + main.innerHTML = pages[hash] +} diff --git a/homwork0428/topbar.css b/homwork0428/topbar.css new file mode 100644 index 00000000..06a9be52 --- /dev/null +++ b/homwork0428/topbar.css @@ -0,0 +1,68 @@ +body { + margin:0px; + } + .navbar { + overflow: hidden; + background-color: #333; + font-family: Arial, Helvetica, sans-serif; + } + + .navbar a { + float: left; + font-size: 16px; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; + } + + .dropdown { + float: left; + overflow: hidden; + } + + .dropdown .dropbtn { + cursor: pointer; + font-size: 16px; + border: none; + outline: none; + color: white; + padding: 14px 16px; + background-color: inherit; + font-family: inherit; + margin: 0; + } + + .navbar a:hover, .dropdown:hover .dropbtn, .dropbtn:focus { + background-color: red; + } + + .dropdown-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; + } + + .dropdown-content a { + float: none; + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; + } + + .dropdown-content a:hover { + background-color: #ddd; + } + + .show { + display: block; + } + + .bigmargin { + margin: 20px; + } diff --git a/homwork0428/topbar.html b/homwork0428/topbar.html new file mode 100644 index 00000000..e36a7bbe --- /dev/null +++ b/homwork0428/topbar.html @@ -0,0 +1,28 @@ + + + + + + + + +
+ 首頁 +
+ +
+ 登入 + 登出 + 註冊 +
+
+
+
+

首頁

+

本網頁可以按功能表去切換畫面

+
+ + + diff --git a/homwork0428/topbar.js b/homwork0428/topbar.js new file mode 100644 index 00000000..39d86f08 --- /dev/null +++ b/homwork0428/topbar.js @@ -0,0 +1,15 @@ +/* When the user clicks on the button, +toggle between hiding and showing the dropdown content */ +function myFunction() { + document.getElementById("myDropdown").classList.toggle("show"); +} + +// Close the dropdown if the user clicks outside of it +window.onclick = function (e) { + if (!e.target.matches('.dropbtn')) { + var myDropdown = document.getElementById("myDropdown"); + if (myDropdown.classList.contains('show')) { + myDropdown.classList.remove('show'); + } + } +} diff --git a/html/CSS.CSS b/html/CSS.CSS new file mode 100644 index 00000000..47d2269c --- /dev/null +++ b/html/CSS.CSS @@ -0,0 +1,38 @@ + +h1 { + text-align: center; + color:#1c65ad; +} + +body { + margin: 20px 10%; + +} +body { + background-color: #13a782; + +} +pre { + background-color: #e71616; + border:1px dotted #1916b9; + padding: 20px; + border-radius: 20px; +} + + + +h2 { + text-align: center; + color:#1c65ad; +} + +body { + margin: 20px 10%; +} + +pre { + background-color: #c9f30b; + border:1px dotted #2b944e; + padding: 20px; + border-radius: 20px; +} diff --git a/html/CSS.html b/html/CSS.html new file mode 100644 index 00000000..87310349 --- /dev/null +++ b/html/CSS.html @@ -0,0 +1,61 @@ + + + + + + + + + + +
+ 
+        
3/10經典賽賽程

+
+ + + +

3/11經典賽賽程

+
  • 11:00中國VS澳洲
    • + + + 註冊表單 + + +
    +

    註冊表單

    + + + + + + + + + + + + + + + + +
    + + + + + diff --git a/html/Prime b/html/Prime new file mode 100644 index 00000000..76d81a82 --- /dev/null +++ b/html/Prime @@ -0,0 +1,11 @@ +function isPrime(n) +{ + if (n<=1) + return false + for (let i=2;i<=n;i++) + { + if(n%i == 0) + return false + } + return true +} diff --git a/html/fibonacci b/html/fibonacci new file mode 100644 index 00000000..19b0d272 --- /dev/null +++ b/html/fibonacci @@ -0,0 +1,7 @@ +function fibonacci(n) +{ + if (n==1 || n==2) + return 1; + else return fibonacci(n-1)+fibonacci(n-2) +} +console.log (fibonacci((100))); diff --git a/html/hello.html b/html/hello.html new file mode 100644 index 00000000..49183987 --- /dev/null +++ b/html/hello.html @@ -0,0 +1,15 @@ + + + +李宥榆的個人檔案 + + + +

    李宥榆的個人檔案

    +

    金門大學

    +

    學號:111110504

    +

    https://www.facebook.com/profile.php?id=100015059806137

     +https://www.facebook.com/stories/447497979503364/?source=story_tray + + + diff --git "a/html/\350\250\273\345\206\212\350\241\250\345\226\256.html" "b/html/\350\250\273\345\206\212\350\241\250\345\226\256.html" new file mode 100644 index 00000000..274b6be9 --- /dev/null +++ "b/html/\350\250\273\345\206\212\350\241\250\345\226\256.html" @@ -0,0 +1,72 @@ + + + + + 註冊表單 + + + +
    +

    註冊表單

    + + + + + + + + + + + + + + + + +
    + + + + \ No newline at end of file diff --git "a/\346\234\237\346\234\253\344\275\234\346\245\255" "b/\346\234\237\346\234\253\344\275\234\346\245\255" new file mode 100644 index 00000000..b008d901 --- /dev/null +++ "b/\346\234\237\346\234\253\344\275\234\346\245\255" @@ -0,0 +1,42 @@ + + + + 我的簡單網站 + + +
    +

    歡迎來到我的簡單網站

    +
    + + + +
    +
    +

    首頁

    +

    歡迎來到我的簡單網站！這是首頁區塊。

    +
    + +
    +

    關於

    +

    這是關於區塊。在這裡，你可以介紹自己或你的專案。

    +
    + +
    +

    聯絡方式

    +

    如果你想聯絡我，請使用以下的聯絡資訊。

    +

    電子郵件：example@example.com

    +

    電話號碼：123-456-7890

    +
    +
    + +
    +

    © 2023 我的簡單網站。保留所有權利。

    +
    + + diff --git "a/\350\250\273\345\206\212\350\241\250\345\226\256.html" "b/\350\250\273\345\206\212\350\241\250\345\226\256.html" new file mode 100644 index 00000000..9956623c --- /dev/null +++ "b/\350\250\273\345\206\212\350\241\250\345\226\256.html" @@ -0,0 +1,72 @@ + + + + + 註冊表單 + + + +
    +

    註冊表單

    + + + + + + + + + + + + + + + + +
    + + + + \ No newline at end of file