在前一篇有提到html的預設內容,那我們要如何從預設內容去寫入我們要的程式呢?
以下程式碼中,有分別寫入css、html、javascript的位置,這非常重要!!
因為位置寫錯在後面瀏覽網頁時可能會讀取不到那段資料!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
css程式碼
</style>
</head>
<body>
html程式碼
<script>
javascript程式碼
</script>
</body>
</html>
css的程式碼用style包起來寫在head裡面,
再來就是body的部分,
先寫html,再來用script將js程式碼包起來。
接下來簡單介紹一下css、html、js
css主要負責的就是網頁的美化,像是背景、字體大小、邊框等等
html負責網頁主要架構,也就是網頁的主要內容
js則是主要負責網頁與使用者的互動,讓整體網頁不那麼單調,
像是點擊按鈕會跳出視窗,或是移動鼠標按鈕會淡入淡出、放大縮小等等,
這類的動態效果都是透過js才有辦法顯示的。
基本介紹就先到這啦~