1. 程式人生 > >兄弟連學Python(4)—Python前端HTML與CSS初步認識

兄弟連學Python(4)—Python前端HTML與CSS初步認識

什麼是HTML?

HTML: 超文字標記語言,標準通用標記語言下的一個應用。

超文字”就是指頁面內可以包含圖片、連結,甚至音樂、程式等非文字元素。

超文字標記語言的結構包括“頭”部分(英語:Head)、和“主體”部分(英語:Body),其中“頭”部提供關於網頁的資訊,“主體”部分提供網頁的具體內容。

超級文字標記語言的定義又是什麼?

超級文字標記語言是標準通用標記語言下的一個應用,也是一種規範,一種標準,它通過標記符號來標記要顯示的網頁中的各個部分。網頁檔案本身是一種文字檔案,通過在文字檔案中新增標記符,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。

瀏覽器按順序閱讀網頁檔案,然後根據標記符解釋和顯示其標記的內容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對於不同的瀏覽器,對同一標記符可能會有不完全的解釋,因而可能會有不同的顯示效果。

網頁的本質就是超級文字標記語言,通過結合使用其他的Web技術(如:指令碼語言公共閘道器介面元件等),可以創造出功能強大的網頁。因而,超級文字標記語言是全球資訊網(Web)程式設計的基礎,也就是說全球資訊網是建立在超文字基礎之上的。超級文字標記語言之所以稱為超文字標記語言,是因為文字中包含了所謂“超級連結”點。

HTML特點:超級文字標記語言文件製作不是很複雜,但功能強大,支援不同資料格式的

檔案鑲入,這也是全球資訊網(WWW)盛行的原因之一,其主要特點如下:

  1. 簡易性:超級文字標記語言版本升級採用超集方式,從而更加靈活方便。
  2. 可擴充套件性:超級文字標記語言的廣泛應用帶來了加強功能,增加識別符號等要求,超級文字標記語言採取子類元素的方式,為系統擴充套件帶來保證。
  3. 平臺無關性:雖然個人計算機大行其道,但使用MAC等其他機器的大有人在,超級文字標記語言可以使用在廣泛的平臺上,這也是全球資訊網WWW)盛行的另一個原因。
  4. 通用性:另外,HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文字與圖片相結合的複雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼型別的電腦或瀏覽器。

什麼是CSS?

CSS:層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現HTML標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等檔案樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

CSS 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字號樣式,擁有對網頁物件和模型樣式編輯的能力。

CSS特點:CSS為HTML標記語言提供了一種樣式描述,定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。

總體來說,CSS具有以下特點:

  1. 豐富的樣式定義:CSS提供了豐富的文件樣式外觀,以及設定文字和背景屬性的能力;允許為任何元素建立邊框,以及元素邊框與其他元素間的距離,以及元素邊框與元素內容間的距離;允許隨意改變文字的大小寫方式、修飾方式以及其他頁面效果。
  2. 易於使用和修改:CSS可以將樣式定義在HTML元素的style屬性中,也可以將其定義在HTML文件的header部分,也可以將樣式宣告在一個專門的CSS檔案中,以供HTML頁面引用。總之,CSS樣式表可以將所有的樣式宣告統一存放,進行統一管理。另外,可以將相同樣式的元素進行歸類,使用同一個樣式進行定義,也可以將某個樣式應用到所有同名的HTML標籤中,也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式,我們只需要在樣式列表中找到相應的樣式宣告進行修改。
  3. 多頁面應用:CSS樣式表可以單獨存放在一個CSS檔案中,這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬於任何頁面檔案,在任何頁面檔案中都可以將其引用。這樣就可以實現多個頁面風格的統一。
  4. 層疊:簡單的說,層疊就是對一個元素多次設定同一個樣式,這將使用最後一次設定的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表,而某些頁面中的某些元素想使用其他樣式,就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些後來定義的樣式將對前面的樣式設定進行重寫,在瀏覽器中看到的將是最後面設定的樣式效果。
  5. 頁面壓縮:在使用HTML定義頁面效果的網站中,往往需要大量或重複的表格和font元素形成各種規格的文字樣式,這樣做的後果就是會產生大量的HTML標籤,從而使頁面檔案的大小增加。而將樣式的宣告單獨放到CSS樣式表中,可以大大的減小頁面的體積,這樣在載入頁面時使用的時間也會大大的減少。另外,CSS樣式表的複用更大程式的縮減了頁面的體積,減少下載的時間。
  6. Python學習交流、資源共享群:563626388 QQ

相關推薦

兄弟Python4Python前端HTMLCSS初步認識

什麼是HTML? HTML: 超文字標記語言,標準通用標記語言下的一個應用。 “超文字”就是指頁面內可以包含圖片、連結,甚至音樂、程式等非文字元素。 超文字標記語言的結構包括“頭”部分(英語:Head)、和“主體”部分(英語:Body),其中“頭”部提供關於網頁的資

兄弟Python3python求職簡歷

寫好一份技術簡歷很重要 想多寫寫和簡歷有關的文章,這篇主要說的是如何寫簡歷,為了縮小描述範圍,強調的是技術簡歷,時間段是從準備寫簡歷到投遞簡歷之間。 01 寫簡歷的基本目的和策略 大部分情況下,寫簡歷是找工作的第一步,考慮到第二步就是面試,那麼簡歷就是敲

兄弟Python1———python經典小程式

#1.百錢買百雞問題 #現有母雞3元一隻,公雞1元一隻,小雞0.5元一隻,要求用100元錢買100只雞,請問有多少種買法?(三層迴圈) for x in range(0,34): for y

