JAVA從零開始學習知識整理——HTML——day01—【HTML】

原創

2019-01-21 19:54

一、Web概念簡述

JavaWeb：
* 使用Java語言開發基於互聯網的項目
- 軟件架構：
  1. C/S: Client/Server 客戶端/服務器端
    - 在用戶本地有一個客戶端程序，在遠程有一個服務器端程序
    - 如：QQ，迅雷…
    - 優點：
      1. 用戶體驗好
    - 缺點：
      1. 開發、安裝，部署，維護麻煩
  2. B/S: Browser/Server 瀏覽器/服務器端
    - 只需要一個瀏覽器，用戶通過不同的網址(URL)，客戶訪問不同的服務器端程序
    - 優點：
      1. 開發、安裝，部署，維護簡單
    - 缺點：
      1. 如果應用過大，用戶的體驗可能會受到影響
      2. 對硬件要求過高
- B/S架構詳解
  - 資源分類：
    1. 靜態資源：
      - 使用靜態網頁開發技術發佈的資源。
      - 特點：
        
        所有用戶訪問，得到的結果是一樣的。
        
        如：文本，圖片，音頻、視頻, HTML,CSS,JavaScript
        
        如果用戶請求的是靜態資源，那麼服務器會直接將靜態資源發送給瀏覽器。瀏覽器中內置了靜態資源的解析引擎，可以展示靜態資源
    2. 動態資源：
      - 使用動態網頁及時發佈的資源。
      - 特點：
        
        所有用戶訪問，得到的結果可能不一樣。
        
        如：jsp/servlet,php,asp…
        
        如果用戶請求的是動態資源，那麼服務器會執行動態資源，轉換爲靜態資源，再發送給瀏覽器
  - 我們要學習動態資源，必須先學習靜態資源！
  - 靜態資源：
    - HTML：用於搭建基礎網頁，展示頁面的內容
    - CSS：用於美化頁面，佈局頁面
    - JavaScript：控制頁面的元素，讓頁面有一些動態的效果
      二、 HTML

概念：是最基礎的網頁開發語言
* Hyper Text Markup Language 超文本標記語言
* 超文本:
* 超文本是用超鏈接的方法，將各種不同空間的文字信息組織在一起的網狀文本.
* 標記語言:
* 由標籤構成的語言。<標籤名稱> 如 html，xml
* 標記語言不是編程語言
1. 快速入門：
  - 語法：
    1. html文檔後綴名 .html 或者 .htm
    2. 標籤分爲
      1. 圍堵標籤：有開始標籤和結束標籤。如
      2. 自閉合標籤：開始標籤和結束標籤在一起。如
      3. 標籤可以嵌套：
        需要正確嵌套，不能你中有我，我中有你
        錯誤：
        正確：
      4. 在開始標籤中可以定義屬性。屬性是由鍵值對構成，值需要用引號(單雙都可)引起來
      5. html的標籤不區分大小寫，但是建議使用小寫。
        簡單示例：

	<html>
			
				<head>
					<title>title</title>
				</head>
				
				<body>
					<FONT color='red'>Hello World</font><br/>
					
					<font color='green'>Hello World</font>
				
				</body>
		
			</html>

標籤學習：
1. 文件標籤：構成html最基本的標籤
* html:html文檔的根標籤
* head：頭標籤。用於指定html文檔的一些屬性。引入外部的資源
* title：標題標籤。
* body：體標籤
* ：html5中定義該文檔是html文檔
2. 文本標籤：和文本有關的標籤
* 註釋：
*

to

：標題標籤
* h1~h6:字體大小逐漸遞減
*

：段落標籤
*
：換行標籤
*

：展示一條水平線
* 屬性：
* color：顏色
* width：寬度
* size：高度
* align：對其方式
* center：居中
* left：左對齊
* right：右對齊
* ：字體加粗
* ：字體斜體
* :字體標籤
* :文本居中
* 屬性：
* color：顏色
* size：大小
* face：字體

 	* 屬性定義：
 		* color：
 			1. 英文單詞：red,green,blue
 			2. rgb(值1，值2，值3)：值的範圍：0~255  如  rgb(0,0,255)
 			3. #值1值2值3：值的範圍：00~FF之間。如： #FF00FF
 		* width：
 			1. 數值：width='20' ,數值的單位，默認是 px(像素)
 			2. 數值%：佔比相對於父元素的比例
 	3. 圖片標籤：
 	* img：展示圖片
 		* 屬性：
 			* src：指定圖片的位置

 	* 代碼：
 		 <!--展示一張圖片 img-->

 	    <img src="image/jingxuan_2.jpg" align="right" alt="古鎮" width="500" height="500"/>
 	
 	    <!--
 	        相對路徑
 	            * 以.開頭的路徑
 	                * ./：代表當前目錄  ./image/1.jpg
 	                * ../:代表上一級目錄
 	     -->
 	
 	    <img src="./image/jiangwai_1.jpg">
 	
 	    <img src="../image/jiangwai_1.jpg">
 	    4. 列表標籤：
 	* 有序列表：
 		* ol:
 		* li:
 	* 無序列表：
 		* ul:
 		* li:
 5. 鏈接標籤：
 	* a:定義一個超鏈接
 		* 屬性：
 			* href：指定訪問資源的URL(統一資源定位符)
 			* target：指定打開資源的方式
 				* _self:默認值，在當前頁面打開
 				* _blank：在空白頁面打開
 6. div和span：
 	* div:每一個div佔滿一整行。塊級標籤
 	* span：文本信息在一行展示，行內標籤 內聯標籤
 7. 語義化標籤：html5中爲了提高程序的可讀性，提供了一些標籤。
 	1. <header>：頁眉
 	2. <footer>：頁腳


 8. 表格標籤：
 	* table：定義表格
 		* width：寬度
 		* border：邊框
 		* cellpadding：定義內容和單元格的距離
 		* cellspacing：定義單元格之間的距離。如果指定爲0，則單元格的線會合爲一條、
 		* bgcolor：背景色
 		* align：對齊方式
 	* tr：定義行
 		* bgcolor：背景色
 		* align：對齊方式
 	* td：定義單元格
 		* colspan：合併列
 		* rowspan：合併行
 	* th：定義表頭單元格
 	* <caption>：表格標題
 	* <thead>：表示表格的頭部分
 	* <tbody>：表示表格的體部分
 	* <tfoot>：表示表格的腳部分

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

JAVA從零開始學習知識整理——HTML——day01—【HTML】

to

：標題標籤
* h1~h6:字體大小逐漸遞減
*

JAVA從零開始學習知識整理——HTML——day09—【Servlet&Response】

JAVA從零開始學習知識整理——HTML——day08—【Servlet&request】

JAVA從零開始學習知識整理——HTML——day06—【Xml】

JAVA從零開始學習知識整理——HTML——day07—【Tomcat &&Servlet】

JAVA從零開始學習知識整理——HTML——day05—【Bootstrap】

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結

JAVA從零開始學習知識整理——HTML——day01—【HTML】

to

：標題標籤 * h1~h6:字體大小逐漸遞減 *

：標題標籤
* h1~h6:字體大小逐漸遞減
*