目錄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...