HTML、CSS和JavaScript是開發網頁的三大核心技術。HTML用來定義網頁的內容和結構,CSS用于定義網頁的樣式和布局,JavaScript則用來實現網頁的交互和動態效果。
下面是一個簡單的網頁代碼示例,用到了HTML、CSS和JavaScript:
這是一個簡單的網頁示例
<!DOCTYPE html> <html> <head> <title>我的網頁</title> <style> /* CSS樣式 */ body { background-color: #f0f0f0; } h1 { font-size: 36px; color: #333; text-align: center; } p { font-size: 18px; color: #666; text-align: justify; margin: 20px; } </style> <script> // JavaScript腳本 window.onload = function() { alert('歡迎來到我的網頁!'); } </script> </head> <body> <h1>HTML、CSS和JavaScript</h1> <p>HTML是超文本標記語言,用于定義網頁的內容和結構。CSS是層疊樣式表,用于定義網頁的樣式和布局。JavaScript是一種腳本語言,用于實現網頁的交互和動態效果。</p> </body> </html>看一下這個示例代碼,可以注意到代碼分成了三個部分。首先是使用p標簽定義的一個段落,介紹這個網頁的主要內容。其次是用pre標簽包圍的代碼部分,包含了HTML、CSS和JavaScript的代碼。最后是這段代碼所對應的網頁展示效果。 代碼部分詳細解釋如下: - 第一行使用了DOCTYPE聲明,告訴瀏覽器這是一個HTML5文檔。 - 代碼的整體結構是由html、head和body標簽組成的。head標簽中包含了應用的CSS樣式和JavaScript腳本,body標簽則是網頁的主要內容區域。 - CSS樣式定義了網頁的背景、標題和段落的字體、顏色和對齊方式。 - JavaScript腳本使用了window.onload事件,當網頁加載完畢后彈出一個提示框。 總的來說,這個示例代碼是一份入門級的網頁代碼,通過觀察和模仿這個示例,可以初步掌握HTML、CSS和JavaScript的基本用法和語法規則。
上一篇輸入框,css