萌新的html學習記錄(二)

2021-10-07 14:22:53 字數 2788 閱讀 1895

部落格與本人的學習進度同步更新,基礎不紮實,待後續學習推進後優化更改。本篇適合給我一樣的新手作入門參考,比較專業的教程可參考w3schol的html入門和中國大學mooc的課程。

由於csdn部落格的編輯區可以直接編譯html**(也就是說可以直接用html來碼出一篇部落格)。所以,文章中所有標籤的<>內部加入了空格,為了可以在文章中把標籤顯示出來~

本章節所學的**總結(嘗試用html檔案開啟它~):

>

>

>

標籤與屬性title

>

head

>

bgcolor

="yellow"

>

align

="center"

>

這是乙個居中的h1標題h1

>

href

="">

這是乙個w3school的鏈結a

>

/>

href

="">

這是乙個csdn的鏈結a

>

align

="center"

>

這是乙個居中的h2標題h2

>

/>

align

="center"

>

這是乙個居中的h3標題h3

>

body

>

html

>

html 文件是由 html 元素定義的。

html 元素指的是從開始標籤(start tag)到結束標籤(end tag)的所有**。

開始標籤

元素內容

結束標籤

< p >

this is a paragraph

< /p >

< a href=「default.htm」 >

this is a link

< /a >

< br />

注釋:開始標籤常被稱為開放標籤(opening tag),結束標籤常稱為閉合標籤(closing tag)。

一定要加上結束標籤!雖然現在有時候沒有加結束標籤可能也可以使用,但有的時候忘記使用結束標籤可能會產生不可預料的結果或錯誤!

未來的 html 版本不允許省略結束標籤!

html 元素以開始標籤起始

html 元素以結束標籤終止

元素的內容是開始標籤與結束標籤之間的內容

某些 html 元素具有空內容(empty content)

空元素在開始標籤中進行關閉(以開始標籤的結束而結束)

大多數 html 元素可擁有屬性

屬性為 html 元素提供附加資訊。

html 標籤可以擁有屬性。屬性提供了有關 html 元素的更多的資訊。

屬性總是以名稱=「值」的形式出現,比如:name=「value」。

屬性總是在 html 元素的開始標籤中規定。

屬性值應該始終被包括在引號內。雙引號是最常用的。在某些個別的情況下,比如屬性值內含有雙引號,那麼就必須使用單引號,例如:

name='bill 「helloworld」 gates』

完整的html 參考手冊

標題(heading)是通過 < h1 > - < h6 > 等標籤進行定義的。

< h1 > 定義最大的標題。< h6 > 定義最小的標題。

瀏覽器會自動地在標題的前後新增空行。預設情況下,html 會自動地在塊級元素前後新增乙個額外的空行,比如段落、標題元素前後。

標題很重要!

請確保將 html heading 標籤只用於標題。不要僅僅是為了產生粗體或大號的文字而使用標題。

搜尋引擎使用標題為您的網頁的結構和內容編制索引。

因為使用者可以通過標題來快速瀏覽您的網頁,所以用標題來呈現文件結構是很重要的。

應該將 h1 用作主標題(最重要的),其後是 h2(次重要的),再其次是 h3,以此類推。

< hr / > 標籤在 html 頁面中建立水平線。

(這篇csdn裡的分割線就是我在編輯時加入了< hr/ >)

hr 元素可用於分隔內容(傳統藝能分割線 )。當然使用水平線 (< hr > 標籤) 來分隔文章中的小節是乙個辦法(但並不是唯一的辦法)。

如何近距離觀察乙個漂亮網頁的組成**?

只需要單擊右鍵,然後選擇「檢視原始檔」(ie)或「檢視頁面源**」(firefox),其他瀏覽器的做法也是類似的。這麼做會開啟乙個包含頁面 html **的視窗。

如果在不產生乙個新段落的情況下進行換行(新行),請使用 < br /> 標籤

我們無法確定 html被顯示的確切效果。螢幕的大小,以及對視窗的調整都可能導致不同的結果。

對於html,無法通過在html**中新增額外的空格或換行來改變輸出的效果。

當顯示頁面時,瀏覽器會移除源**中多餘的空格和空行。所有連續的空格或空行都會被算作乙個空格。需要注意的是,html**中的所有連續的空行(換行)也被顯示為乙個空格。

萌新自閉比賽記錄

今天打了牛客競賽的萌新 自閉 賽.現在的水平打比賽還是吃力了點.不過比起第二場只a了兩題,今天第三場好歹還a了五題 今天最大的感受就是萌新階段還是好好的先去想題目的思路再慢慢敲.不要貪圖快.不然就會像今天的a題一樣.一看到a題題面就想用dfs 結果時間複雜度 還優化了好久.最後靜下心來認真想了一下才...

萌新PYTHON學習01

an highlighted block class myabc 抽象基類,其中可能並沒有實際可呼叫的 但定義了若干函式名,表示其子類應當也擁有這些函式方法 def func1 pass def func2 pass class myclass myabc 繼承myabc的子類,根據規範,應當實現父...

萌新的Linux學習之路(四)

一 使用者是什麼 使用者就是系統中使用者的身份,在系統中使用者儲存為若干字元 若干系統配置檔案 1.使用者資訊涉及到的系統配置檔案 二 使用者管理 1.使用者的建立 useradd u 引數 使用者名稱 指定使用者的uid useradd g 組 使用者名稱 指定使用者初始組資訊。這個組必須已經存在...