1. 程式人生 > >JavaEE複習回顧一: Html&CSS&Bootstrap

JavaEE複習回顧一: Html&CSS&Bootstrap

WEB開發分為前端和後端,前端主要是HTML,CSS,JavaScript,jQuery,Bootstrap等等一些內容。今天主要是複習回顧HTML,CSS,Bootstrap。

目錄

一 、要用到的相關網站和工具

二、HTML的認識

1 什麼是 HTML?

2 HTML 標籤

3 HTML 文件 = 網頁

4 基礎標籤

5 格式標籤

6 表單標籤

7 框架標籤

8 影象標籤

9 連結標籤

10 列表標籤

11 表格標籤

12 樣式標籤

13 元資訊標籤

14 程式設計標籤

二 、CSS認識

1 css概述

2  css語法

3 派生選擇器

4 id選擇器

5 類選擇器

6 屬性選擇器

7 css框模型

8 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 基礎標籤

<!DOCTYPE>

定義文件型別。

<html>

定義 HTML 文件。

<title>

定義文件的標題。

<body>

定義文件的主體。

<h1> to <h6>

定義 HTML 標題。

<p>

定義段落。

<br>

定義簡單的換行。

<hr>

定義水平線。

<!--...-->

定義註釋。

 

5 格式標籤

<b>

定義粗體文字。

<center>

不贊成使用。定義居中文字。

<code>

定義計算機程式碼文字。

<del>

定義被刪除文字。

<em>

定義強調文字。

<font>

不贊成使用。定義文字的字型、尺寸和顏色

<i>

定義斜體文字。

<ins>

定義被插入文字。

<s>

不贊成使用。定義加刪除線的文字。

<u>

不贊成使用。定義下劃線文字。

 

6 表單標籤

<form>

定義供使用者輸入的 HTML 表單。

<input>

定義輸入控制元件。

<textarea>

定義多行的文字輸入控制元件。

<button>

定義按鈕。

<select>

定義選擇列表(下拉列表)。

<optgroup>

定義選擇列表中相關選項的組合。

<option>

定義選擇列表中的選項。

<label>

定義 input 元素的標註。

 

7 框架標籤

<frame>

定義框架集的視窗或框架。

<frameset>

定義框架集。

 

8 影象標籤

<img>

定義影象。

 

9 連結標籤

<a>

定義錨。

<link>

定義文件與外部資源的關係。

 

10 列表標籤

<ul>

定義無序列表。

<ol>

定義有序列表。

<li>

定義列表的專案。

 

11 表格標籤

<table>

定義表格

<th>

定義表格中的表頭單元格。

<tr>

定義表格中的行。

<td>

定義表格中的單元。

<thead>

定義表格中的表頭內容。

<tbody>

定義表格中的主體內容。

 

12 樣式標籤

<style>

定義文件的樣式資訊。

<div>

塊級元素,盒子模型

<span>

塊級元素

 

13 元資訊標籤

<head>

定義關於文件的資訊。

<meta>

定義關於 HTML 文件的元資訊。

<base>

定義頁面中所有連結的預設地址或預設目標。

 

14 程式設計標籤

<script>

定義客戶端指令碼。

 

 

二 、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