前端01初步了解前端

2022-09-13 10:24:09 字數 3175 閱讀 4352

目錄html

html的文件結構

標籤的分類

head內的常用標籤

body內常用標籤

body 內的特殊號

標籤分類

標籤通常應該有兩個屬性

body內重要的標籤

目前的軟體開發架構有兩種

其本質就是請求和響應

當我在瀏覽器輸入乙個**時,首先會朝著指定的伺服器傳送乙個請求,然後伺服器接收請求,並進行處理,處理完成後會返回響應,最後瀏覽器會接收響應並渲染成頁面給使用者瀏覽

請求方式:

get請求

朝伺服器要資源,比如訪問乙個**

post請求

朝伺服器提交資源,比如登入功能

全稱是超文字傳輸協議,協議通俗的說就是乙個規範,http協議就是瀏覽器和伺服器的溝通的一種規範

規定了服務端和瀏覽器的傳輸格式

首先我們知道tcp協議是基於三次握手建立連線的,具有一定的可靠性,和安全性,但是因為它需要建立連線,所以當同時有十萬個客戶端同時連線服務端時,一直建立連線服務端是難以承載這麼多的使用者量的,所以這就衍生除了http協議,http協議在傳送請求之後會立即關閉將連線,釋放伺服器的資源,極大的節省了伺服器的壓力,同時它又時基於tcp協議之上的,所以又保留了tcp協議的可靠性安全性。

http協議在請求之後會立即斷開伺服器連線

正是由於http協議在請求之後會立即與伺服器斷開連線,所以它不會儲存使用者狀態,無論這個客戶端來了多少次,服務端都會把它當作乙個全新的客戶端。也就是說服務端並不知道客戶端幹了啥,這些大多都是基於效能去考慮的。

所以後來就出現了cookies和sessions用來儲存使用者狀態

html也是一種語言,全程是超文字標記語言

首先,使用一種語言就要先了解一下它的注釋該怎麼寫

其語法是

我們在搭建頁面的時候也可以用注釋來劃分區域

雙標籤

自閉合標籤

title定義網頁標題

style內部可以寫css**

link可以引入外部的css檔案

script可以寫js的**,也可以引入js的**

meta定義網頁原資訊,其引數於name 和 content

~標題標籤

段落標籤 乙個p就是一行內容

刪除線

加粗

下劃線

斜體

換行

一條分割線

hellohello world

body內特殊符號

空格

&&

¥¥

>>

lt;<

®®

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

獨佔一行

塊兒級標籤內可以巢狀其他塊兒級和行內標籤

p標籤雖然是快兒級標籤 但是他的內部不能巢狀任何快兒級標籤 只能巢狀行內標籤

行內標籤 s i u b span

內部文字多大 就佔多大

行內不能巢狀塊兒級

id 就類似於是身份證號 每乙個標籤 都應該有id值 並且在同乙個html文件中

標籤的id不能重複

class 類屬性 有點類似於物件導向的繼承 class = 'c1 c2 c3' 你這個標籤就

會擁有c1 c2 c3的所有樣式

一塊區域 你可以往這塊兒區域內填寫任何內容

div和span是前期構建網頁的基本骨架

鏈結標籤有兩個共能

跳轉功能 href引數控制跳轉的位址

這個位址如果在你的機器上如果沒有被點選過那麼預設是藍色

只要點過一次之後 之後顏色 都是紫色

這是乙個鏈結

​ a標籤預設是在當前視窗跳轉使用target = "_blank",可以新建視窗開啟

錨點功能

給a標籤設定id值然後在href中書寫對應的a標籤id值 點選即可跳轉到對應的位置

開頭

......

......

回到頂部

src位址 網上的位址也可以是你的本地位址

alt當載入不出來的時候 展示的提示資訊

​ title

​ 滑鼠懸浮上去之後展示的提示資訊

​ width和height

​ 這兩個引數 你只需要設定乙個 就可以 預設是等比例縮放

​ 兩個都調整的話 就會失真

無序列表

​ type引數

​ disc(實心圓點,預設值)

​ circle(空心圓圈)

​ square(實心方塊)

​ none(無樣式)

《短嘆》  房東的貓

《盼兮》  翁大涵

type引數

1 數字列表,預設值

a 大寫字母

a 小寫字母

ⅰ大寫羅馬

ⅰ小寫羅馬

《越過山丘》

李宗偉

dt 小標題

dd 小章節

**標籤

name

hobby

lkstudy

border 控制**的邊界

tr 控制行,乙個tr 控制一行

thead 寫表的字段

tbody 寫表的資訊

Web前端的初步了解

git初步了解 github和git 功能使用git的原因 github和git的關係 git是一款免費 開源的分布式版本控制系統,用於敏捷高效地處理任何或小或大的專案 git是乙個開源的分布式版本控制系統,用以有效 高速地處理從很小到非常大的專案版本管理 當團隊合作是,每個人都有各自的分工,git...

web前端初步

web前端日記 css 1.什麼是css?層疊樣式表 html 建房子 css 裝修 css不能脫離html而單獨存在 style.css2.基礎語法 1.屬性設定 屬性名和屬性值之間使用 多對屬性之間使用 最後一對屬性可以不加 width 100px height 100px style屬性 st...

了解web前端

html是結構 css是表現 樣式 js是行為 這些是由w3c組織制定的 ie chrome firefox safari 歐朋 開發中推薦用chrome或者firefox 編譯器,ide 開發是用來提高我們的開發效率 hyper text markup langguage 超文字標記語言 學習ht...