[TOC]
## 一、網頁的構成
### 展現形式上的構成
文字,圖片和鏈接是構成一個網頁最基本的元素。除此之外,網頁的元素還包括表單(控件),表格,動畫、音樂、視頻等等。
### 代碼結構上的構成
從代碼結構上講,網頁的構成就是由html標簽組成,我們需要掌握不同的標簽分別代表著什么意義,掌握在網頁中展現不同的東西分別需要用什么標簽。
## 二、什么是 HTML
HTML 是用來描述網頁的一種語言。
* HTML 指的是超文本標記語言 (Hyper Text Markup Language)
* HTML 不是一種編程語言,而是一種標記語言 (markup language)
* 標記語言是一套標記標簽 (markup tag)
* HTML 使用標記標簽來描述網頁
>[danger]HTML 文檔 = 網頁
## 三、如何創建一個HTML文檔
包含HTML標簽的文件叫HTML文檔,文件擴展名為.html 或.htm等。HTML文檔要通過網頁瀏覽器來閱讀。瀏覽器的作用是讀取 HTML 文檔,并以網頁的形式顯示出它們。
>[danger]通過谷歌或者火狐瀏覽器,我們可以很方便的看HTML文檔的源代碼或者HTML文檔的結構。
通過使用任意文本編輯器直接新建一個文件,文件擴展名為.html 或.htm保存就創建了一個HTML文檔。通過瀏覽器訪問這個HTML文件。
>[danger]HTML是一種描述性的語言,沒有邏輯 性,所以學習起來非常容易
## 四、自己的第一個頁面
~~~
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>學并思</title>
</head>
<body>
我的第一個頁面
</body>
</html>
~~~
>[danger]**作業:**用編輯器建立自己的第一個網頁,并通過瀏覽器訪問
- 序言
- 第一章:準備工作
- 寫在學習之前的話
- web應用開發結構
- 開發工具/環境
- 第二章:展現層面(HTML/CSS)
- HTML簡介
- HTML基礎
- HTML編碼
- HTML鏈接
- HTML圖像
- HTML列表
- HTML表單
- HTML表格(分水嶺)
- HTML 實體
- HTML框架
- CSS層疊樣式表
- CSS選擇器
- CSS文本/字體
- CSS繼承和疊加
- CSS框模型
- CSS浮動(分水嶺)
- CSS定位
- CSS背景
- CSS圖標字體
- CSS補充
- 開發技巧
- 第三章:展現層面(Javascript)
- JS簡介
- JS實現
- JS輸出交互
- JS變量
- JS數據類型
- JS運算符
- JS流程控制(分水嶺)
- JS函數
- JS數組
- JS對象(分水嶺)
- JS數組對象
- JS字符串對象
- JS數學對象
- JS日期對象
- JS BOM對象(分水嶺)
- JS DOM對象
- JS事件對象
- JS元素對象
- JS DOM節點
- 第四章:展現層面(Jquery)
- JQ簡介
- JQ使用
- JQ選擇器
- JQ篩選
- JQ屬性
- JQ-CSS
- JQ事件
- JQ文檔處理
- JQ效果
- JQ-ajax
- 第五章:邏輯/業務層面(PHP)
- PHP簡介
- PHP變量
- PHP數據類型
- PHP常量
- PHP運算符
- PHP流程控制
- PHP函數(分水嶺)
- PHP日期
- PHP數學
- PHP數組
- PHP字符串
- PHP正則表達式(分水嶺)
- PHP目錄操作
- PHP文件
- PHP上傳/下載
- PHP面向對象(分水嶺)
- PHP圖像處理
- PHP會話控制
- Ajax異步處理
- PHPMysql擴展
- PHPMysqli擴展
- PHPPdo擴展
- PHP接口
- PHP命名空間
- 第六章:邏輯/業務層面(框架設計)
- 第七章:存儲層面(mysql)
- Mysql基礎
- Mysql Sql簡介
- Mysql數據庫
- Mysql數據類型
- Mysql數據表
- Mysql操作記錄
- Mysql查詢
- Mysql修改表結構
- Mysql日期與時間
- Mysql分組統計
- Mysql多表查詢
- Mysql安全
- Mysql存儲引擎
- Mysql事務
- Mysql視圖
- Mysql觸發器
- Mysql存儲過程
- Mysql存儲函數
- Mysql優化
- 第八章:服務器(Linux)
- Linux介紹與安裝
- Shell
- 目錄與文件操作
- VIM編輯器使用
- 帳號管理
- SUDO
- 權限控制
- 壓縮與打包
- 軟件安裝
- 計劃任務
- 進程管理
- 寶塔Linux面板