2019.10.11 THML

時間 2019-12-01

標籤 2019.10.11 thml 简体版

原文原文鏈接

HTMLphp

1.Web basic 概念html

1.1web

Internet（英特網）數據庫

internet是運行web的基礎環境英特網提供主要服務有：Telent Email WWW 等等瀏覽器

技術：在互聯網中進行信息的交換例如：看視頻，購物，文字，聽音樂等服務器

分組交換原理：把要傳輸的報文分紅若干個小的數據塊，成爲分組（Packet），而後以分組爲單位按照與報文交換一樣的方法進行傳輸。微信

TCP/IP 協議互聯網中定位人的地址網絡

找到你的IP地址，找到你的電腦，而後經過分組交換原理，給你的電腦傳輸數據ide

1.2 Web（world wide web）就是網頁post

Web 萬維網環球網 www

web是創建在Internet上，能夠爲瀏覽者在Internet上查找和瀏覽信息提供了圖形化的界面，Web可以將各種信息和服務類型進行諒解

信息：文字。圖像。視頻。音頻。文件

服務：www Email

1.3 工做原理

B/S（B/S就是「Browser/Server」的縮寫）網絡結構模式的程序

客戶端發出請求，讓核心的業務處理在服務端完成，而後迴應客戶端。

你只須要在本身電腦或手機上安裝一個瀏覽器，就能夠經過web Server與數據庫進行數據交互。

例如，百度等等之類的瀏覽器

優勢：
不須要下載能夠直接使用

直接在服務器端更新

缺點：很是依賴網絡

C/S（C/S就是「Client/Server」的縮寫）軟件系統結構模式的程序

是經過客戶端發送請求到服務端，服務端進行並查詢數據庫得出結果最後處理結果反應給你例如：微信 QQ 遊戲等

優勢：

能夠自定義用戶習慣界面 UI

能夠根據用戶的硬件不一樣來設置不一樣的解析成程度

缺點：

不一樣的操做系統須要不一樣的版本

更新須要客戶端打補丁

五大瀏覽器

IE 火狐--Mozilla FireFox Opera—歐朋 Apple Safari – 蘋果 Google Chrome—谷歌

2.基本語法：

HTML超文本連接(Hyper Text Markup Language)

用於描述功能的符號   爲標記通常使用<>
           標記分兩種：
               封閉式標籤 <h1>標題標籤</h1>
               非封閉式標籤 <hr> <hr />

從語法角度是標記從內容上來講是元素
能夠嵌套使用

2.HTML文檔是由 HTML 元素定義的。

3.屬性是用來修飾元素的常見屬性：

align 對其方式 id 獨一無二的標識 title 鼠標移入到元素上顯示的內容

class 定義元素的選擇器 style 定義元素的行內樣式

<html> 根標記有且僅有一對</html>

<head> 網頁頭部定義頁面的全局信息</head>

<body>網頁的主體部分</body>

<title>網頁的標題</title>

（標籤跟屬性的量很大，因此只用記住經常使用的，不記得的能夠上網查）

行內元素和塊級元素             注意：p標籤中不能嵌套塊級元素
           1，行內元素： 不會換行 寬高由內容決定，所以沒法設置對齊方式默認沒法設置寬高（內聯元素）
           2. 塊級元素： 獨佔一行 都是有align屬性寬度默認和父元素同寬高度由內容決定

圖片

<img src="URL" URL（Uniform Resource Locator）：統一資源定位器

路徑三種表現形式：絕對路徑： 1.直接訪問盤符 2 .訪問互聯網資源

相對路徑：1. 當前文件和資源文件在同一個目錄下 --- 直接經過名稱引用

2 . 資源文件在當前文件的子目錄中 -- 先進入在引用

3. 資源文件在當前文件的目錄中 --- 先返回在引用

根相對路徑（服務端使用）

圖像格式：png 無損壓縮 8位 24位 32位支持透明色

jpg jpeg 壓縮有損

gif 支持動

經常使用屬性：src=「圖片的路徑」 alt="圖片加載失敗時候的顯示文字" title="對圖片的解釋須要鼠標移入才能顯示"

a標籤：

a標籤又叫作超連接標籤

超連接是指從一個網頁指向一個目標的鏈接關係，這個目標能夠是另外一個網頁，也能夠是相同網頁上的不一樣位置，還能夠是一個圖片，一個電子郵件地址，一個文件，甚至是一個應用程序

