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)是通過- 標籤來定義的
例項:
<2.html段落h1>這是乙個標題
h1>
<
h2>這是乙個標題
h2>
<
h3>這是乙個標題
h3>
html 段落是通過標籤 來定義的
例項:
<3.html 鏈結p>這是乙個段落。
p>
<
p>這是另外乙個段落。
p>
html 鏈結是通過標籤 來定義的
例項:
<4.html 影象a href
="">這是乙個鏈結
a>
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>
<使用 target 屬性,你可以定義被鏈結的文件在何處顯示a href
="/"
>訪問菜鳥教程
a>
例項:
<id屬性可用於建立在乙個html文件書籤標記。a href
="/"
target
="_blank"
rel="noopener noreferrer"
>訪問菜鳥教程!
a>
注:書籤是不以任何特殊的方式顯示,在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 影象是通過標籤來定義的 注意 元素是自關閉元素,不需要結...