【Day16】從零開始的程式大亂鬥：網頁 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2023 iThome 鐵人賽

DAY 16

0

自我挑戰組

那些有趣的程式系列第 16 篇

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

15th鐵人賽

2023-10-01 23:58:58

130 瀏覽

分享至

今天開始介紹網頁。

網頁基本上由三大語言 （HTML／CSS／JS） 組成：

HTML （HyperText Markup Language）：網頁結構
CSS （Cascading Style Sheets）：網頁美化
JS （JavaScript）：操作網頁，讓網頁動起來

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

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

HTML基本的結構組成：

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

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

【Day15】從零開始的程式大亂鬥：檔案處理

【Day17】從零開始的程式大亂鬥：JavaScript－操作DOM

系列文

那些有趣的程式共 35 篇

目錄

RSS系列文訂閱系列文

6 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

196 組

團體組數

4 組

累計文章數

416 篇

最後報名日

9/15

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js

IT邦幫忙