python全棧開發 day44 前端html學習

2022-05-15 15:37:30 字數 3239 閱讀 2422

html 1d

css 2d

js 2d

jquery 1d

bootstrap 1d

前端1.什麼是前端?

任何直接能夠跟使用者打交道的互動介面都可以稱之為前端

2.為什麼要學前端?

因為我們是python全棧開發

軟體開發架構

c/s架構

b/s架構

本質上b/s也是c/s架構

瀏覽器輸入**傳送了幾件事?

1.輸入**

2.朝服務端傳送請求

3.伺服器接收請求並查詢瀏覽器想要的資料返回給瀏覽器

4.瀏覽器拿到資料展示頁面

http協議

超文字傳輸協議

客戶端服務端在資料互動的時候都必須遵循這套協議

檔案的字尾名到底是給誰看的?

檔案的字尾並不是給計算機看的,而僅僅是給人看的

html

超文字標記語言

服務端手擼服務端

客戶端檔案(html頁面)

html

文件結構

使用者能夠看見的內容都在body裡面

注釋html檔案開啟方式

方式1:找到改檔案選擇瀏覽器開啟

方式2:pycharm內自動開啟

head內常用標籤

title:頁面標題

style:寫css**

script:內部可以直接寫js**,也可以通過src屬性

引入外部js**檔案

link:通過href引入外部css檔案

body內標籤

基本標籤

h1~h6:標題標籤

p:段落標籤

特殊符號

常用標籤(******)

divspanpa

img列表標籤

ul>li

**標籤

form表單(******):前後端資料互動

標籤分類1:

雙標籤 h1~h6 p a

自閉和標籤 img br hr

標籤分類2(******):

塊兒級標籤 div h1~h6 p hr br

獨佔一行

塊兒級標籤能夠巢狀塊兒級標籤和行內標籤

p標籤雖然是塊兒級標籤但是它不能巢狀任何的塊兒級標籤

塊兒級標籤能夠設定長寬

行內標籤 span a img i s b u

自身內容有多的就佔多大

行內標籤不能設定長寬

url:統一資源定位符

什麼是url?

url是統一資源定位器(uniform resource locator)的縮寫,也被稱為網頁位址,是網際網路上標準的資源的位址。

url舉例

bottom

ps:target屬性用來控制是否在當前頁面跳轉

預設是_self當前頁

也可以指定成_blank新建頁面跳轉

所有的html標籤都應該有乙個id屬性,用來唯一標識當前標籤 為後續的dom操作提供基礎

也就意味著同乙份html中標籤的id不能重複,不寫id屬性也是可以的

img標籤

src路徑:即可以是網路上的位址也可以是本地的位址

alt當載入失敗之後自動展示的提示資訊

title滑鼠懸停在上時顯示的文字

調節長寬的時候只需要調節乙個 另外乙個引數自動等比例縮放

列表標籤

ul:無序列表

ol:有序列表

dl:標題列表

表單標籤

固定就以下面的格式書寫

tr 乙個tr表示一行

border調整列表的邊框

cellspacing 調單元格與外邊框之間的距離

cellpadding 調文字與單元格之間的距離

rowspan 垂直方向合併

colspan 水平方向合併

form表單

功能:獲取使用者輸入(手動輸入/選擇/預設值),並將獲取到的使用者資訊傳送給後端

form表單中只有input的type型別為submit才會觸發提交資訊的動作

如果不想通過input標籤來觸發提交動作 那麼可以直接寫乙個button按鈕

input

通過控制type的型別從而實現不同的獲取使用者輸入的標籤樣式

text 普通文字

password 密文

date 日曆

radio 單選框

checkbox 多選框

file 獲取檔案

submit 觸發提交資料的行為

button 普通的按鈕

reset 重置form表單內容

select

選擇框 預設是單選的 可以通過multiple引數將單選變為多選

乙個option就是乙個選項

textarea

獲取使用者大段文字值

form表單中幾個重要的屬性

action:用來控制資料到底提交給誰 寫url來指定提交給誰

form表單預設是get請求 可以通過method屬性修改提交方法

form表單中需要給每乙個獲取使用者輸入的標籤加上name屬性用來標識當前資料的型別

你可以將name屬性當做字典的key 使用者輸入的當做字典的value 並且你可以手動設定value值

form表單傳送檔案 需要修改enctype屬性的值

預設是urlencoded不支援傳輸檔案

需要將其修改為multipart/form-data

定時跳轉

*****

重新整理彈出框

js檔案中寫alert('456')

或者*****

get請求與post請求

get請求:獲取想要的資料

post請求:提交資料

python基礎一 day44 筆記

內容回顧 1.函式程式設計 資料和邏輯分離 a 123 b 456 c 789 def exc3 proc name callproc return def exc4 proc name callproc return 2.物件導向 資料和邏輯 屬性和行為 組合在一起 class sqlhelper...

Python全棧開發day9 12

一 機器數 在計算機中用二進位制表示,機器數是帶符號的,二進位制數中的最高位,0為正,1為負。二 真值 因為機器數的第一位是符號位,所以機器數的形式值數就不等於真正的數值,將帶符號位的機器數對應的真正數值稱為機器數的真值。三 原碼補碼反碼 1.原碼 原碼表示符號位加上真值的絕對值,即用第一位表示符號...

python學習筆記 day44 資料庫三正規化

為了建立減少冗餘,結構合理的資料庫,涉及資料庫時必須要遵守一定的規則,在關聯式資料庫中,這種規則就成為正規化,正規化是符合某一種涉及要求的總結,要想設計乙個合理的關係型資料庫必須要滿足一定的正規化 正規化簡單來說局勢為了保證建立合理的資料庫,在建立資料庫時就應該遵守的一些規則 第一正規化時最基本的正...