web服務處於應用層的http協議負責的數據傳輸與解析。位於socket上層，用socket傳輸http數據時需要在消息開頭處聲明是http協議/相應http版本狀態碼狀態碼含義 \r\n\r\n 真正的字元串內容。 HTML是什麼 Hypertext Markup Language，是一種標 ...

web服務

處於應用層的http協議負責的數據傳輸與解析。
位於socket上層，用socket傳輸http數據時需要在消息開頭處聲明是http協議/相應http版本狀態碼狀態碼含義 \r\n\r\n 真正的字元串內容。

HTML是什麼

Hypertext Markup Language，是一種標記語言，來標記要顯示的網頁中的各個部分。一套瀏覽器認識的規則。
瀏覽器會按順序渲染網頁代碼文件，根據標記符解釋和顯示內容。不同瀏覽器的標簽解釋可能有差異。

靜態網頁文件擴展名： .html .htm .js ……
使用標記標簽來設置網頁的展示如

html代碼文件的結構

<!DOCTYPE html> #讓瀏覽器知道用哪種HTML來解析它。 #開頭標記，結束時有對應標記。告訴瀏覽器自身是一個HTML文檔。 <head> #頭部定義 <meta charset="UTF-8"/> <title>網頁的標題</title> </head> <body> #網頁主題內容 </body> #結尾標記

html標簽格式

關鍵詞是被尖括弧<> 包住的。
通常成對出現，如
開始標簽，
結束標簽。有些功能簡單的標簽一個即可，稱為自閉和標簽，
不區分大小寫
可以有若幹個屬性，也可不加屬性。
標簽內可嵌套標簽，但不能交叉嵌套。

標簽的語法：

<標簽名屬性1= "屬性值1" 屬性2= "屬性值2" ……> 內容部分 </標簽名>
<標簽名屬性= "屬性值1" 屬性2= "屬性值2" …… />

常用標簽

<!DOCTYPE>

寫與文檔最前面，<html>標簽之前。告知瀏覽器文檔使用哪種 HTML 或 XHTML 規範。
作用：聲明文檔的解析類型。避免瀏覽器的怪異模式。

解析類型

backcompat 怪異模式，瀏覽器用自己的方式解析渲染
CSS1compat 標準模式。瀏覽器用w3c標準解析渲染

若沒寫，預設是backcompat

<head>

<meta>

提供有關頁面的元信息，針對搜索引擎和更新頻度的描述和關鍵詞。
位於文檔頭部，不包含任何內容。
提供的信息對用戶不可見

meta標簽的屬性

http-equiv屬性相當於http文件頭，想瀏覽器傳回一些信息，以幫助正確的顯示網頁內容，與之對應的屬性值為content。例子：

<meta http-equiv="Refresh" content="2;URL=https://www.oldboy.com"> //(註意後面的引號，分別在秒數的前面和網址的後面)
 
<meta http-equiv="content-Type" charset=UTF8">
 
<meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />

name屬性描述網頁，與之對應的屬性值為content（為便於搜索引擎查找和分類信息）

<meta name="keywords" content="meta總結,html meta,meta屬性,meta跳轉">
 
<meta name="description" content="培訓機構是由一群很人創建的">

<title>

網頁標簽名

<link>

給標簽鏈接一些圖片等。

<script>

???

<body>

塊級元素與行內元素的區別所謂塊元素，是以另起一行開始渲染的元素，行內元素則不需另起一行。如果單獨在網頁中插入這兩個元素，不會對頁面產生任何的影響。
這兩個元素是專門為定義CSS樣式而生的。

塊級標簽

<hn> n為1~6，表示內容中標題大小。
段落標簽，換行後與上下間有空格
換行
水平線

內聯標簽

文字加粗

<strike> 在文字上加一條中線
_{^{下角標、上角標}}

特殊字元

&lt; &gt；&quot；&copy;&reg;

<div>

塊級元素，並無實際的意義。主要通過CSS樣式為其賦予不同的表現.

<span>

內聯行(行內元素),並無實際的意義,主要通過CSS樣式為其賦予不同的表現.

<img>

圖片標簽

src: 要顯示圖片的路徑.

alt: 圖片沒有載入成功時的提示.

title: 滑鼠懸浮時的提示信息.

width: 圖片的寬

height:圖片的高 (寬高兩個屬性只用一個會自動等比縮放.)

<a> </a>

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

註：URL地址由4部分組成
第1部分：為協議：http://、ftp://等
第2部分：為站點地址：可以是功能變數名稱或IP地址
第3部分：為頁面在站點中的目錄：stu
第4部分：為頁面名稱，例如 index.html
各部分之間用“/”符號隔開。

<a href="" target="_blank" >click</a>

href屬性指定目標網頁地址。該地址可以有幾種類型：

  絕對 URL - 指向另一個站點（比如 href="http://www.jd.com）
  相對 URL - 指當前站點中確切的路徑（href="index.htm"）
  錨 URL - 指向頁面中的錨（href="#top"）

列表標簽

<ul>: 無序列表 [type屬性：disc(實心圓點)(預設)、circle(空心圓圈)、square(實心方塊)]

<ol>: 有序列表
         <li>:列表中的每一項.

<dl>  定義列表

         <dt> 列表標題
         <dd> 列表項

