web前端基礎學習入門篇

2021-10-08 18:07:36 字數 1749 閱讀 7185

**:

web前端基礎學習入門篇(一)

1、 xhtml+css 標記語言

一、 web標準的概念及組成

w3c制定的結構和表現的標準;

結構:(xhtml ,xml)主要是網頁的基本結構

表現:(css)主要對網頁樣式進行修飾

ecma制定的行為的標準;

行為 (dom ,ecmascript)主要是在網頁上加一些動態的效果,以及一些變數值的互動

結構和表現標準:

(1)w3c( world wide web consortium )全球資訊網聯盟,建立於2023年是web技術領域最具權威和影響力的國際中立性技術標準機構。(制定了結構和表現的標準,非贏利性的。)

(2)行為標準:dom,ecmascript(ecma制定的)歐洲電腦場商聯合會

二、 html及相關概念的介紹

html 指的是超文字標記語言 (hyper text markup language)

xhtml指可擴充套件超文字標記語言(標識語言)(extensible hypertext markup language)。

html5指的是html的第五次重大修改(第5個版本)

(html5 是 w3c 與 whatwg 合作的結果)

三、html5 基本結構 (新建乙個html檔案時預設有那些**)

命名文件型別 說明我們寫的是標記語言 檔案頭部

檔案標題(顯示在狀態列上的內容

編碼格式 檔案主體(網頁的內容)

檔案命名規則:用英文,不用中文

名稱全部用小寫英文本母、數字、下劃線的組合,其中不得包含漢字、空格和特殊字元;必須以英文本母開頭。

四、 html基本語法

1、《常規標記》

《標記  屬性=「屬性值」   屬性=「屬性值」>2.空標記

《標記 屬性=「屬性值」 />

說明:

1.寫在<>中的第乙個單詞叫做標記,標籤,元素。

2.標記和屬性用空格隔開,屬性和屬性值用等號連線,屬性值必須放在「」號內。

3.乙個標記可以沒有屬性也可以有多個屬性,屬性和屬性之間不分先後順序。

4.空標記沒有結束標籤,用「/」代替。

五、 xhtml常用標記

1)文字標題(h1-h6)

*(header1~header6)六級標題

正文有兩種形式(段落文字和文字列表)

2) 段落§

段落文字內容

(paragraph)

標識乙個段落(段落與段落之間有段間距)

3)空格 ( )

(所佔位置沒有乙個確定的值,這與當前字型字型大小都有關係.

4) 換行(br)

換行是乙個空標記(強制換行)

5)加粗

加粗有兩個標記

1.加粗內容(控制外觀–表現化標籤)

2.加粗內容(表強調–結構化標籤)

6)傾斜

傾斜標記

1.(italic,控制外觀–表現化標籤)

2.(emphasized,表強調–結構化標籤)

拓展內容:表現化標籤:單純為了控制外觀而存在;

結構化標籤:能夠給文件新增內容意義的標籤

7)水平線

空標記(horizontal rule)

8)列表(ul,ol,dl)

html中有三種列表,分別是:無序列表,有序列表,自定義列表

*無序列表

無序列表組成:

前端入門篇

作為乙個後端的開發,我其實不想設計到前端的開發。雖然都會是不錯的體驗,但是術業有專攻,還是揚長避短才能成就部分期待。但是沒有什麼能獨善其身,一方面環境使然,一方面前端的良好的效果能促進完成更好的產品,更加符合自己期待的東西,所以開始吧 前端目前的框架主流是vue react angular 推薦re...

Postman學習入門篇

postman學習入門篇 document json schema monitor mock 1.document 2.monitor 3.mock 注意 基於postman的monitor只能監聽公共的介面,不能監聽本地和私有介面,因為監聽伺服器在postman公有雲上 文獻選自 1.postma...

深度學習入門篇

很多剛開始接觸深度學習的小夥伴們內心常常會非常糾結,深度學習是不是很難,沒有機器學習基礎是不是學不起來等等。但是,我今天要說的是,沒有機器學習的基礎也能直接上手深度學習!如果是放到以前的大環境下,跳過機器學習直接進行深度學習,那必然是非常困難的,畢竟以前各類的 整合庫都不多。但是隨著時間的推移,深度...