一:前端最基本的就是做網頁,網頁需要-->在瀏覽器上面顯示,那啥是瀏覽器,這麼多瀏覽器為上什麼會顯示的不一樣-->瀏覽器的核心,各個瀏覽器核心不一樣,如何讓網頁大致顯示一樣-->w3c標準
二:正式認識html,html標籤這麼多,怎麼能高效開發-->開發工具:html骨架-文件型別-字符集,這些都是開發工具自帶。開始介紹常用標籤和路徑
1:常見五大瀏覽器核心介紹
ie、firefox、google chrome、safari、opera。
瀏覽器最重要的部分,是瀏覽器的核心。瀏覽器的核心也稱渲染引擎,用來解釋網頁語法並渲染到頁面上。瀏覽器核心決定了瀏覽器該如何顯示網頁內容以及頁面的格式資訊。不同的瀏覽器核心對網頁的語法解釋也不同,因此網頁開發者需要在不同核心的瀏覽器中測試網頁的渲染效果。
ie -----trident
firefox ---gecko
google chrome --以前webkit,現在blink
safari --webkit
opera --blink
由於瀏覽器核心不同,不同瀏覽器核心對頁面的語法解釋也不同。所以引出了web標準
2:web標準
web標準不是某乙個標準,而是一系列標準的集合。網頁主要由三部分組成:結構,表現 行為。對應的標準也分為三方面
結構化標準語言主要包括xhtml和html(超文字鏈結標識語言)
表現化標準語言主要包括css(層疊樣式表)
行為化標準語言主要包括dom(文件物件模型),bom,ecmascript。
這些標準大部分由全球資訊網聯盟編寫(w3c),所以web標準,也被人們稱為w3c標準
好處:加快頁面解析;更良好的使用者體驗
接下來正式學習html
3:html初始
首先html是超文字標記語言,不是程式語言。標記語言是一套標記標籤。
他的作用是:用標記標籤來表述網頁,把網頁內容在瀏覽器中站才能出來
理解一下什麼是超(因為他可以加入,聲音,動畫,多**等內容)
先看doctype 文件型別,這裡的!代表注釋,不會在瀏覽器顯示
標籤為所有的xhtml文件指定xhtml的版本和型別,只有這樣瀏覽器才能按指定的文件型別進行解析。但是我們學的是html5,不用擔心(html5向下相容)
字符集 utf-8:避免字符集不統一而引起亂碼
作用所有html中標籤的乙個根節點,最大的標籤
html標籤語義化:指標籤的含義
核心:合適的地方給乙個最合理的標籤
百話:一眼看去就只帶哪個是重點,結構是什麼
4:標籤
div,span是沒有語意的,使我們網頁布局主要的兩個盒子
文字格式化標籤
strong,em,del,u
影象標籤:
img-->src,alt,title,width,height
鏈結標籤:
牟點定位:兩個相對應的id,class href=「#move」 下面id=「move」
預設 :target = 「_self」 若想跳轉之後再新視窗開啟,target = 「_blank」
當有太多的鏈結,想跳轉之後再新視窗開啟,你要新增好多target = 「_blank」
這是你只需要在字符集下面,新增base標籤,設定整體鏈結開啟狀態
img ,br ,hr,base單標籤
特殊字符集:
注釋標籤:
快捷鍵ctrl+/
以結束相對路勁:
同一資料夾
上一級資料夾
上一級資料夾
絕對路徑:
無序列表:
注意:ul只能巢狀li,但是之間相當於乙個容器,可以容納所有樣式
有序列表:
自定義列表:對屬於或名詞進行描述
HTML 學習筆記第一天
主要是通過菜鳥教程,剛剛開始寫的筆記,文筆較差望諒解 html 指的是超文字標記語言 hypertext markup language html 不是一種程式語言,而是一種標記語言 標記語言是一套標記標籤 markup tag html 使用標記標籤來描述網頁 html 文件包含了html 標籤及...
HTML學習第一天筆記
簡介 html 英語 超文字標記語言,簡稱 html 也叫作超文字標記語言,是一種使用結構化web網頁及其內容的標記語言,您可以使用html來建立自己的web站點。通過學習本教程,您可以使用html來建立站點。html是非常容易學習的!相信您可以很快學會它!例項 我是第乙個標題h1 我是第乙個段落。...
html學習第一天筆記
語義化,讓你的網頁更好的被搜尋引擎理解 在這一章節我們要開始把網頁中常用到的標籤一 一向大家介紹,學習這一章節的時候要記住學習html標籤過程中,主要注意兩個方面的學習 標籤的用途 標籤在瀏覽器中的預設樣式。標籤的用途 我們學習網頁製作時,常常會聽到乙個詞,語義化。那麼什麼叫做語義化呢,說的通俗點就...