前端01 HTML簡單簡紹

2022-09-18 05:57:19 字數 2268 閱讀 7194

目錄

import socket

conn.close()

瀏覽器發請求 --> http協議 --> 服務端接收請求 --> 服務端返回響應 --> 服務端把html檔案內容發給瀏覽器 --> 瀏覽器渲染頁面
1.超文字標記語言(hypertext markup language, html)是一種用於建立網頁的標記語言。

2.本質上是瀏覽器可識別的規則,我們按照規則寫網頁,瀏覽器根據規則渲染我們的網頁。對於不同的瀏覽器,對同乙個標籤可能會有不同的解釋。(相容性問題)

3.網頁檔案的副檔名:.html或.htm

html是一種標記語言(markup language),它不是一種程式語言。

html使用標籤來描述網頁。不像python程式語言一樣,有邏輯什麼的,這個標記語言是沒有邏輯的

import socket

#這個lang表示語言,zh-cn是中文的意思,就是說,你整個文件的內容以中文為主,如果以英文為主,就寫成lang='en'

}宣告為html5文件。

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

#告訴ie瀏覽器以最高版本來渲染我

」#搜尋的關鍵字定義了html文件的開頭部分。它們之間的內容不會在瀏覽器的文件視窗顯示。包含了文件的元(meta)資料,配置資訊等,是給瀏覽器看的,你看到的是在body標籤裡面寫的。

、定義了網頁標題,在瀏覽器標題欄顯示。(修改一下title中的內容,然後看一下瀏覽器,你就會發現title是什麼了)

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

注意:對於中文網頁需要使用 宣告編碼,否則會出現亂碼。有些瀏覽器會設定 gbk 為預設編碼,則你需要設定為 。

pycharm中建立乙個html檔案,你就會發現,整個結構都給你直接生成好了,因為不管什麼瀏覽器,這個文件結構都是這樣的。

#找到一行內容ctrl+/就能注釋,注釋的內容不會在網頁上顯示出來
標籤的語法:

《標籤名 屬性1=「屬性值1」 屬性2=「屬性值2」……>內容部分

標籤

意義定義網頁標題

定義內部樣式表

定義js**或引入外部js檔案

引入外部樣式表檔案

定義網頁原資訊

body基本標籤

不加標籤的純文字也是可以在body中寫的加粗斜體

下劃線刪除

段落標籤

#獨佔乙個段落標題4

標題5標題6

#就是單獨個乙個水平線

每次加上一些內容,別忘了重新整理一下頁面,才能看到新新增的效果或者內容,其實上面這些標籤很少用

前端 01 HTML初級入門

通常在專案下建立乙個resource檔案加,下設video,audio,image資料夾存放資源 w3c標準 結構化標準語言 html,xml 表現標準語言 css 行為標準 dom,ecmascript js 開放標籤 頭標籤 閉合標籤 尾標籤 子閉合標籤 不成對出現的 body中 粗體 斜體 特...

01 HTML基礎之簡單介紹

現如今科技進步,足不出戶盡曉天下事,一轉身便仿若隔世茫然。科技綻放時代,網路技術對人們的觸變無疑是深遠而重大的,隱於繽紛絢麗的網頁背後,是前端的蛻變更新。如今,隨意點開頁面,絢麗華彩的特效及流暢的使用者體驗,是以前始料未及的。從切圖到框架,從元件到模組,從簡單到系統,前端漸成一方世界。1989年,出...

前端 01html基礎知識1

ctrl c 複製ctrl v 貼上ctrl x 剪下ctrl a 全選ctrl s 儲存ctrl z 撤銷win d 返回桌面 win e 開啟我的電腦 win r 開啟執行 alt tab 切換軟體 ctrl tab 軟體文件之間的切換 瀏覽器頁面之間切換 f2重新命名 f5重新整理 html ...