我們終於要開使進入網頁世界,一開始會覺得好多標籤名稱要記得、時不時也會忘記放入結束標籤,而出現錯誤。
但至少使用HTML做出一個簡單的網頁架構,對初期剛接觸的我來說,也有不少成就感。
以上認識元素、練習如何使用,基本上就可以做出網頁的架構啦。那也完成了一個部分了,別忘記也要push 上 Github 喔。
在 HTML 中加入 style 屬性,來撰寫CSS
<h1 style="color:blue;">A Blue Heading</h1>
<p style="color:red;">A red paragraph.</p>
在 HTML 檔案中,建立<style></style>
區塊
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
用link的方式,連結到另一個css檔案
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
/*This example links to a
style sheet located in the same folder as the current page*/
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
<link rel="value">
,"stylesheet"文檔的外部樣式表<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
//HTML4 與 (x)HTML
<script type="javascript.js"> </script>
//HTML5
<script src="javascript.js"> </script>