前端(HTML)初始

2022-03-11 17:36:54 字數 2606 閱讀 6110

一、用socket實現html的原理

import

socket

sk =socket.socket()

sk.bind((

'127.0.0.1

',8080))

sk.listen()

while

true:

conn,addr =sk.accept()

data = conn.recv(9000)

print

(data)

#按照http協議的格式給瀏覽器回覆訊息

實現結果:

二、html

1、cs --> bs架構

2、web的原理

1、瀏覽器位址列輸入url

2、瀏覽器往服務端發訊息

3、服務端接收訊息

4、服務端回訊息(從檔案中讀取資料)

5、瀏覽器收到訊息(按照乙個約定好的規則展示出來)

3、html初始

1、就是一些特殊符號,不同的符號有不同的顯示效果

2、學前端就是學怎麼寫html檔案,學後端框架就是學習怎麼樣返回寫好的html檔案

3、html是一種標記語言,網頁檔案的副檔名:.html和htm

doctype html

>

<

html

lang

="ch-cn"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>騎士計畫

title

>

head

>

<

body

>

<

b>呵呵

b>

<

i>呵呵

i>

<

u>呵呵

u>

<

s>呵呵

s>

body

>

html

>

1、宣告為html5文件。

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

3、定義了html文件的開頭部分。它們之間的內容不會在瀏覽器的文件視窗顯示。包                   含了文件的元(meta)資料

4、、定義了網頁標題,在瀏覽器標題欄顯示。

5、、之間的文字是可見的網頁主體內容。

4、html規則:

1、html中吧連續的空格和換行都解析成乙個空格,不存在縮排的問題

2、基本標籤

3、塊級標籤和行內標籤

div和span標籤的特點:

沒有自帶的樣式,方便後續使用css調整樣式! 

塊級標籤:

自己獨佔一行;

ph1~h6

hrdiv

行內標籤(內聯標籤):

預設都在一行顯示!

b、i、u、s

span

4、標籤支援巢狀

1、塊級標籤可以包含內聯標籤

2、p標籤不能包含p標籤和div標籤

5、標籤分類

1、展示給使用者看的標籤

2、獲取使用者輸入的標籤

form標籤(表單標籤)

6、獲取使用者輸入的標籤

1、input

1、根據type型別劃分

1、text

2、password

3、email

4、date

5、radio  -->單選

6、checkbox  --> 多選

7、button  --> 普通按鈕,多用於使用js**繫結事件

8、submit  --> 提交

9、reset  --> 重置

10、  --> 上傳檔案

2、select

1、select標籤內部包含的是option,需要配置value屬性

預設選中:select=「select」

3、textarea

注意事項:

1、所有放在form標籤中獲取使用者輸入的標籤,必須要有name屬性

2、form標籤有action屬性和method屬性

1、action:控制往**提交資料

2、method:控制用什麼方式提交

3、上傳檔案需要額外配置enctype="multipart/form-data"

3、form要提交資料必須要有submit按鈕

day 36 初始前端 html語言

參考部落格進行學習 html標籤 特徵 1.空白摺疊現象 2.對空格和換行不敏感 3.標籤要嚴格封閉 p標籤的巢狀 多注意!html中 1.行內標籤 1 在一行內顯示 span strong em i del a 2 不能設定寬高 預設的寬和高 是內容填充 1.1行內塊標籤 img input 1 ...

初始了解html

url 統一資源定位符 http 超文字傳輸協議 html 超文字標記語言 常見的瀏覽器核心可以分這四種 trident gecko blink webkit 1 html標籤 作用所有html中標籤的乙個根節點。最大的標籤 根標籤 2 head標籤 文件的頭部 文件的頭部描述了文件的各種屬性和資訊...

前端隨筆初識前端HTML

html語言分成兩部分 標籤 標記,元素 長在尖括號後面的第乙個單詞 屬性長在標籤後面,用空格隔開的那個單詞 html檔案分成兩部分 頭部head,放描述性資訊 主體body,放可見的內容 結構 html標籤分成兩種 常規標籤 雙標籤 標籤名 屬性1 屬性值1 屬性2 屬性值2 內容 標籤名寫在尖括...