1. 程式人生 > >web前端【第一篇】HTML基礎一(標簽)

web前端【第一篇】HTML基礎一(標簽)

lpad 百度 合並單元格 div gpo a標簽 適合 code words

一、初始html

1.web服務本質

import socket
sock=socket.socket(socket.AF_INET,socket.SOCK_STREAM)
sock.bind(("127.0.0.1",8800))
sock.listen(5)
while 1:
    print("waiting........")
    conn,addr=sock.accept()
    data=conn.recv(1024)
    print("data",data.decode("utf8"))
    with open("index.html","r") as f:
        response=f.read()  #可以吧html放在一個文檔裏面讀出來
    conn.send(("HTTP/1.1 201 OK\r\n\r\n%s"%response).encode("utf8"))

2.html是什麽?

  • 超文本標記語言(Hypertext Markup Language,HTML)通過標簽語言來標記要顯示的網頁中的各個部分。一套規則,瀏覽器認識的規則
  • 瀏覽器按順序渲染網頁文件,然後根據標記符解釋和顯示內容。但需要註意的是,對於不同的瀏覽器,對同一標簽可能會有不完全相同的解釋(兼容性)
  • 靜態網頁文件擴展名:.html 或 .htm

3.html不是什麽?

HTML 不是一種編程語言,而是一種標記語言 (markup language)
HTML 使用標記標簽來描述網頁

技術分享圖片

4.html結構

技術分享圖片

  • <!DOCTYPE html> 告訴瀏覽器使用什麽樣的html或者xhtml來解析html文檔
  • <html></html>是文檔的開始標記和結束標記。此元素告訴瀏覽器其自身是一個 HTML 文檔,在它們之間是文檔的頭部<head>和主體<body>。
  • <head></head>元素出現在文檔的開頭部分。<head>與</head>之間的內容不會在瀏覽器的文檔窗口顯示,但是其間的元素有特殊重要的意義。
  • <title></title>定義網頁標題,在瀏覽器標題欄顯示。
  • <body></body>之間的文本是可見的網頁主體內容

5.html標簽格式

技術分享圖片