謝宸峰html,CSS STYLE,嵌入網頁

-
德明財經科技大學財金系劉任昌程式設計

蘇佑安

👺
vs.

賴威愷

👾
h1{background-color:purple; color: white; border: 20px solid gray; text-align: center; padding: 20px; border-radius: 30px} #grad1 {height: 200px; background-color: red; background-image: linear-gradient(red, yellow);} #grad2 {height: 200px; background-color: red; background-image: linear-gradient(red, yellow);}

296

297

超文本標記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用於建立網頁的標準標記語言。HTML是一種基礎技術，常與CSS、JavaScript一起被眾多網站用於設計網頁、網頁應用程式以及行動應用程式的使用者介面。網頁瀏覽器可以讀取HTML檔案，並將其彩現成視覺化網頁。HTML描述了一個網站的結構語意隨著線索的呈現，使之成為一種標記語言而非程式語言。

HTML元素是構建網站的基石。HTML允許嵌入圖像與對象，並且可以用於建立互動式表單，它被用來結構化資訊——例如標題、段落和列表等等，也可用來在一定程度上描述文件的外觀和語意。HTML的語言形式為尖括號包圍的HTML元素（如），瀏覽器使用HTML標籤和指令碼來詮釋網頁內容，但不會將它們顯示在頁面上。

HTML可以嵌入如JavaScript的手稿語言，它們會影響HTML網頁的行為。網頁瀏覽器也可以參照階層式樣式表（CSS）來定義文字和其它元素的外觀與布局。維護HTML和CSS標準的組織全球資訊網協會（W3C）鼓勵人們使用CSS替代一些用於表現的HTML元素。

留言

張貼留言

這個網誌中的熱門文章

謝宸峰tkinter套件建立圖形使用者介面GUI=Graphical User Interface

-
圖片
程式碼 from tkinter import * #下載程式碼,從tkinter輸入所有函式 window = Tk () #建構視窗,名為window window . title ( '謝宸峰的python視窗' ) window . geometry ( '600x999+100+100' ) x , y = StringVar ( window ), StringVar ( window ) b1 = Label ( window , textvariable = x , font = 'Arial 300 bold' ). pack () b2 = Label ( window , textvariable = y , font = 'Arial 300 bold' ). pack () x . set ( ' \U0001f600 ' ) y . set ( ' \U0001f610 ' ) window . mainloop () #可以將emoji字碼用字元取代或者改成\U0001F601…等 #開啟資料夾,新增檔案a.py 影片
閱讀完整內容

謝宸峰Python 與JavaScript對照

-
圖片
期中考 css h1 { background-color : purple ; color : white ; border : 10px solid red ; text-align : center ; padding : 5px } ul { background-color : green ; color : white ; font-size : 2em ; line-height : 1.5 } input { font-size : 24px ; background-color : rgb ( 210 , 250 , 215 );} .monkey { font-size : 36px ;} pre { background-color : blue ; color : aquamarine ;} /*css的註解 html < link rel = 'stylesheet' href = "abc.css" > < script src = "abc.js" ></ script > < h1 > 謝宸峰輸入參數 </ h1 > 輸入k < input type = "number" value = "1" id = "k" ></ input >< br > 輸入m < input type = "number" value = "1" id = "m" ></ input >< br > 輸入n < input type = "number" value = "1" id = "n" ></ input >< br > < input type = 'password' >< input > < button onclick = " ...
閱讀完整內容

謝宸峰VS code編輯HTML,CSS,JS俄羅斯方塊

-
圖片
改寫自印度程式設計師 模仿與利用Code with Scaler製作的俄羅斯方塊遊戲，它的過程是使用VS Code編輯HTML, CSS, JS三個檔案。我們去理解它，然後改善它，將程式寫得更有效率，然後增加功能，例如預告下一個方塊、增加音效等。寫程式不可能順利，一定會錯誤，然後在解決問題的過程中，讓自己變得更強大。 接下來學習的重點是陣列，例如T型的變數 [[1,1,1], [0,1,0], [0,0,0]] ;//二維陣列 w3school學習二微陣列JavaScript Arrays 利用w3schools學習JavaScript Arrays 賽保,富豪,寶馬,謝宸峰 0,1,0,0,0,1,0,0,0,1,0,0,0,1,0,0 0,1,0,0,1,0,1,1,0 0,1,0,0,1,0,0,1,1 1,1,0,0,1,1,0,0,0 0,1,1,1,1,0,0,0,0 1,1,1,0,1,0,0,0,0 1,1,1,1 undefined white red orange yellow darkgreen #29296e indigo purple 影片335 影片336 影片337 在撰寫模式下貼上程式碼 <h1>JavaScript Arrays</h1> <p id="demo"></p> <p id="demo1"></p> <p id="demo2"></p> <script>/*css共用幾乎有*/ const FOUR = [                  //二維矩陣設定     [[0,1,0,0],[0,1,0,0],[0,1,0,0],[0,1,0,0]],//I紅     [[0,1,0],  [0,1,0],  [1,1,0]],            //J橘     [[0,1,0],  [0,1,0],  [0,1,1]],...
閱讀完整內容