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