前端全棧學習筆記第一天 HTML

2021-09-05 12:38:16 字數 1911 閱讀 3353

一:前端最基本的就是做網頁,網頁需要-->在瀏覽器上面顯示,那啥是瀏覽器,這麼多瀏覽器為上什麼會顯示的不一樣-->瀏覽器的核心,各個瀏覽器核心不一樣,如何讓網頁大致顯示一樣-->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標籤過程中,主要注意兩個方面的學習 標籤的用途 標籤在瀏覽器中的預設樣式。標籤的用途 我們學習網頁製作時,常常會聽到乙個詞,語義化。那麼什麼叫做語義化呢,說的通俗點就...