前端基礎第一天
一.五大瀏覽器以及對應的核心
IE,Trident
火狐,Geckeo
谷歌,blik
safari,webkit
Opera,blik
二,Web標準,即組成部分
html,結構
css,樣式
js,行為
三,html初識
1.骨架結構(必須清楚)



我們所寫的內容全在這個裡面

2.開發工具,用sublime
快捷鍵:- Ctrl + C：複製
- Ctrl + V：貼上
- Ctrl + X：剪下
- Ctrl + S：儲存
- Ctrl + N：新建
- Ctrl + A：全選
- Ctrl + Z：撤銷上一個操作
- win + E：開啟資源管理器
- Alt + tab：切換程式（注意Alt鍵不鬆手）
- Win + D：切換到桌面
- Win + R：快速執行（開啟軟體）
- cmd：命令列
- calc：執行計算器
- mspaint：執行畫圖工具
四.html標籤
1.標籤之間的關係
巢狀關係(父子關係)
並列關係(兄弟關係)
2.標籤的分類
單標籤,只有一個,如,

雙標籤,有頭有尾,如,

3.常用的標籤
h系列標籤:

標題標籤,加粗加大,獨佔一行,從1-6依次減小

p標籤,段落標籤,

段落標籤,獨佔一行

hr標籤,水平線
br標籤,強制換行
文字格式化標籤;
無語義:buis,加粗,下劃線,傾斜,刪除線
有語義(常用):strong,ins,em,del,加粗,下劃線,傾斜,刪除線
4.標籤的屬性
一個標籤可以有多個屬性,不同屬性用空格隔開(規範)
如:

---

,下劃線為紅色,長度為400
<img src = "images/1.jpg’>,訪問images裡的1.jpg圖片
5.img圖片標籤(很重要很重要)
作用:在頁面中顯示一張照片
程式碼:
屬性: src:圖片路徑
alr:如果圖片載入不出來就顯示其中的文字
title:圖片的名字,當滑鼠懸浮在圖片上時會顯示
height:圖片的高度
width:圖片的寬度
路徑問題:
絕對路徑:帶有碟符的路徑,如,如:C:\Users\ziyue\Desktop\程式碼\01.jpg
相對路徑:
1.同級目錄,直接寫對用的目標檔案的名字,記得加字尾,如如:<img src =“1.gif>
2.下級目錄,先找到同一級別的資料夾名字,再用/找到目標檔案,如:
3.上級目錄,先用…/跳轉出來,再寫目標檔案,如:<img src =”…/1.gif>

		 **// 通過 檔名/可以來到下一級目錄  通過 ../可以來到上一個目錄**