<a href="https://www.cnblogs.com/yanjiayi098-001/" target="_blank">點我會跳轉哦！</a> <!--target="_blank"表示從新打開一個網頁進行跳轉，"_self"表示就在當前網頁進行跳轉--> 
(1)連接到網頁或瀏覽器支持的圖片格式 
(2)連接到壓縮文件:用壓縮命令或壓縮軟件將文件壓縮，直接連接壓縮文件名稱便可。             
(3)連接到郵箱：
(4)連接到 Javascript腳本代碼
(5)連接到空連接(空文檔)

列表
無序ul，有序ol，列li
無序列表：
 1.type屬性：disc實心圓，circle空心圓，square實心方塊；
有序列表：
_self"表示就在當前網頁進行跳轉

1.type屬性：默認整數，A字母，I羅馬字符；

2.start屬性：從某個數字開始；

3.value屬性：用於li裏，從某個數字開始；

自定義列表：

dl，dt，dd

表格

表格	描述
<table>	定義表格
<caption>	定義表格標題。
<th>	定義表格的表頭。
<tr>	定義表格的行。
<td>	定義表格單元。
<thead>	定義表格的頁眉。
<tbody>	定義表格的主體。
<tfoot>	定義表格的頁腳。
<col>	定義用於表格列的屬性。
<colgroup>	定義表格列的組。

colspan 合併行

rowspan 合併列

表單標籤（與用戶進行交互）

表單是能夠把瀏覽者輸入的數據傳送到服務器端，這樣服務器端程序就能夠處理表單傳過來的數據。

語法：

講解：

<form> ：<form>標籤是成對出現的，以<form>開始，以</form>結束。

action ：瀏覽者輸入的數據被傳送到的地方,好比一個PHP頁面(save.php)。

method ：數據傳送的方式（get/post）。

<input>輸入框

文本輸入框、密碼輸入框

當用戶要在表單中鍵入字母、數字等內容時，就會用到文本輸入框。文本框也能夠轉化爲密碼輸入框。

語法：

<form>

</form>

type：

當type="text"時，輸入框爲文本輸入框;

當type="password"時, 輸入框爲密碼輸入框。

name：爲文本框命名，以備後臺程序ASP 、PHP使用。

value：爲文本輸入框設置默認值。(通常起到提示做用)

文本域，支持多行文本輸入

當用戶須要在表單中輸入大段文字時，須要用到文本輸入域。

語法：

<textarea>標籤是成對出現的，以<textarea>開始，以</textarea>結束。

cols ：多行輸入域的列數。

rows ：多行輸入域的行數。

單選框，複選框

語法：

type:

當type="radio"時，控件爲單選框

當type="checkbox"時，控件爲複選框

value：提交數據到服務器的值（後臺程序PHP使用）

name：爲控件命名，以備後臺程序ASP、PHP使用

checked：當設置checked="checked"時，該選項被默認選中

注意：同一組的單選按鈕，name取值必定要一致，這樣同一組的單選按鈕才能夠起到單選的做用。

下拉列表框，節省空間

下拉列表在網頁中也常會用到，它能夠有效的節省網頁空間。既能夠單選、又能夠多選。

語法：<option value="提交值">選項</option>

提交值是向服務器提交的值，選項是顯示的值。

</select>

</form>

使用下拉列表框進行多選

下拉列表也能夠進行多選操做，在<select>標籤中設置multiple="multiple"屬性，

就能夠實現多選功能，進行多選時按下Ctrl鍵同時進行單擊，能夠選擇多個選項。

以下代碼：

</select>

</form>

在表單中有兩種按鈕可使用，分別爲：提交按鈕、重置。

提交按鈕：當用戶須要提交表單信息到服務器時，須要用到提交按鈕。

語法：

type：只有當type值設置爲submit時，按鈕纔有提交做用

value：按鈕上顯示的文字

重置按鈕，重置表單信息

當用戶須要重置表單信息到初始時的狀態時，好比用戶輸入「用戶名」後，發現書寫有誤，可使用重置按鈕使輸入框恢復到初始狀態。只須要把type設置爲"reset"就能夠。

語法：

type：只有當type值設置爲reset時，按鈕纔有重置做用

value：按鈕上顯示的文字

相關標籤/搜索

thml

2019.10.11

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。