iT邦幫忙

2023 iThome 鐵人賽

DAY 16
0
自我挑戰組

那些有趣的程式系列 第 16

【Day16】從零開始的程式大亂鬥:網頁

  • 分享至 

  • xImage
  •  

今天開始介紹網頁。

網頁基本上由三大語言 (HTML/CSS/JS) 組成:

  • HTML (HyperText Markup Language):網頁結構
  • CSS (Cascading Style Sheets):網頁美化
  • JS (JavaScript):操作網頁,讓網頁動起來

我們可以把這三大語言看作:

  1. 機器人
    • 內部的零件
    • 外部的外表
    • 驅動動作的程式
  2. 房子
    • 水泥、鋼筋構築而成的結構
    • 房子的裝潢
    • 電梯、自動門等等

HTML基本的結構組成:

<!DOCTYPE html>
<html>
    <head></head>
    <body></body>
</html>

<!DOCTYPE html> 是用來告訴瀏覽器(Browser),此內容是用什麼語言編寫的。
<html> 根元素(Root Element),包含了所有的內容。
<head> 放置網頁資料,如標題、描述、作者。
<body> 網頁內主要的內容會放置於此。


上一篇
【Day15】從零開始的程式大亂鬥:檔案處理
下一篇
【Day17】從零開始的程式大亂鬥:JavaScript-操作DOM
系列文
那些有趣的程式35
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言