編輯首頁:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
這裏是聲明一個字符編碼，utf-8國際上最通用的字符編碼
<title>無標題文檔</title>
</head>
<head>與</head>之間是不可見的，是給瀏覽器做信息配置用的
<body>
這裏是我們這個網頁的主體部分，內容就寫在這裏
</body>
</html> html元素是文檔開始和結尾的元素，它是一個雙標籤
◎網頁製作中的基本技術：
學習web前端開發基礎技術需要掌握：HTML、CSS、JavaScript語言。
- HTML是網頁內容的載體。內容就是網頁製作者放在頁面上想要讓用戶瀏覽的信息，可以包含文字、圖片、視頻等。
- CSS樣式是表現。就像網頁的外衣。比如，標題字體、顏色變化，或爲標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之爲表現。
- JavaScript是用來實現網頁上的特效效果。如：鼠標滑過彈出下拉菜單。或鼠標滑過表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換。可以這麼理解，有動畫的，有交互的一般都是用JavaScript來實現的。
網頁製作中的常用標籤：
1.文本格式標籤
<p> </p> 標識段落文本
<pre> </pre> 標識預定義文本
<blockquote> </blockquote> 標識引用文本
2.字符格式標籤
<b> </b> 標識強調文本，以加粗效果顯示
<i> </i> 標識引用文本，以斜體效果顯示
<blink> </blink> 標識文本，以閃爍效果顯示，IE瀏覽器不支持
<big> </big> 標識放大文本，以放大效果顯示
<small> </small> 標識縮小文本，以縮小效果顯示
<sup> </sup> 標識上標文本，以上標效果顯示
<sub> </sub> 標識下標文本，以下標效果顯示
<cite> </cite> 標識引用文本，以引用效果顯示
3.列表標籤
<ul><li> </li></ul> 標識無序列表
<li><li> </li></li> 標識有序列表
<dl><dt><dd> </dd></dt></dl> 標識定義列表
4.鏈接標籤
超鏈接:<a href=“http://www.baidu.com”>百度首頁</a>
錨鏈接:<a href=“#btm”>跳轉到底部</a>
<div id=“box” style=“height:2000px; border:solid 1px red;”>撐開瀏覽器滾動條</div>
<span id=“btm”>底部錨點位置</span>
6.多媒體標籤
<img />:嵌入圖像