以下是一些網頁製作中常用的HTML、CSS和JavaScript程式碼示例:
### HTML基礎結構
```html
<;! DOCTYPE html>;
<; html>;
<; 頭部>;
<; 元字元集=“; UTF-8“ >;
<; meta name=“; 視口”; 內容=“; width=設備寬度,初始比例=1.0英寸; >;
**<; title>; 我的網站 (笑聲)
<; /頭部>;
<; 身體>;
<; h1>; 你好,世界! <; /h1>;
<; p>; 這是一個段落。 <; /p>;
<; /身體>;
<; /html>;
```
### CSS樣式設定
```css
身體{
字體家族:Arial,無襯線字體;
背景顏色:#f0f0f0;
}
h1{
顏色:藍色;
}
p
字體大小:16px;
線高:1.5;
}
```
### JavaScript基礎操作
```javascript
//彈出對話方塊
alert(“你好,世界!”);
//控制台輸出
console.log(“這是控制台中的消息。”);
//獲取元素並修改內容
document.getElementById(“myElement”)[xss_clean]=“; 新內容";;
```
###響應式設計
```css
/*在不同螢幕尺寸下修改樣式*/
@媒體荧幕和(最大寬度:600px){
身體{
字體大小:14px;
}
}
```
###簡單互動效果
```html
<! --切換圖片-->;
<; 按鈕onclick=“; changeImage(); >; 更改影像 /按鈕>;
<; 影像id=“; myImage src=“; image1.jpg”; alt=“; 影像"; >;
<; 腳本>;
函數changeImage(){
var img=document.getElementById(“myImage”);
img.src=“; image2.jpg”;
}
<; /script>;
```
這些是網頁製作中常用的基礎程式碼示例,您可以根據需要進行修改和擴展,實現不同的功能和效果。