今日內容
- web概念概述
- HTML
1 web概念概述
1.1 JavaWeb
使用java語言開發基於互聯網的項目
1.2 軟件架構
- C/S：Client/Server 客戶端/服務器端
*優點：用戶體驗好
*缺點：開發、安裝、部署、維護 麻煩 - B/S：Browser/Server 瀏覽器/服務器端
用只需一個瀏覽器，用戶通過不同(URL)網址，可以訪問不同的服務器端程序
*優點：開發、安裝、部署、維護 簡單
*缺點：如果應用過大，用戶體驗受到影響而且對硬件要求過高
1.3 B/S架構詳解
- 靜態資源：使用靜態網頁開發技術發佈的資源
- 所有用戶訪問，得到的結果一樣
- 文本，圖片，音頻，視頻，HTML，CSS，JavaScript
- 如果用戶請求的是靜態資源，那麼服務器會直接將靜態資源發送給瀏覽器。瀏覽器內置了靜態資源的解析引擎，可以展示靜態資源
- 動態資源：使用動態網頁及時發佈的資源
- 所有用戶訪問，得到的結果可能不一樣
- jsp/servlet,php,asp…
- 如果用戶請求的是動態資源，那麼服務器會執行動態自願，轉換爲靜態資源，再發送給瀏覽器
- 靜態資源：
- HTML：用於搭建基礎網頁，展示頁面的內容
- CSS：用於美化頁面，佈局頁面
- JavaScript：控制頁面的元素，讓頁面有一些動態的效果
2 HTML
2.1 概念：是最基礎的網頁開發語言
Hyper Text Markup Language
- 超文本：用超鏈接的方法，將各種不同空間的文字信息組織在一起的網狀文本
- 標記語言：由標籤構成的語言。<標籤名稱> 如 html,xml
標記語言不是編程語言
2.2 快速入門
- html文檔後綴名 .html 或者 .htm
- 標籤分爲：
- 圍堵標籤：有開始標籤和結束標籤。如
- 自閉和標籤：開始標籤和結束標籤在一起。如
- 標籤可以嵌套：
<a><b></b></a> - 在開始標籤中可以定義屬性。屬性是由鍵值對構成，值需要用引號(單雙都可以)引起來
- heml的標籤不區分大小寫，但是建議使用小寫
<html>
<head>
<title>title</title>
</head>
<body>
<font color = 'green'>Hello World</font>
</body>
</html>
3 標籤學習
3.1 文件標籤：構成html的最基本標籤
- html：html文檔的根標籤
- head：頭標籤。用於指定html文檔的一些屬性。引入外部的資源
- title：標題標籤
- body：體標籤
<!DOCTYPE heml>：html5中定義該文檔是html文檔
3.2 文本標籤：和文本有關的標籤
- 註釋：
<!--註釋內容--> <h1> to <h6>：標題標籤 h1->h6字體大小遞減<p>：段落標籤<hr>：展示一條水平線- color：顏色
- width：寬度
- size：高度
- align：對齊方式
- center：居中
- left：左對齊
- right：右對齊
<b>：字體加粗<i>：字體斜體<font>：字體標籤- color：顏色
- size：大小
- face：字體
<center>：文本居中
- 屬性定義：
- color：
- 英文單詞：red，green，blue
- rgb(值1，值2，值3)：值的範圍：0~255如rgb(0,0,255)
- #值1值2值3：值的範圍：00~FF之間，如#FF00FF
- width：
- 數值：width=‘20’，數值的單位，默認是 px(像素)
- 數值%：佔比相對於父元素的比例，width=“50%”
- color：