JavaEE複習回顧一: Html&CSS&Bootstrap
WEB開發分為前端和後端,前端主要是HTML,CSS,JavaScript,jQuery,Bootstrap等等一些內容。今天主要是複習回顧HTML,CSS,Bootstrap。
目錄
一 、要用到的相關網站和工具
1,菜鳥教程 http://www.runoob.com/
2,W3Cschool http://www.w3school.com.cn/index.html
3,Bootstrap官網 http://www.bootcss.com/
4,火狐瀏覽器 http://www.firefox.com.cn/
5, 谷歌瀏覽器 https://www.google.cn/chrome/(貌似被牆了。。)
6,Notepad++,sublime,builder等編輯器任選一個
7, w3cschool 離線手冊
二、HTML的認識
1 什麼是 HTML?
- HTML 是用來描述網頁的一種語言。
- HTML 指的是超文字標記語言 (Hyper Text Markup Language)
- HTML 不是一種程式語言,而是一種標記語言 (markup language) 標記語言是一套標記標籤 (markup tag)
- HTML 使用標記標籤來描述網頁
2 HTML 標籤
- HTML 標記標籤通常被稱為 HTML 標籤 (HTML tag)。
- HTML 標籤是由尖括號包圍的關鍵詞,比如 <html>
- HTML 標籤通常是成對出現的,比如 <b> 和 </b>
- 標籤對中的第一個標籤是開始標籤,第二個標籤是結束標籤
- 開始和結束標籤也被稱為開放標籤和閉合標籤
3 HTML 文件 = 網頁
- HTML 文件描述網頁
- HTML 文件包含 HTML 標籤和純文字
- HTML 文件也被稱為網頁
4 基礎標籤
定義文件型別。 |
|
定義 HTML 文件。 |
|
定義文件的標題。 |
|
定義文件的主體。 |
|
定義 HTML 標題。 |
|
定義段落。 |
|
定義簡單的換行。 |
|
定義水平線。 |
|
定義註釋。 |
5 格式標籤
定義粗體文字。 |
|
不贊成使用。定義居中文字。 |
|
定義計算機程式碼文字。 |
|
定義被刪除文字。 |
|
定義強調文字。 |
|
不贊成使用。定義文字的字型、尺寸和顏色 |
|
定義斜體文字。 |
|
定義被插入文字。 |
|
不贊成使用。定義加刪除線的文字。 |
|
不贊成使用。定義下劃線文字。 |
6 表單標籤
定義供使用者輸入的 HTML 表單。 |
|
定義輸入控制元件。 |
|
定義多行的文字輸入控制元件。 |
|
定義按鈕。 |
|
定義選擇列表(下拉列表)。 |
|
定義選擇列表中相關選項的組合。 |
|
定義選擇列表中的選項。 |
|
定義 input 元素的標註。 |
7 框架標籤
定義框架集的視窗或框架。 |
|
定義框架集。 |
8 影象標籤
定義影象。 |
9 連結標籤
定義錨。 |
|
定義文件與外部資源的關係。 |
10 列表標籤
定義無序列表。 |
|
定義有序列表。 |
|
定義列表的專案。 |
11 表格標籤
定義表格 |
|
定義表格中的表頭單元格。 |
|
定義表格中的行。 |
|
定義表格中的單元。 |
|
定義表格中的表頭內容。 |
|
定義表格中的主體內容。 |
12 樣式標籤
定義文件的樣式資訊。 |
|
塊級元素,盒子模型 |
|
塊級元素 |
13 元資訊標籤
定義關於文件的資訊。 |
|
定義關於 HTML 文件的元資訊。 |
|
定義頁面中所有連結的預設地址或預設目標。 |
14 程式設計標籤
定義客戶端指令碼。 |
二 、CSS認識
1 css概述
2 css語法
3 派生選擇器
4 id選擇器
5 類選擇器
6 屬性選擇器
7 css框模型
8 HTML如何插入css樣式表
外部樣式表
內聯樣式表
內部樣式表
三、Bootstrap認識
Bootstrap 教程 http://www.runoob.com/bootstrap/bootstrap-tutorial.html