學習HTML 第五節.簡單交互
阿新 • • 發佈：2018-02-23
col 技術分享 image oct char ali 在屏幕上 打開 網頁交互
學習HTML 第五節.簡單交互
也許你和我一樣，對頁面排版的興趣小於網頁交互，那麽我們就先略過一些章節，直接學一下簡單交互。
前面點擊圖片打開鏈接的網址，已經是最簡單的交互方式了，復雜的方式則需要用到JavaScript編程。
聽起來好深奧，能不能學會啊？反正開始是很簡單的，我已經會了。
談到編程學習，第一步當然是老套的在屏幕上顯示一行“Hello World”啦。
還是以原來那個HTML文件做底，加上紅色的一段：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我要學HTML---簡單交互</title>
</head>
<body style="background-color:green;">
<h1 style="text-align: center;color:red">整體背景為綠色
</h1>
<h2 style="background-color:red;">顯示一行文字；</h2>
<script>
document.write("Hello! 你好！這個老套的世界！")
</script>
</body>
</html>
顯示出來就這樣，好象沒什麽玄妙嘛，跟之前學的有什麽不一樣？
別急，內涵不一樣了。
<script>標簽表示後面是JavaScript語句了。
document.write("...")文件寫？
語法反正跟之前學的不一樣了，暈，又是新概念啊~~~
沒關系，慢慢來。
學習HTML 第五節.簡單交互