python的學習之路===小白程式設計4FOR語句學習

 最近拖延症嚴重發作學習有點斷斷續續,相應的隨筆也沒有更新,所以暫時不考慮完整性,先貼上來接續起來再說。   利用for語句就可以將不同的表名及欄位名賦值給相同的引數,複用同一個語句結構簡化程式碼。 需要的變數是介面名稱、輸入引數,輸出欄位、目標表名稱

小朋友Python4:縮排

學習 Python 與其他語言最大的區別就是,Python 的程式碼塊不使用大括號 {} 來控制類,函式以及其他邏輯判斷。python 最具特色的就是用縮排來寫模組。 縮排的空白數量是可變的,但是所有程式碼塊語句必須包含相同的縮排空白數量,這個必須嚴格執行

小白 Python4:變數基礎操作

人生苦短,我選Python 引言 前文傳送門 小白學 Python(1):開篇 小白學 Python(2):基礎資料型別(上) 小白學 Python(3):基礎資料型別(下) 前面的文章中,我們介紹了基礎資料型別中最常用的數字和字串,不知道大家還記得什麼是變數不?不記得變數也應該記得那被奶茶吧~~~都

python基礎4:條件語句循環語句

語句 單分支 繼續 目的 輸入 代碼 原則 src 分享 今天我們看看條件語句與循環語句。 預習: 1、使用while循環輸出1 2 3 4 5 6 8 9 10 2、求1-100的所有數的和 3、輸出 1-100 內的所有奇數 4、輸出 1-100 內的所有偶數 5、求1

python4- 簡單練習:python實現購物車的優化

list x11 int 退出 .html htm src keyword 結算 簡單版本,鏈接如下: http://www.cnblogs.com/c-x-m/p/7819220.html 購物車程序優化題目要求: 1. 用戶退出時打印商品列表時,按以下格式

python4之字典

cat 報錯 pornhub AS clas ict hist 資源 刪除 字典的操作方式如下: info={ ‘stu1101‘:"xiaohai", ‘stu1102‘:‘liming‘, ‘stu1103‘:"heima", } 1.增加

mysql學習4python操作數據庫

mit elf name table inpu cal 名稱 事務回滾 fault 整理了一下前面3期學的內容後,現在練習使用python去操作數據庫 #!python3# coding:utf-8import pymysqlclass mysql_option():

mysql學習4python操作資料庫

整理了一下前面3期學的內容後,現在練習使用python去操作資料庫 #!python3# coding:utf-8import pymysqlclass mysql_option(): def __init__(self, host, port, username, pwd, **kwargs):

吳裕雄 資料探勘分析案例實戰4——python資料處理工具:Pandas

# 匯入模組import pandas as pdimport numpy as np # 構造序列gdp1 = pd.Series([2.8,3.01,8.99,8.59,5.18])print(gdp1)# 取出gdp1中的第一、第四和第五個元素print('行號風格的序列:\n',gdp1[[0,3,

Python4高階特性 總結

  Python中很多常見語法可以使程式更加簡潔易讀,這裡我們介紹5個例子:切片、迭代、列表生成器、生成器、迭代器 1.切片(slice) 切片用於取list tuple中部分元素,通過下標索引,只需標出想得到的第一個元素下標和最後一個元素 L[a:b] 從

每日一python4python對字典按key排序和按value排序

1、首先介紹一下字典的基本用法 d = { 'Adam': 95, 'Lisa': 85, 'Bart': 59, 'Paul': 74 } print(d.keys()) print(d.values()) print(d.items()) sum = 0 for

Python4--異常捕獲及處理

異常 異常即非正常狀態,在Python中使用異常物件來表示異常。若程式在編譯或執行過程中發生錯誤,程式的執行過程就會發生改變,丟擲異常物件,程式流進入異常處理。如果異常物件沒有被處理或捕捉,程式就會執

執行Python程式的5種方式--Python4

我們在上一節中已經在WINDOWS下安裝了PYTHON 3,那我們如何去執行一個PYTHON程式(程式碼)呢? 接下來介紹5種執行PYTHON程式碼的方式: 1、在CMD 命令列下執行:我們在WINDWOS上執行“開始”選單----在執行視窗輸入“CMD”回車: 輸入

python8- python基礎數據類型

最簡 errors span ins 默認 ubuntu replace 包含 解釋 數據類型 計算機顧名思義就是可以做數學計算的機器,因此,計算機程序理所當然地可以處理各種數值。但是,計算機能處理的遠不止數值,還可以處理文本、圖形、音頻、視 頻、網頁等各種各樣的數據,

PythonPython基本數據類型

python數據類型變量變量是內存中的一塊區域變量的命名:由字母、數字、下劃線組成並且開頭不能時數字python中地址變量與c語言剛好相反,一條數據包含多個標簽:>>> a=1>>> b=1>>> id(a)34909288>>> id(

Pythonpython基本數據類型

python基本數據類型數據類型一、Python支持的數據類型1.變量變量是內存中的一塊區域變量的命名:由字母、數字、下劃線組成並且開頭不能時數字python中地址變量與c語言剛好相反,一條數據包含多個標簽:>>> a=1>>> b=1>>> id(a)3

玩轉python7python多協程,多線程的比較

用戶體驗 time() cut 過程 RR 至少 執行 結果 關鍵字 前段時間在做一個項目,項目本身沒什麽難度,只是數據存在一個數據接口服務商那兒,這就意味著,前端獲取數據需要至少兩次http請求,第一次是前端到後端的請求,第二次是後端到數據接口的請求。有時,後端接收到前端