劉任昌CSS類別CLASS名稱ID

WIKIPEDIA科目CSS

哈佛大學CS50課程

CS50（電腦科學50）是哈佛大學、耶魯大學和牛津大學教授的線上電腦科學入門課程。2016 年，CS50向高中生開放成為進階先修課程。校園實體上課（on-campus）是哈佛大學最大的班級，有800名學生、102名教職員工以及多達 2,200名常出席的規黑客馬拉松參與者。[1][2] 粗體BOLD, 考試ID STYLE設定#網址也是#

此課程材料可在edX平台上免費線上獲取，並提供一系列收費證書。截至 2022 年，這個名為 CS50x 的線上版本教授C、Python、SQL、HTML、CSS和JavaScript語言。它還教授基本的電腦科學概念，包括陣列和資料結構以及Flask Web 框架。[3]課程的 2021 年迭代引入了三個關於電腦安全、人工智慧和技術倫理的新的附加講座。[4]

首席導師是哈佛大學教授大衛·馬蘭。[5] Doug Lloyd 和 Brian Yu [6]也是 CS50 課程的前成員及其講師。[7] Facebook共同創辦人馬克‧祖克柏和微軟前執行長史蒂夫‧鮑爾默曾做過客座講座。[8][9] CS50 課程於 1989 年首次在校園內出現。

還有幾個後續項目，重點關注網路程式設計、人工智慧、遊戲開發和行動應用程式。

講座會被錄製並上傳到多種服務，包括iTunes U、EdX和YouTube。教授和志願學生也錄製了額外的影片「演練」。課程問題稱為問題集，簡稱為“psets”，有PDF和HTML格式。學生可以上傳問題集答案，有些問題會自動評分。學生還可以使用特殊的軟體來檢查他們在雲端的程式碼。 2016年，CS50成為第一個為學生提供完全在虛擬實境中觀看所有講座的可能性的大學課程。[ 10 ] 2022 年，課程從 CS50 IDE轉移到基於GitHub程式碼空間的VS Code網路版本，現在課程提供4K HDR和 SDR 版本。[ 11 ]

後續課程 CS50 提供多種後續課程，包括： CS50 Web 程式設計電腦科學 - 更深入了解HTML、CSS和JavaScript，以及包含Django和React在內的框架。[ 12 ] CS50 的Python人工智慧簡介- 涵蓋搜尋演算法、機器學習和人工智慧。[ 13 ] CS50 的遊戲開發簡介 - 教授Unity和Löve 2D 遊戲引擎，以及2D和3D遊戲原理。[ 14 ] 初級課程 CS50 也為剛接觸程式設計或想要了解更多技術的人提供課程。 CS50P：Python 程式設計簡介 CS50x：計算機科學簡介 CS50 的 Scratch 程式設計簡介 - 使用 Scratch 進行程式設計的簡介， Scratch是一種視覺化程式語言，有抱負的程式設計師可以透過拖放圖形塊來編寫程式碼[ 15 ] CS50的理解技術－涵蓋電腦硬體、網際網路、多媒體等基本技術概念。[ 16 ] CS50律師計算機科學簡介。[ 17 ]

我的心得

• 幕前排版轉寫模式直接看結果，程式碼由系統設定，會搞得很複雜！維護不容易。
• 幕後排版HTML模式控制程式碼。
• OL=ORDERED LIST編號條列，UL=UNORDERED LIST
• DIV=DIVISION是一個單位，學習軍隊的單位

設定CLASS風格.ABC{BACKGROUND-COLOR: SKYBLUE; COLOR: DARKGREEN; FONT-SIZE: 2EM; LINE-HEIGHT: 1.2;}

學會#連結到網頁特定位置，也可以設定他的STYLE例如#MY{BACKGROUND-COLOR: BLACK; COLOR: WHITE; TEXT-ALIGN: CENTER; BORDER-RADIUS: 10PX; BORDER: SOLID 10PX RED; PADDING: 10PX;}

HTML ELEMENTS元件DIV=DIVISION大區塊，P=PARAGRAPH段落

以上所有一切的原始程式碼

<style>/*宣告CSS=CASCADING STYLE SHEETS*/

H1{BORDER: 5PX SOLID PURPLE; BACKGROUND-COLOR: BLUE; COLOR: WHITE; TEXT-ALIGN:CENTER;} 

#WIKI{ BACKGROUND-COLOR: LIGHTGREEN; COLOR: BLACK; FONT-SIZE: 30PX; LINE-HEIGHT:1.2;}

#MY{BACKGROUND-COLOR: BLACK; COLOR: WHITE; TEXT-ALIGN: CENTER; BORDER-RADIUS: 10PX; BORDER: SOLID 10PX RED; PADDING: 10PX; TEXT-SHADOW: 10PX 10PX 10PX YELLOW;}

.ABC{BACKGROUND-COLOR: SKYBLUE; COLOR: DARKGREEN; FONT-SIZE: 2EM; LINE-HEIGHT: 1.2;}/*STYLE設定可以用ID也可用CLASS用.開頭可以利用於不同的元件*/

  P{BACKGROUND-COLOR: GRAY; COLOR:WHITE; FONT-SIZE: 2EM; LINE-HEIGHT: 1.5; BORDER: PURPLE;}

