HTML基礎内容

2023-06-30 02:45:09

HTML基礎内容

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>

<body>
</body>
</html>

1.< meta >标簽主要用于設定網頁中的一些中繼資料，中繼資料不是給使用者看。

charset：制定網頁的字元集：gb2132 gbk UTF-8

name：指定的資料的名稱。

keywords：表示網站的關鍵字，可以同時制定多個關鍵字，關鍵字間使用，隔開。

例：

< meta name=“keywords” content=“Foot,食物”/>

description：用于指定網站的描述。

< meta name=“description” content=“我們隻做新鮮食材”/>

title标簽的内容會作為搜尋結果的超連結上的文字顯示。

在網頁中HTML專門用來負責結構，是以在使用html标簽時，應該關注的是标簽的語義，而不是樣式。

塊元素block

在網頁中一般通過塊元素來對頁面進行布局。

标題标簽都是塊元素。

标題标簽：

h1~h6 一共有六級标題；

h1~h6重要性遞減，h1最重要，h6最不重要；

h1在網頁中的重要性僅次于title标簽，一般情況下一個頁面中隻有一個h1标簽。

hgroup标簽用來為标題分組，可以将一組相關的标題同時放入到hgroup。

p标簽表示頁面中的一個段落，p标簽也是塊元素。

行内元素inline

在頁面中不會獨占一行的元素稱為行内元素，行内主要用來包裹文字。

例：

em标簽用于表示語音語調的一個加重。

strong标簽表示強調重要内容！

blockquote标簽表示一個長引用。

q表示一個短引用。

br标簽表示頁面中的換行。

a标簽也是一個行内元素，在a标簽中可以嵌套除它自身外的任何元素。

一般情況下會在塊元素中放行内元素，而不會在行内元素中放塊元素；

塊元素中基本上什麼都能放；

p元素中不能放任何的塊元素；

浏覽器在解析網頁時，會自動對網頁中不符合規範的内容進行修正。

轉義字元

&nbsp：空格

&gt：大于号

&lt:小于号等；

超連結:

超連結可以讓我們從一個頁面跳轉到其他頁面，或者是目前的其他的位置。

使用a标簽來定義超連結。

屬性：

href屬性：指定跳轉的目标路徑。

target屬性：用指定超連結打開的位置。

可選值：

_self預設值，在目前頁面中打開超連結。

_blank在一個新的要麼中打開超連結。

可以直接将超連結的href屬性設定為#，這樣點選超連結後頁面不會發生跳轉，而是轉到目前頁面的頂部位置。

HTML基礎内容