1. 程式人生 > >HTML介紹

HTML介紹

-i server 問題 包含塊 之間 分享圖片 intro 影響 bsp

web服務的本質

技術分享圖片
from socket import *
server = socket(AF_INET,SOCK_STREAM)
server.bind((‘127.0.0.1‘,8080))
server.listen(5)

while 1:
    conn,addr = server.accept()
    data = conn.recv(1024)
    print(data)
    # 按照http協議的格式要求去回
    conn.send(b‘HTTP/1.1 200 OK\r\n\r\nhello world!‘)
    conn.close()
技術分享圖片

瀏覽器發請求 --> HTTP協議 --> 服務端接收請求 --> 服務端返回響應 --> 服務端把HTML文件內容發給瀏覽器 --> 瀏覽器渲染頁面

HTML簡介

超文本標記語言(Hypertext Markup Language, HTML)是一種用於創建網頁的標記語言。

本質上是瀏覽器可識別的規則,我們按照規則寫網頁,瀏覽器根據規則渲染我們的網頁。對於不同的瀏覽器,對同一個標簽可能會有不同的解釋。(兼容性問題)

網頁文件的擴展名:.html或.htm

HTML是一種標記語言(markup language),它不是一種編程語言

HTML使用標簽來描述網頁

HTML文檔結構

技術分享圖片
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>css樣式優先級</title>
</head>
<body>

</body>
</html>
技術分享圖片

<!DOCTYPE html>聲明為HTML5文檔

<html>、</html>是文檔的開始標記和結束的標記。是HTML頁面的根元素,在它們之間是文檔的頭部(head)和主體(body)

<head>、</head>定義了HTML文檔的開頭部分。它們之間的內容不會在瀏覽器的文檔窗口顯示。包含了文檔的元(meta)數據

<title>、</title>定義了網頁標題,在瀏覽器標題欄顯示

<body>、</body>之間的文本是可見的網頁主體內容

註意對於中文網頁需要使用 <meta charset="utf-8">

聲明編碼,否則會出現亂碼。有些瀏覽器會設置 GBK 為默認編碼,則你需要設置為 <meta charset="gbk">

HTML標簽格式

HTML標簽是由尖括號包圍的關鍵字,如<html>, <div>等

HTML標簽通常是成對出現的,比如:<div>和</div>,第一個標簽是開始,第二個標簽是結束。結束標簽會有斜線。

也有一部分標簽是單獨呈現的,比如:<br/>、<hr/>、<img src="1.jpg" />等。