<table>

表格是一個二維數據空間，一個表格由若幹行組成，一個行又有若幹單元格組成，單元格裡可以包含文字、列表、圖案、表單、數字元號、預置文本和其它的表格等內容。
表格最重要的目的是顯示表格類數據。表格類數據是指最適合組織為表格格式（即按行和列組織）的數據。

基本結構

<table>
    <tr>
        <th>標題<th>  #第一列，th會加粗字體
        <th>標題<th> 
    </tr>
    
    <tr>
        <td>內容</td>
        <td>內容</td>
    </tr>
</table>

<tr>: table row

<th>: table head cell

<td>: table data cell


屬性:

    border: 表格邊框.

    cellpadding: 內邊距

    cellspacing: 外邊距.

    width: 像素 百分比.（最好通過css來設置長寬）

    rowspan:  單元格豎跨多少行

    colspan:  單元格橫跨多少列（即合併單元格）

表單標簽<from>

用於向伺服器傳輸數據，從而實現用戶與web伺服器的交互

能包含input系列標簽，如文本欄位、覆選框、單選框、提交按鈕等。

還可以包含textarea、select、fieldset和label等標簽。

表單屬性

action ：表單提交到哪個地址，程式要有相應的接收表單數據與處理機制，
method: 表單的提交方式 post/get預設取值就是get

表單元素

HTML表單是HTML元素中較為複雜的部分，表單往往和腳本、動態頁面、數據處理等功能相結合，因此它是製作動態網站很重要的內容。

表單一般用來收集用戶的輸入信息。
表單工作原理：訪問者在瀏覽有表單的網頁時，可填寫必需的信息，然後按某個按鈕提交。這些信息通過Internet傳送到伺服器上。
伺服器上專門的程式對這些數據進行處理，如果有錯誤會返回錯誤信息，並要求糾正錯誤。當數據完整無誤後，伺服器反饋一個輸入完成的信息

<input>標簽

類型

type:   text 文本輸入框

        password 密碼輸入框

        radio 單選框

        checkbox 多選框  

        submit 提交按鈕            

        button 按鈕(需要配合js使用.) button和submit的區別？

        file 提交文件：form表單需要加上屬性enctype="multipart/form-data" 
            
            上傳文件註意兩點：

                     1 請求方式必須是post
                     2 enctype="multipart/form-data"

屬性

 name:    表單提交項的鍵.

           註意和id屬性的區別：name屬性是和伺服器通信時使用的名稱；
           而id屬性是瀏覽器端使用的名稱，該屬性主要是為了方便客戶端編程，而在css和javascript中使用的

value:    表單提交項的值.對於不同的輸入類型，value 屬性的用法也不同：

                type="button", "reset", "submit" - 定義按鈕上的顯示的文本
                 
                type="text", "password", "hidden" - 定義輸入欄位的初始值
                 
                type="checkbox", "radio", "image" - 定義與輸入相關聯的值


checked:  radio 和 checkbox 預設被選中

readonly: 只讀. text 和 password

disabled: 對所用input都好使.

select標簽

 <select> 下拉選標簽屬性


          name:表單提交項的鍵.

          size：選項個數

          multiple：multiple 
                 <optgroup>為每一項加上分組

                 <option> 下拉選中的每一項 屬性：

                       value:表單提交項的值.   
                       selected: selected下拉選預設被選中

<textarea> 多行文本框

<form id="form1" name="form1" method="post" action="">
        <textarea cols=“寬度” rows=“高度” name=“名稱”>
                   預設內容
        </textarea>
</form>

<label>標簽

定義：<label> 標簽為 input 元素定義標註（標記）。
說明： 1 label 元素不會向用戶呈現任何特殊效果。 2 <label> 標簽的 for 屬性值應當與相關元素的 id 屬性值相同。

<form method="post" action="">

        <label for=“username”>用戶名</label>
        <input type=“text” name=“username” id=“username” size=“20” />
</form>

<fieldset>標簽

fieldset 元素可將表單內的相關元素分組。

<fieldset> 標簽將表單內容的一部分打包，生成一組相關表單的欄位。

當一組表單元素放到 <fieldset> 標簽內時，瀏覽器會以特殊方式來顯示它們，它們可能有特殊的邊界、3D 效果，或者甚至可創建一個子表單來處理這些元素。

<fieldset> 標簽沒有必需的或唯一的屬性。 <legend> 標簽為 fieldset 元素定義標題。

包含的所有全局屬性

disabled HTML5 如果設置了這個 bool 值屬性, 它的後代表單控制元素也會繼承這個屬性, 它的首個可選的 legend 元素除外, 例如, 禁止編輯. 該元素和它的子元素不會接受任何瀏覽器事件, 比如點擊或者 focus 事件, 一般來說瀏覽器會將這樣的元素展示位灰色.
form HTML5 規定fieldset所屬的form表單. 這個屬性的值與其所屬的form的ID相同. 預設值是最近的那個form.
name HTML5 控制元素分組的名稱

<fieldset>
    <legend>登錄吧</legend>
    輸入登錄信息，布拉布拉……
    <input type="text">
</fieldset>

前端學習站點推薦：https://developer.mozilla.org/en-US/

前端--1、HTML基礎