什么是瀏覽器
常見主流瀏覽器有5種: IE、谷歌、火狐、Safarri、歐朋;
瀏覽器主要有2個功能
1:將網(wǎng)頁渲染出來給用戶查看
瀏覽器內核也就是瀏覽器所采用的渲染引擎,渲染引擎決定了瀏覽器如何顯示網(wǎng)頁內容,以及頁面格式信息.
2:讓用戶通過瀏覽器和網(wǎng)頁交互
瀏覽器訪問網(wǎng)頁原理
瀏覽器請求數(shù)據(jù)的過程
查看服務器響應報文,可以打開谷歌瀏覽器自帶的開發(fā)者工具,通過快捷鍵F12來進入操作,
HTML的作用
HTML軟件就是用來給我們純文本文件里面的文字添加語義的
告訴我們的瀏覽器記事本里的哪幾個文字是什么含義
網(wǎng)頁的固定格式:
第一個網(wǎng)頁格式：
ima標簽格式：
? ? ? ? ? ? ? ? ? ? ? ? <ima src = ""><>
其實img標簽中的src是英文source的縮寫
所以img標簽中的src就是用來告訴img標簽, 需要顯示的圖片名稱
br標簽格式:
? ? ? ? ? ? ? ? ? ? <br>
?br標簽作用: 換行
路徑問題:
1.1同級
同級就是"圖片"和".html文件"存儲在同一個文件夾中
格式: src="QRCode.jpg"
含義: 在.html文件所在的文件夾中查找名稱叫做QRCode.jpg的圖片
1.2下級
下級就是"存儲圖片的文件夾"和".html文件"在同一個文件夾中
格式: src="images/QRCode.jpg"
含義: 在.html文件所在的文件夾中找到名稱叫做images的文件夾
然后再在images文件夾中找到名稱叫做QRCode.jpg的圖片
1.3上級
上級就是"存儲圖片的位置"和存"儲代碼的文件夾"在同一個文件夾中
格式: src="../QRCode.jpg"
含義：在.html文件所在的文件夾中找到這個文件夾的上一級文件夾, 然后再在上一級文件夾中找到名稱叫做QRCode.jpg
其中../代表找到當前文件夾的上一級文件夾
2.通過絕對路徑賦值(了解)
絕對路徑就是每次都從指定的盤符開始查找
格式: src="C:\Users\Jonathan_Lee\Desktop\HTML基礎\QRCode.jpg"
含義: 在C盤下找到Users文件夾, 然后在Users文件夾中找到Jonathan_Lee文件夾, 然后在Jonathan_Lee文件夾中找到Desktop文件夾, 然后在Desktop文件夾中找到HTML基礎文件夾, 然后在HTML基礎文件夾中找到名稱叫做QRCode.jpg的圖片
a標簽的基本使用:
a標簽的作用: 就是用于控制頁面與頁面之間跳轉的,
a標簽的格式:
base標簽:
base標簽就是專門用來統(tǒng)一的指定當前網(wǎng)頁中所有的超鏈接(a標簽)需要如何打開
假鏈接:
1.就是點擊之后不會跳轉的鏈接我們稱之為假鏈接
假鏈接的格式:
1.#
2.javascript:
4.兩者之間的區(qū)別:
#的假鏈接會自動回到網(wǎng)頁的頂部, 而javascript:的假鏈接不會自動回到網(wǎng)頁頂部
無序列表：
無序列表格式:
無序列表應用場景:
1.新聞列表 ? 2.商品列表 ? 3.導航條
有序列表：
有序列表的作用: 給一堆數(shù)據(jù)添加列表語義, 并且這一堆數(shù)據(jù)中所有的數(shù)據(jù)都有先后之分
格式：
定義列表：
1：給一堆數(shù)據(jù)添加列表語義
2：先通過dt標簽定義列表中的所有標題, 然后再通過dd標簽給每個標題添加描述信息
格式：
表格標簽的屬性：
1.寬度和高度的屬性可以給table標簽和td標簽使用
2.水平對齊和垂直對齊的屬性
其中水平對齊可以給table標簽和tr標簽和td標簽使用，垂直對齊只能給tr標簽和td標簽使用
表格標簽基本使用：格式：
表格標簽作用: 用來給一堆數(shù)據(jù)添加表格語義
細線表格：
在表格標簽中想通過指定外邊距為0來實現(xiàn)細線表格是不靠譜的, 其實它是將2條線合并為了一條線, 所以看上去很不舒服
caption標簽：在表格標簽中提供了一個標簽專門用來設置表格的標題, 這個標簽叫做caption.
只要將標題寫在caption標簽中, 那么標題就會自動相對于表格的寬度居中
單元格合并：
可以給td標簽添加一個colspan屬性, 來指定把某一個單元格當做多個單元格來看待(水平方向)
Label標簽：
默認情況下文字和輸入框是沒有關聯(lián)關系的, 也就是說點擊文字輸入框不會聚焦, 如果想點擊文字時讓對應的輸入框聚焦, 那么就需要讓文字和輸入框進行綁定
Datalist標簽：
select標簽：作用: 用于定義下拉列表
textarea標簽：
fieldset標簽：可以給表單添加一個邊框、legend標簽：可以給邊框指定一個標題
audio標簽：作用: 播放音頻
video標簽的第二種格式：
marquee標簽：作用: 跑馬燈
字符實體：有特殊含義不能被直接顯示出來的
