第一天

時間 2019-11-15

標籤第一天简体版

原文原文鏈接

*HTTP協議
URL統一資源定位符(網址)
http://www.baidu.com：80/index.html?a=123
http：
超文本傳輸協議（如今主流https，更安全）css

==============================================================================html

HTML 統一資源定位器(Uniform Resource Locators) --URL前端

URL 是一個網頁地址。
URL能夠由字母組成，如"baidu.com"，或互聯網協議（IP）地址： 192.68.20.50。大多數人進入網站使用網站域名來訪問，由於名字比數字更容易記住。程序員

Web瀏覽器經過URL從Web服務器請求頁面。
當您點擊 HTML 頁面中的某個連接時，對應的 <a> 標籤指向萬維網上的一個地址。
一個統一資源定位器(URL) 用於定位萬維網上的文檔。web

一個網頁地址實例: http://www.runoob.com/html/html-tutorial.html 語法規則:編程

scheme://host.domain:port/path/filenamesublime-text

scheme - 定義因特網服務的類型。最多見的類型是 http
host - 定義域主機（http 的默認主機是 www）
domain - 定義因特網域名，好比 runoob.com
:port - 定義主機上的端口號（http 的默認端口號是 80）
path - 定義服務器上的路徑（若是省略，則文檔必須位於網站的根目錄中）。
filename - 定義文檔/資源的名稱瀏覽器

==============================================================================
動態網站開發平臺安全

1.JavaEE (UNIX + Tomcat + Oracle + JSP)
特色：開發速度慢、開發成本高、不易上手、相對穩定、容易維護

*2.Lamp (Linux + Apache + MySQL + PHP)
特色：開發速度快、開發成本低、容易上手、相對來講穩定、容易維護

3.Asp.net(Windows + IIS + SQL Server + ASP)
特色：開發速度快、開發成本低、容易上手、相對不穩定、不易維護服務器

==============================================================================

靜態網站請求響應過程、動態網站請求響應過程

==============================================================================

學習web前端開發基礎技術須要掌握：HTML、CSS、JavaScript語言。
下面咱們就來了解下這三門技術都是用來實現什麼的：

1. HTML是網頁內容的載體。內容就是網頁製做者放在頁面上想要讓用戶瀏覽的信息，能夠包含文字、圖片、視頻等。

2. CSS樣式是表現。就像網頁的外衣。好比，標題字體、顏色變化，或爲標題加入背景圖片、邊框等。全部這些用來改變內容外觀的東西稱之爲表現。

3. JavaScript是用來實現網頁上的特效效果。如：鼠標滑過彈出下拉菜單。或鼠標滑過表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換。能夠這麼理解，有動畫的，有交互的通常都是用JavaScript來實現的。

==============================================================================

什麼是HTML？

超文本標記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用於建立網頁的標準標記語言。
您可使用 HTML 來創建本身的 WEB 站點，HTML 運行在瀏覽器上，由瀏覽器來解析。

HTML 是用來描述網頁的一種語言。
HTML 指的是超文本標記語言: HyperText Markup Language
HTML 不是一種編程語言，而是一種標記語言
標記語言是一套標記標籤 (markup tag)
HTML 使用標記標籤來描述網頁
HTML 文檔包含了HTML 標籤及文本內容
HTML文檔也叫作 web 頁面

==============================================================================

HTML文檔的後綴名

.html

.htm

==============================================================================

HTML 標籤

HTML 標記標籤一般被稱爲 HTML 標籤 (HTML tag)。
HTML 標籤是由尖括號包圍的關鍵詞，好比 <html>
HTML 標籤一般是成對出現的，好比 <b> 和 </b>
標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤
開始和結束標籤也被稱爲開放標籤和閉合標籤

<標籤>內容</標籤>

HTML 標籤語法

1. 標籤由英文尖括號<和>括起來，如<html>就是一個標籤。

2. html中的標籤通常都是成對出現的，分開始標籤和結束標籤。結束標籤比開始標籤多了一個/。

如：

（1） <p></p>

（2） <div></div>

（3） <span></span>

還有一種單標籤，這種標籤並無結束標籤。而是在開始標籤中的末尾加一個/。

如：

（1） <br />

（2） <img />

3. 標籤與標籤之間是能夠嵌套的，但前後順序必須保持一致，如：<div>裏嵌套<p>，那麼</p>必須放在</div>的前面。以下圖所示。

4. HTML標籤不區分大小寫，<h1>和<H1>是同樣的，但建議小寫，由於大部分程序員都以小寫爲準。

=========================================================================

html屬性語法

通常都出如今HTML標籤中,HTML屬性是HTML標籤的一部分
標籤能夠有屬性,它包含了額外的信息.屬性的值必定要在雙引號中
標籤能夠擁有多個屬性
屬性由屬性名和值成對出現

<標籤名屬性名1="值" 屬性名2="值2"></標籤名>

=========================================================================

HTML 元素

"HTML 標籤" 和 "HTML 元素" 一般都是描述一樣的意思.
可是嚴格來說, 一個 HTML 元素包含了開始標籤與結束標籤

=========================================================================

這一節中咱們來學習html文件的結構：一個HTML文件是有本身固定的結構的。

<html>
<head>...</head>
<body>...</body>
</html>
代碼講解：

1. <html></html>稱爲根標籤，全部的網頁標籤都在<html></html>中。

2. <head> 標籤用於定義文檔的頭部，它是全部頭部元素的容器。頭部元素有<title>、<script>、 <style>、<link>、 <meta>等標籤，頭部標籤在下一小節中會有詳細介紹。

3. 在<body>和</body>標籤之間的內容是網頁的主要內容，如<h1>、<p>、<a>、<img>等網頁內容標籤，在這裏的標籤中的內容會在瀏覽器中顯示出來。

=========================================================================

認識head標籤

<head>標籤的做用。文檔的頭部描述了文檔的各類屬性和信息，包括文檔的標題等。絕大多數文檔頭部包含的數據都不會真正做爲內容顯示給讀者。

下面這些標籤可用在 head 部分：

<title>標籤：在<title>和</title>標籤之間的文字內容是網頁的標題信息，它會出如今瀏覽器的標題欄中。網頁的title標籤用於告訴用戶和搜索引擎這個網頁的主要內容是什麼，搜索引擎能夠經過網頁標題，迅速的判斷出網頁的主題。每一個網頁的內容都是不一樣的，每一個網頁都應該有一個獨一無二的title。

<head> 元素包含了全部的頭部標籤元素。在 <head>元素中你能夠插入腳本（scripts）, 樣式文件（CSS），及各類meta信息。
能夠添加在頭部區域的元素標籤爲: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.

=========================================================================

<base> 標籤描述了基本的連接地址/連接目標，該標籤做爲HTML文檔中全部的連接標籤的默認連接:

=========================================================================

HTML <link> 元素

=========================================================================

HTML <meta> 元素

meta標籤描述了一些基本的元數據。

META 元素一般用於指定網頁的描述，關鍵詞，文件的最後修改時間，做者，和其餘元數據。

元數據可使用於瀏覽器（如何顯示內容或從新加載頁面），搜索引擎（關鍵詞），或其餘Web服務。

爲搜索引擎定義關鍵詞:
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

爲網頁定義描述內容:
<meta name="description" content="學習PHP">

定義網頁做者:
<meta name="author" content="李">