web前端基礎摘要

2021-09-17 04:36:25 字數 2208 閱讀 3177

ctrl+b 將文字加粗

ctrl+1 /2 /3 標題

ctrl+shift + i 插入

不是程式語言 程式語言都會有自己的語法結構 html語言不是程式語言 它是標記語言

一組標籤 --》特定功能—》瀏覽器裡的渲染引擎

html   hyper  超  text  文字  markup 標記 language語言

文字 .txt 文字 字元

形式: 閉合標籤(雙標籤)

<>開始標籤 結束標籤

標籤關鍵字

>

標籤關鍵字

>

>

html

>

根標籤>

head

>

頭部標籤 對瀏覽器說話

非閉合標籤 (單標籤)

charset

="utf-8"

>

chartset = "utf-8" 屬性名 = 」屬性值「

瀏覽器預設字型字型大小 16px

ascii 字母+西文+符號 <128 8位二進位制 256個資料 第一位0 後7位 128個資料

ascii擴充套件 8第一位用了 256

gbk(6000個漢字) gb2312(10000漢字 ) gb18030 (繁體字) 0-127 ascii +擴充

unicode 萬國碼 全球所有字元 (1:01110111 這是乙個漢字 還是字母)

utf-8(解決問題) utf-16

1:加粗字型的標籤:>

有效內容b

>

>

加粗strong

>

唯一差別:strong 語義化 (權重)

2:斜體標籤

>

斜體i>

>

斜體em

>

(語義化)

3:刪除標籤 (中劃線)

>

語義的del

>

>

s>

4:下劃線

>

u>

underline

5:水平線

>

color

="red"

width

="300px"

align

="left"

>

color 顏色

width 寬度

align 對齊方式 left 左 right右 center 中心居中對齊

span  小容器  圖示文字

div 大盒子 大容器 大圖大的內容 沒有預設屬性 預設樣式

1:段落標籤(大段文字)

>

p>

paragraph 特點:上下外間距(16px)

2:標題標籤

hi h1--h6 h1在當前介面只有乙個 h1會包裹logo 權重大

src=

"位址"

alt="找不到文字的提示"

>

top bottom baseline(只要不是基線都可以解決)

絕對路徑 :不建議 c://a/b/a.jpg 網上的路徑

相對路徑:本地路徑

同級目錄 和當前文件是乙個檔案下

上一級 跳出幾個資料夾 乙個../ 2個../../

下一級

設定標籤屬性  : 1:開始標籤 <   屬性名=「屬性值」>  預設屬性

自定義樣式屬性 style="屬性名:屬性值;屬性名:屬性值;屬性名:屬性值; "

# style自定義樣式集合

(1)字型屬性

字型顏色 : color:red/yellow/green

字型家族: "宋體" "楷體" font-family: "微軟雅黑"

字型粗細: font-weight: 100-900 100最細 900最粗 400normal 正常

字型形態:font-style: 斜體 italic / 正常 normal

font: 形態 粗細 字型大小 家族

web前端基礎 css

前言 繼續努力 什麼是css?就是對html進行美化,好比化妝前後的差距。html的塊級標籤 標籤 預設獨佔一行,跟同級兄弟塊豎直排列 標籤 預設同在一行,跟同級兄弟塊橫向排列 塊級標籤只有結合css樣式才有意義!修飾div標籤一般用style屬性並使用樣式,不贊成用align屬性 css的語法格式...

web前端基礎背景

1 html html由 乙個乙個標籤組成,這些標籤各司其職,有的提供網頁資訊,有的負責,有的負責網頁布局。通過 瀏覽器來顯示。2 瀏覽器 瀏覽器軟體分為兩部分 外殼,核心 引擎 外殼 提供互動介面 核心 引擎 提供 html,css影象的渲染引擎,提供dom程式設計介面。提供 j ascrpt 引...

web前端之html css基礎

b 加粗 strong 加粗 i 傾斜 em 傾斜 u 下劃線 ins 下劃線 span 不換行 p 段落 換行 div 布局 h1 一級標題 del 刪除線 s 刪除線 href a 超連結 li 無序列表 li 有序列表 專案標題dt 專案描述dd 專案列表 dl 空格字元實體 cellspac...