HTML介紹
一、HTML介紹
1.1 Web服務本質
import socket
"""
@author RansySun
@create 2019-10-10-14:56
"""
server = socket.socket()
server.bind(('127.0.0.1', 8080))
server.listen(5)
while True:
conn, addr = server.accept()
data = conn.recv(1024)
print(data)
print(addr)
conn.send(b'HTTP/1.1 200 OK\r\n\r\n')
conn.send(b'hello')
conn.close()
瀏覽器端輸入:http://127.0.0.1:8080/
瀏覽器發請求--->HTTP協議--->服務端接收請求--->服務端返回響應--->服務端把HTML文件內容發送給瀏覽器--->瀏覽器渲染頁面
二、 什么是HTML?
html全稱HyperText Markup Language,翻譯為超文本標記語言,它不是一種編程語言,是一種描述性的標記語言,用於描述超文本內容的顯示方式。比如字體、顏色、大小等。
- 超文本:音頻,視頻,圖片稱為超文本。
- 標記 :<英文單詞或者字母>稱為標記,一個HTML頁面都是由各種標記組成。
作用:HTML是負責描述文檔語義的語言。
注意:HTML語言不是一個編程語言(有編譯過程),而是一個標記語言(沒有編譯過程**),HTML頁面直接由瀏覽器解析執行。
HTML只是負責描述文檔語義的語言,在html中,除了語義,其他什么都沒有。
html是一個純本文文件(就是用txt文件改名而成),用一些標簽來描述文字的語義,這些標簽在瀏覽器里面是看不到的,所以稱為“超文本”,所以就是“超文本標記語言”了。
So,接下來,我們肯定要學習一堆html中的標簽對兒,這些標簽對兒能夠給文本不同的語義
2.1 html網絡術語
- 網頁 :由各種標記組成的一個頁面就叫網頁。
- 主頁(首頁) : 一個網站的起始頁面或者導航頁面。
- 標記:
<p>
稱為開始標記 ,</p>
稱為結束標記,也叫標簽。每個標簽都規定好了特殊的含義。 - 元素:
<p>內容</p>
稱為元素. - 屬性:給每一個標簽所做的輔助信息。
三、HTML的規范
- HTML是一個弱勢語言
- 區分大小寫
- 頁面的后綴名是html或者htm(有一些系統不支持后綴名長度超過3個字符,比如dos系統)
- HTML的結構:
- 聲明部分:主要作用是用來告訴瀏覽器這個頁面使用的是哪個標准。是HTML5標准。
- head部分:將頁面的一些額外信息告訴服務器。不會顯示在頁面上。
- body部分:我們所寫的需要顯示出來的代碼必須放在此標簽內。
四、編寫HTML的規范
(1)所有標記元素都要正確的嵌套,不能交叉嵌套。正確寫法舉例:<h1><font></font></h1>
(2)所有的標記都必須小寫。
(3)所有的標記都必須關閉。
- 雙邊標記:
<span></span>
- 單邊標記:
<br>
轉成<br />
<hr>
轉成<hr />
,還有<img src=“URL” />
(4)所有的屬性值必須加引號。
``(5)所有的屬性必須有值。<input type="radio" checked="checked" />
五、HTML的基本語法特征
- HTML對換行不敏感,對tab不敏感
HTML只在乎標簽的嵌套結構,嵌套的關系。誰嵌套了誰,誰被誰嵌套了,和換行、tab無關。換不換行、tab不tab,都不影響頁面的結構。
也就是說,HTML不是依靠縮進來表示嵌套的,就是看標簽的包裹關系。但是,我們發現有良好的縮進,代碼更易讀。要求大家都正確縮進標簽
- 空白折疊現象
HTML中所有的文字之間,如果有空格、換行、tab都將被折疊為一個空格顯示。
- 標簽要嚴格封閉
<html></html>
<meta />