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