CSS回顧總結(三) HTML簡介

2021-09-24 21:01:46 字數 3505 閱讀 3431

目錄

html:hyper text markup language

html與xhtml區別

html寫法規範

html網頁的基本結構: 標籤

html5標籤分為常規標籤和空標籤兩種

鏈結標籤    **

html就是超文字標記語言,標準通用標記語言下的乙個應用。 「超文字」就是指頁面內可以包含、鏈結,甚至**、程式等非文字元素。 超文字標記語言的結構包括「頭」部分(英語:head)、和「主體」部分(英語:body),其中「頭」部提供關於網頁的資訊,「主體」部分提供網頁的具體內容。

w3c:全球資訊網聯盟成立於2023年,是web技術領域最具權威和影響力的國際中立性技術標準機構。

xhtmi中標簽名必須寫;  在html中,不區分大小寫

xhtmi中屬性名必須小寫;    htmi屬性名也必須是小寫的

xhtml中標籤必須嚴格巢狀; html對 標籤的巢狀沒有嚴格的規定

xhtmi中標籤必須關閉; htmi中標籤不閉合也是正確的,即可以不成對出現

xhtml中空元素的標籤頁必須封閉,如,

; htmi中沒有要求

xhtml中屬性值必須用雙引號引起來; htmi中 屬性值可以不適用雙引號

xhtml中屬性值必須使用完整形式,即k;  在html中可以採用簡寫,

xhtml中,應該區分"內容標籤和結構標籤」比如是內容標籤,是結構標籤,不允許將table>置於中,反之則可以將置於的中

1.html中不區分大小寫,但是我們一般都使用小寫

2.html中的注釋不能巢狀,注釋裡不能有注釋

3.html中的標籤必須結構完整,要麼成對出現,要麼自結束標籤。

4.html的標籤可以巢狀,但不能交叉巢狀

5.html標籤中的屬性必須有值,且值必須加引號

宣告位於文件中的最前面的位置,處於 標籤之前。

宣告不是乙個 html 標籤;它是用來告知 web 瀏覽器頁面使用了哪種 html 版本。

是html5標準網頁宣告,全稱為document type hypertext mark-up language,意思為文件種類為超文字標記性語言或超文字鏈結標示語言,現在是這個簡潔形式,支援html5標準的主流瀏覽器都認識這個宣告。表示網頁採用html5, 宣告位於文件中的最前面的位置,處於 標籤之前。此標籤可告知瀏覽器文件使用哪種 html 或 xhtml 規範。

h5的文件宣告,宣告當前的網頁是按照html5標準編寫的 

編寫網頁時一定要將h5的文件宣告寫在網頁的最上邊

如果不寫文件宣告,則會導致有些瀏覽器進入乙個怪異模式

進入怪異模式後,瀏覽器解析頁面時會導致頁面無法正常顯示,所以為了避免進入該模式,一定要寫文件宣告

html 4.01 與 html5之間的差異

html 4.01 規定了三種不同的 宣告,分別是:strict、transitional 和 frameset。 html5 中僅規定了一種:

html根標籤,乙個頁面中只有乙個根標籤,所有內容都應該寫在根標籤中

head標籤中的內容不會再網頁中直接顯示,是用來幫助瀏覽器解析頁面的

title網頁的標題標籤,缺省會顯示在瀏覽器的標題欄中

搜尋引擎在搜尋頁面時,會首先檢索title標籤中的內容

它是網頁中對於搜尋引擎來說最重要的內容,會影響頁面在搜尋引擎中的排名

body標籤用來設定主題內容,網頁中所有可見的內容,都寫在body中

使用meta標籤可以用來設定網頁的關鍵字,name是對content的乙個描述

標籤位於文件的頭部,不包含任何內容。標籤的屬性定義了與文件相關聯的名稱/值對。

需要告訴瀏覽器網頁所採用的編碼字符集

meta標籤用來設定網頁的一些元資料,比如網頁的字符集、簡介、關鍵字

meta是乙個自結束標籤,編寫乙個自結束標籤時,可以在開始新增乙個

使用meta可以用來做請求的重定向

比如:5秒以後跳轉頁面

《常規標籤》

《標籤屬性=「屬性值」屬性= 「屬性值」>空標籤

《標籤屬性=「屬性值」1>

說明:

標題標籤 .......

在顯示效果上h1最大,h6最小

使用html標籤時關心的是標籤的語義,我們使用的標籤都是語義化標籤

6級標題中,h1最重要,表示乙個網頁的主要內容,h2-h6的重要性依次降低

對於搜尋引擎來說,h1的重要性僅次於title,搜尋引擎檢索完title,會立即檢視h1中的內容

h1會影響到頁面在搜尋引擎中排名,頁面只能寫乙個

一般頁面中的標籤只寫h1,h2,h3

一級標籤

一級標籤

一級標籤

換行標籤在頁面中可以用br標籤來換行,br標籤是乙個自結束標籤

段落標籤

段落標籤,用於表示內容中的乙個自然段

使用p標籤來表示乙個段落

p標籤中的文字預設獨佔一行,並且有行距

水平線標籤

hr標籤是一條水平線,也是乙個自結束標籤

字型樣式標籤 加粗

文字傾斜標籤

特殊符號:

影象標籤

頁面間鏈結

一從乙個頁而鏈結到另外個頁面

錨鏈結

使用name去做錨點,然後使用href="#name的名字"

優點:簡單好用,結構穩定

基本結構:單元格,行,列

**邊框 border

**對齊方式:預設對齊,居中對齊,左對齊,右對齊

單元格對齊方式:水平對齊方式,垂直對齊方式

個人回顧總結

答 我們的軟體要解決如何讓同學們在愉悅歡快的遊戲中收穫知識,如何把學習變成一件相對不枯燥的事情,我們利用充足的時間做了計畫,並同夏大偉老師進行商討解決了對於需求的滿足。答 有,相對來說時間相對充裕,但是由於我們要做的是遊戲,乙個全新的東西嗎,所以制定計畫有一些費力。答 我們小組意見都會說出來,如果不...

專案回顧 總結

一 團隊中每個人針對專案回顧模板中的問題,用markdown語法寫下自己的思考和回答並發布到自己的 我們的軟體要解決什麼問題?是否定義得很清楚?是否對典型使用者和典型場景有清晰的描述?我們的軟體主要解決藥品庫存量的管理,我們定義清楚,我們軟體面對的使用者是醫生和藥品庫存管理人員,面對的場景是醫院 是...

專案回顧 總結

設想和目標 1.我們的軟體要解決什麼問題?是否定義得很清楚?是否對典型使用者和典型場景有清晰的描述?一些小的功能細節 清楚 有。2.是否有充足的時間來做計畫?有。3.團隊在計畫階段是如何解決同事們對於計畫的不同意見的?投票,用人數多的計畫。使用者量,使用者對重要功能的接受程度和我們事先的預想一致麼?...