html基礎(chǔ)知識
瀏覽器是將html語言翻譯并進(jìn)行渲染然后實(shí)現(xiàn)與用戶的交互的一款軟件
第一次訪問的網(wǎng)頁是會緩存物理文件到本地的,越復(fù)雜的網(wǎng)頁文件越多
瀏覽器與服務(wù)器
瀏覽器向服務(wù)器發(fā)送請求報文(請求行+請求頭+空行+請求體),服務(wù)器向瀏覽器發(fā)送響應(yīng)報文(響應(yīng)行+響應(yīng)頭+相應(yīng)體)
可通過google瀏覽器開發(fā)者工具F12查看,F(xiàn)5刷新,在network選項卡,header選項里,response header 響應(yīng)頭,request header 請求頭
URL:http:// + ip地址 + 端口號 + 資源名
URL:統(tǒng)一資源定位符,每個網(wǎng)頁都是唯一的
http://:超文本傳輸協(xié)議,規(guī)定協(xié)議類型,用來解決瀏覽器和服務(wù)器的溝通問題
IP地址:
端口號:默認(rèn)8080
資源名:
html基礎(chǔ)知識
html標(biāo)簽是用來描述其他文本語言的,而且在瀏覽器中不會顯示出來
<!doctype html>:DTD文檔聲明,由于W3C規(guī)定必須寫在網(wǎng)頁的第一行,告訴瀏覽器是用哪個版本的規(guī)范來寫的,不是一個標(biāo)簽,不區(qū)分大小寫
<html>:告訴瀏覽器這是一個網(wǎng)頁
<head>:給網(wǎng)站添加配置信息,用戶看不到,比如seo,js,css等
<title>:網(wǎng)站的標(biāo)題
<body>:顯示給用戶看的內(nèi)容
<meta charset="utf-8">:用來指定字符集,GB2312包含中文和少許英文,比較小,UTF-8包含全世界的語言,比較大,保存的文件的編碼格式要與文件指定的字符集保持一致
Webstorm基礎(chǔ)
新建文件 ctrl+alt+insert
h1-h6 賦予文字標(biāo)題的語意 塊級元素 h1只能有一個
當(dāng)前行末尾 end
當(dāng)前行最前 home
ctrl+shift+[ / ] 選中當(dāng)前整行
ctrl+alt +t 選中T2 回車 讓標(biāo)簽包裹整行內(nèi)容
光標(biāo)在多行中閃爍 alt+左鍵進(jìn)行拖動
ctrl + alt + l 代碼格式化
shift + tab 向左縮進(jìn)
P標(biāo)簽 賦予文字段落的語意 塊級元素 可通過Google F12 element查看
hr標(biāo)簽 單標(biāo)簽 塊級元素 一條分隔線
strong標(biāo)簽 重要性強(qiáng)調(diào)的文字語義
ins標(biāo)簽 插入的文字語義
em標(biāo)簽 強(qiáng)調(diào)的文字的語義
del標(biāo)簽 刪除的文字的語義
ctrl+d 復(fù)制當(dāng)前行 ctrl+x 刪除當(dāng)前行
ctrl+/ 注釋行 ctrl+shift+/ 注釋整塊
img標(biāo)簽 src屬性 圖片名字 alt屬性 圖片不顯示時替代顯示的內(nèi)容 title屬性 鼠標(biāo)懸停時彈出的描述框 height屬性 高 widt屬性 寬 如果沒有設(shè)置寬高 按圖片大小自動變 如果只設(shè)置其中一個 系統(tǒng)會自動計算保持比例 保證不會變形
br標(biāo)簽 換行 可以累積使用 語意:不另起一行換行,內(nèi)容還沒有描述完。 企業(yè)開發(fā)少用
ctrl + shift + ↑:整行代碼上移
ctrl + shift + ↓:整行代碼下移
ctrl + shift + -:整行代碼折疊
ctrl + shift + +:整行代碼打開