前端學習 學習筆記(HTML部分)

2022-07-07 14:30:18 字數 2574 閱讀 4577

1.html是什麼?

2.html的用途?

使用標籤來描述網頁

3.html例項

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>html簡介

title

>

head

>

<

body

>

<

h1>我的第乙個標題

h1>

<

p>我的第乙個段落。

p>

body

>

html

>

例項解析:

(1)對於中文網頁需要使用 宣告編碼,否則會出現亂碼

(2)元素描述了文件的標題

(3)元素包含了可見的頁面內容

(4)元素定義乙個大標題

(5)元素定義乙個段落

1.html 標題

html 標題(heading)是通過- 標籤來定義的

例項:

<

h1>這是乙個標題

h1>

<

h2>這是乙個標題

h2>

<

h3>這是乙個標題

h3>

2.html段落

html 段落是通過標籤 來定義的

例項:

<

p>這是乙個段落。

p>

<

p>這是另外乙個段落。

p>

3.html 鏈結

html 鏈結是通過標籤 來定義的

例項:

<

a href

="">這是乙個鏈結

a>

4.html 影象

html 影象是通過標籤

來定義的

例項:

<

img

loading

="lazy"

src="/images/logo.png"

width

="258"

height

="39"

/>

注:影象的名稱和尺寸是以屬性的形式提供的

html 文件由 html 元素定義

html元素

開始標籤

元素內容

結束標籤

這是乙個段落

這是乙個鏈結

換行屬性總是以名稱的形式出現,比如:name="value"

屬性例項:

<

a href

="">這是乙個鏈結

a>

定義標題的開始

擁有關於對齊方式的附加資訊

定義 html 文件的主體

擁有關於背景顏色的附加資訊

定義 html **

擁有關於**邊框的附加資訊

始終為屬性值加引號

屬性值應該始終被包括在引號內。雙引號是最常用的,不過使用單引號也沒有問題。

在某些個別的情況下,比如屬性值本身就含有雙引號,那麼您必須使用單引號,例如:

name='bill "helloworld" gates'
html 屬性參考手冊

例項:

<

a href

="url"

>鏈結文字

a>

例項:

<

a href

="/"

>訪問菜鳥教程

a>

使用 target 屬性,你可以定義被鏈結的文件在何處顯示

例項:

<

a href

="/"

target

="_blank"

rel="noopener noreferrer"

>訪問菜鳥教程!

a>

id屬性可用於建立在乙個html文件書籤標記。

注:書籤是不以任何特殊的方式顯示,在html文件中是不顯示的,所以對於讀者來說是隱藏的

例項:在html文件中插入id:

<

a id

="tips"

>有用的提示部分

a>

<

a href

="#tips"

>訪問有用的提示部分

a>

<

a href

="/html/html-links.html#tips"

>

訪問有用的提示部分

a>

HTML學習筆記 基礎部分

html為超文字標記語言,不區分大小寫。標籤可以巢狀,稱為dom樹,包含父元素 子元素 兄弟元素。乙個標籤可含多個屬性,無先後關係。文件型別 符合html5標準 語言為英文 bigbang abegds gkjdf loremipsum.lorem ipsum.lorem ipsum.lorem i...

前端學習 HTML學習

開始學習前端知識,從html開始。html 為由一對尖括號 所括起來的內容以特定含義.這樣的標識稱為乙個 標籤 tag w3c上html標籤總結 html 參考手冊 charset utf 8 name keywords content name description content name v...

前端HTML學習

html 標題 heading 是通過 標籤來定義的 是英文header 頁首 標題的縮寫 html 段落是通過標籤來定義的 是英文paragraph 段落 的縮寫 html 鏈結是通過標籤來定義的 是英文anchor 錨點 的縮寫 html 影象是通過標籤來定義的 注意 元素是自關閉元素,不需要結...