HTML和JavaScript是當(dāng)今互聯(lián)網(wǎng)世界中最為重要的兩種語(yǔ)言。HTML用于網(wǎng)頁(yè)結(jié)構(gòu)的搭建，而JavaScript可以使得網(wǎng)頁(yè)變得更加豐富和多樣化。下面是一些HTML和JavaScript的源代碼：
<!DOCTYPE html>
<html>
<head>
<title>標(biāo)題</title>
</head>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一段內(nèi)容。</p>
<script>
alert('Hello World!');
</script>
</body>
</html>在這個(gè)例子中，我們使用了HTML來(lái)創(chuàng)建一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，并在這個(gè)網(wǎng)頁(yè)中使用了JavaScript來(lái)彈出一個(gè)“Hello World!”的提示框。需要注意的是，JavaScript代碼應(yīng)該放在HTML的head或body標(biāo)簽中，以便在頁(yè)面加載時(shí)執(zhí)行。
下面是另一個(gè)例子，展示如何使用JavaScript的for循環(huán)來(lái)創(chuàng)建一個(gè)列表：<!DOCTYPE html>
<html>
<head>
<title>標(biāo)題</title>
</head>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
<ul id="list"></ul>
<script>
for (var i = 1; i <= 5; i++) {
var li = document.createElement("li");
var text = document.createTextNode("列表項(xiàng) " + i);
li.appendChild(text);
document.getElementById("list").appendChild(li);
}
</script>
</body>
</html>在這個(gè)例子中，我們使用了JavaScript的for循環(huán)來(lái)創(chuàng)建五個(gè)列表項(xiàng)，并使用DOM（文檔對(duì)象模型）來(lái)將它們添加到一個(gè)ul元素中。需要注意的是，我們?cè)趗l元素中添加了一個(gè)id屬性，以便在JavaScript代碼中通過(guò)getElementById獲取這個(gè)元素。
HTML和JavaScript的源代碼可以讓我們更好地理解這兩門語(yǔ)言的基本語(yǔ)法和原理，并且在學(xué)習(xí)過(guò)程中我們需要使用到它們。我們可以在文本編輯器中編寫這些代碼，或者通過(guò)瀏覽器的開(kāi)發(fā)工具來(lái)查看已存在的網(wǎng)頁(yè)源代碼。