前端三件套是指在網(wǎng)頁(yè)開發(fā)中常用的三種技術(shù)：HTML，CSS和JavaScript。它們分別負(fù)責(zé)網(wǎng)頁(yè)的結(jié)構(gòu)，樣式和交互，是構(gòu)建網(wǎng)頁(yè)的基礎(chǔ)。下面我們來(lái)簡(jiǎn)單介紹一下它們的作用和特點(diǎn)，并舉一些例子。
HTML——描述頁(yè)面結(jié)構(gòu)
HTML（超文本標(biāo)記語(yǔ)言）是一種用來(lái)描述網(wǎng)頁(yè)內(nèi)容的語(yǔ)言，它使用一系列的標(biāo)簽（tag）來(lái)定義網(wǎng)頁(yè)中的元素，如標(biāo)題，段落，圖片，鏈接等。HTML標(biāo)簽通常成對(duì)出現(xiàn)，如<h1>和</h1>，表示一個(gè)一級(jí)標(biāo)題。HTML標(biāo)簽可以嵌套使用，表示不同層次的結(jié)構(gòu)。例如：
<html>
<head>
<title>我的網(wǎng)頁(yè)</title>
</head>
<body>
<h1>歡迎來(lái)到我的網(wǎng)頁(yè)</h1>
<p>這是一個(gè)簡(jiǎn)單的示例</p>
<img src="logo.png" alt="我的logo">
<a href="https://www.bing.com">訪問(wèn)必應(yīng)搜索</a>
</body>
</html>這段代碼定義了一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，包含了標(biāo)題，段落，圖片和鏈接四個(gè)元素。瀏覽器會(huì)根據(jù)HTML代碼來(lái)渲染網(wǎng)頁(yè)，顯示出相應(yīng)的內(nèi)容。
CSS——美化頁(yè)面
CSS（層疊樣式表）是一種用來(lái)控制網(wǎng)頁(yè)外觀的語(yǔ)言，它可以定義網(wǎng)頁(yè)中元素的顏色，大小，位置，邊框等屬性。CSS可以通過(guò)三種方式來(lái)應(yīng)用到HTML中：內(nèi)聯(lián)樣式，內(nèi)部樣式表和外部樣式表。內(nèi)聯(lián)樣式是在HTML標(biāo)簽中使用style屬性來(lái)定義樣式，如<p style="color:red;">這是一段紅色的文字</p>。內(nèi)部樣式表是在HTML的<head>部分使用<style>標(biāo)簽來(lái)定義樣式，如：
<style>
h1 {
color: blue;
font-size: 36px;
}
p {
font-family: Arial;
}
</style>這段代碼定義了兩個(gè)樣式規(guī)則，分別應(yīng)用到h1和p元素上，使得h1元素顯示為藍(lán)色和36像素的字體，p元素顯示為Arial字體。外部樣式表是在一個(gè)單獨(dú)的文件中定義樣式，并在HTML中使用<link>標(biāo)簽來(lái)引用，如<link rel="stylesheet" href="style.css">。這種方式可以讓多個(gè)網(wǎng)頁(yè)共享同一個(gè)樣式表，方便管理和修改。
JavaScript——給頁(yè)面添加行為
JavaScript（簡(jiǎn)稱JS）是一種用來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)交互的腳本語(yǔ)言，它可以在瀏覽器中運(yùn)行，響應(yīng)用戶的操作，修改網(wǎng)頁(yè)內(nèi)容，發(fā)送和接收數(shù)據(jù)等。JavaScript可以通過(guò)兩種方式來(lái)嵌入到HTML中：內(nèi)部腳本和外部腳本。內(nèi)部腳本是在HTML中使用<script>標(biāo)簽來(lái)編寫代碼，如：
<script>
alert("Hello, world!");
</script>這段代碼會(huì)在網(wǎng)頁(yè)加載時(shí)彈出一個(gè)對(duì)話框，顯示“Hello, world!”的信息。外部腳本是在一個(gè)單獨(dú)的文件中編寫代碼，并在HTML中使用<script>標(biāo)簽來(lái)引用，如<script src="script.js"></script>。這種方式可以讓多個(gè)網(wǎng)頁(yè)共享同一個(gè)腳本文件，方便管理和修改。
小結(jié)
前端三件套是網(wǎng)頁(yè)開發(fā)的核心技術(shù)，它們相互配合，實(shí)現(xiàn)了豐富多彩的網(wǎng)頁(yè)效果。通過(guò)學(xué)習(xí)和掌握前端三件套，你可以創(chuàng)建自己的網(wǎng)站，并展示你的創(chuàng)意和才華。
html相關(guān)課程：課程列表-html | w3cschool
CSS相關(guān)課程：課程列表- css | w3cschool
JavaScript相關(guān)課程：課程列表 -JavaScript | w3cschool