</style>

<title>2024上程式設計2nd課程</title>

<h1>WIKIPEDIA科目CSS</h1>

<iframe height="200" src="https://en.wikipedia.org/wiki/CSS" width="100%"></iframe>

  

<h1>哈佛大學CS50課程</h1>

<iframe height="200" src="https://en.wikipedia.org/wiki/CS50" width="100%">

</iframe>

<div id="WIKI">

CS50（電腦科學50）是哈佛大學、耶魯大學和牛津大學教授的線上電腦科學入門課程。2016 年，CS50向高中生開放成為進階先修課程。校園實體上課（on-campus）是哈佛大學最大的班級，有800名學生、102名教職員工以及多達 2,200名常出席的規黑客馬拉松參與者。[1][2]

<b>粗體BOLD, 考試ID STYLE設定#網址也是#</b>

</div>

  

<div class="ABC">此課程材料可在edX平台上免費線上獲取，並提供一系列收費證書。截至 2022 年，這個名為 CS50x 的線上版本教授C、<b>Python</b>、SQL、<b>HTML</b>、<b>CSS</b>和<b>JavaScript</b>語言。它還教授基本的電腦科學概念，包括陣列和資料結構以及Flask Web 框架。[3]課程的 2021 年迭代引入了三個關於電腦安全、人工智慧和技術倫理的新的附加講座。[4]</div>

<p>首席導師是哈佛大學教授大衛·馬蘭。[5] Doug Lloyd 和 Brian Yu [6]也是 CS50 課程的前成員及其講師。[7] Facebook共同創辦人馬克‧祖克柏和微軟前執行長史蒂夫‧鮑爾默曾做過客座講座。[8][9] CS50 課程於 1989 年首次在校園內出現。</p>

<p>還有幾個後續項目，重點關注網路程式設計、人工智慧、遊戲開發和行動應用程式。</p>

<p>講座會被錄製並上傳到多種服務，包括iTunes U、EdX和YouTube。教授和志願學生也錄製了額外的影片「演練」。課程問題稱為問題集，簡稱為“psets”，有PDF和HTML格式。學生可以上傳問題集答案，有些問題會自動評分。學生還可以使用特殊的軟體來檢查他們在雲端的程式碼。 2016年，CS50成為第一個為學生提供完全在虛擬實境中觀看所有講座的可能性的大學課程。[ 10 ] 2022 年，課程從 CS50 IDE轉移到基於GitHub程式碼空間的VS Code網路版本，現在課程提供4K HDR和 SDR 版本。[ 11 ]</p>

後續課程

CS50 提供多種後續課程，包括：

CS50 Web 程式設計電腦科學 - 更深入了解HTML、CSS和JavaScript，以及包含Django和React在內的框架。[ 12 ]

CS50 的Python人工智慧簡介- 涵蓋搜尋演算法、機器學習和人工智慧。[ 13 ]

CS50 的遊戲開發簡介 - 教授Unity和Löve 2D 遊戲引擎，以及2D和3D遊戲原理。[ 14 ]

初級課程

CS50 也為剛接觸程式設計或想要了解更多技術的人提供課程。

CS50P：Python 程式設計簡介

CS50x：計算機科學簡介

CS50 的 Scratch 程式設計簡介 - 使用 Scratch 進行程式設計的簡介， Scratch是一種視覺化程式語言，有抱負的程式設計師可以透過拖放圖形塊來編寫程式碼[ 15 ]

CS50的理解技術－涵蓋電腦硬體、網際網路、多媒體等基本技術概念。[ 16 ]

CS50律師計算機科學簡介。[ 17 ]

<h1 id="MY">我的心得</h1>

<ul class="ABC">

 <li>幕前排版轉寫模式直接看結果，程式碼由系統設定，會搞得很複雜！維護不容易。</li>

 <li>幕後排版HTML模式控制程式碼。</li>

<li>OL=ORDERED LIST編號條列，UL=UNORDERED LIST</li>

<li>DIV=DIVISION是一個單位，學習軍隊的單位</li>

<ol>

</ol>

</ul><li>設定CLASS風格.ABC{BACKGROUND-COLOR: SKYBLUE; COLOR: DARKGREEN; FONT-SIZE: 2EM; LINE-HEIGHT: 1.2;}

</li><li>學會#連結到網頁特定位置，也可以設定他的STYLE例如#MY{BACKGROUND-COLOR: BLACK; COLOR: WHITE; TEXT-ALIGN: CENTER; BORDER-RADIUS: 10PX; BORDER: SOLID 10PX RED; PADDING: 10PX;}</li>

<li>HTML ELEMENTS元件DIV=DIVISION大區塊，P=PARAGRAPH段落

  <ul></ul></li>

<h3 style="text-shadow: red 20px 20px 20px; FONT-SIZE:40PX; FONT-FAMILY:標楷體;">以上所有一切的原始程式碼</h3>