HTML+CSS基礎入門-第二天(HTML-HTML的基礎結構)

<html>內容</html>

解釋

HTML文檔的文檔標記,也成爲HTML開是標記

功能

這對標記分別位於網頁的最前端和最後端

<html>:在最前端表示網頁的開始
</html>:自最後端表示網頁的結束
/:表示閉合標籤

<head>內容</head>

解釋

HTML文件頭標記,也成爲HTML頭信息開始標記

功能

用來包含文件的基本信息,比如網頁的標題,關鍵字,在<head></head>內可以放<title></title> ,,<style></style>等等標記

注意

在<head></head>標記內的內容不會在瀏覽器中顯示

<title>內容</title>

解釋

HTML文件標題標記

功能

網頁的“主題”,顯示在瀏覽器的窗口的左上邊

注意

網頁的標題不能太長,要短小精悍,能具體反應,<title></title>標記中不能包含其他標記,而且只能在<head>內容</head>中。

<body>內容</body>

解釋

HTML文檔的主體標記

功能

<body>內容</body>是網頁的主體部分,在此標記之間可以包含<p></p>,<h1></h1>,<br></br>正是由於這些內容組成了我們所看見的網頁.

body標記常見的屬性

  1. bgcolor:設置背景顏色 <body bgcolor=”red”>內容</body>
  2. text:設置文本顏色 <body text=”green”>內容</body>
  3. link:設置連接顏色 <body link=”blue”>內容</body>
  4. vlink:已經訪問了的連接顏色 <body vlink=”yellow”>內容</body>
  5. alink:正在被點擊的連接顏色 <body alink=”red”>內容</body>

<meta>內容</meta>

解釋

頁面的原信息(meta-information)

功能

提供有關頁面的原信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞。

必須的屬性

content 值:some_text 定義name相關的原信息。

常見的屬性

常用的name屬性:author,keywords,description,others。
把content屬性關聯到一個名稱
比如描繪出網頁的關鍵詞:<meta name=“keywords” content=“呼叫bree”>

注意

meta標記必須在head元素裏邊

實戰

測試代碼
<title>第二節課</title>:設置標題爲“第二節課”
bgcolor=”gray”:背景顏色會灰色
text=”yellow”:字體顏色爲黃色
link=”green”:連接顏色爲綠色
vlink=”red” :正在點擊的連接爲紅色
alink=”blue”:訪問過的連接爲藍色
<a href=”https://www.baidu.com/sss”>百度</a>:定義一個連接

<html>
    <head>
        <title>第二節課</title>
        <!--指定字符集-->
        <meta charset="UTF-8">
        <meta name="keywords" content="呼叫bree">
    </head>

    <body bgcolor="gray" text="yellow" link="green" vlink="red" alink="blue">
    這是一個內容的標題
    <a href="https://www.baidu.com/sss">百度</a>
    <a href="https://www.baidu.com/ss">百度</a>
    <a href="https://www.baidu.com/www">百度</a>
    </body>
</html>

效果

這裏寫圖片描述

發佈了32 篇原創文章 · 獲贊 0 · 訪問量 9976
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章