前端開發是創建WEB頁面或APP等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。
前端開發從網頁制作演變而來，名稱上有很明顯的時代特征。在互聯網的演化進程中，網頁制作是Web1.0時代的產物，早期網站主要內容都是靜態，以圖片和文字為主，用戶使用網站的行為也以瀏覽為主。隨著互聯網技術的發展和HTML5、CSS3的應用，現代網頁更加美觀，交互效果顯著，功能更加強大。
(1)對Web站點作出具體的規劃(2)準備Web站點的素材(3)創建Web站點和制作網頁(4)測試Web站點(5)發布Web站點(6)宣傳自己的Web站點(7)對Web站點進行維護和更新
一、基本概念
1.什么是 HTML？
HTML 是用來描述網頁的一種語言。
HTML 指的是超文本標記語言 (Hyper Text Markup Language)
HTML 不是一種編程語言，而是一種標記語言 (markup language)
標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來描述網頁
2.HTML 標簽
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
HTML 標簽是由尖括號包圍的關鍵詞，比如
HTML 標簽通常是成對出現的，比如 和
標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽
開始和結束標簽也被稱為開放標簽和閉合標簽
3.HTML 文檔 = 網頁
HTML 文檔描述網頁
HTML 文檔包含 HTML 標簽和純文本
HTML 文檔也被稱為網頁
Web 瀏覽器的作用是讀取 HTML 文檔，并以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽，而是使用標簽來解釋頁面的內容。
二、常用標簽
1.好了，廢話不多說，先來看一個例子，打開記事本輸入以下字段，保存為html格式：
例子解釋：前面為開始標簽，后面是結束標簽
2.常見的一些標簽
隨意編寫了一個HTML網頁，大家可以參考。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>selenuim彈窗</title>
</head>
<body>
<div align="center">
<h4>一起測試吧</h4>
<input type="button" onclick="jianjian()" value="帶輸入框的彈窗"/>
<span id="textSpan"></span>
<div align="center">
<font color="red" size="6">
<p>DOTA是什么：
<a >DOTA2官網</a>
<a >下載游戲</a>
</p>
<p>這里的游戲很好玩，里面有吃雞哦：
<a >STEAM</a>
</p>
</div>
</body>
<script>
function jianjian(){
document.getElementById("textSpan").innerHTML="";
con = prompt("輸入1為OK，輸入2為false");
if(con==1){
document.getElementById("textSpan").innerHTML="<font style='color: green;'>OK</font>";
}else if(con==2){
document.getElementById("textSpan").innerHTML="<font style='color: green;'>都說了false還輸入啊</font>";
}else{
document.getElementById("textSpan").innerHTML="<font style='color: red;'>您沒有按要求輸入，請重新輸入</font>";
}
}
</script>
</html>
如果想學習做網頁，還是需要系統買本html方面的書看一看。