HTML+CSS基礎(chǔ)入門-第二天(html的基礎(chǔ)結(jié)構(gòu))

<html>內(nèi)容</html>

解釋

HTML文檔的文檔標(biāo)記,也成為HTML開是標(biāo)記

功能

這對(duì)標(biāo)記分別位于網(wǎng)頁的最前端和最后端

<html>:在最前端表示網(wǎng)頁的開始
</html>:自最后端表示網(wǎng)頁的結(jié)束
/:表示閉合標(biāo)簽

<head>內(nèi)容</head>

解釋

HTML文件頭標(biāo)記,也成為HTML頭信息開始標(biāo)記

功能

用來包含文件的基本信息,比如網(wǎng)頁的標(biāo)題,關(guān)鍵字,在<head></head>內(nèi)可以放<title></title> ,,<style></style>等等標(biāo)記

注意

在<head></head>標(biāo)記內(nèi)的內(nèi)容不會(huì)在瀏覽器中顯示

<title>內(nèi)容</title>

解釋

HTML文件標(biāo)題標(biāo)記

功能

網(wǎng)頁的“主題”,顯示在瀏覽器的窗口的左上邊

注意

網(wǎng)頁的標(biāo)題不能太長,要短小精悍,能具體反應(yīng),<title></title>標(biāo)記中不能包含其他標(biāo)記,而且只能在<head>內(nèi)容</head>中。

<body>內(nèi)容</body>

解釋

HTML文檔的主體標(biāo)記

功能

<body>內(nèi)容</body>是網(wǎng)頁的主體部分,在此標(biāo)記之間可以包含<p></p>,<h1></h1>,<br></br>正是由于這些內(nèi)容組成了我們所看見的網(wǎng)頁。

body標(biāo)記常見的屬性

  1. bgcolor:設(shè)置背景顏色 <body bgcolor="red">內(nèi)容</body>
  2. text:設(shè)置文本顏色 <body text="green">內(nèi)容</body>
  3. link:設(shè)置連接顏色 <body link="blue">內(nèi)容</body>
  4. vlink:已經(jīng)訪問了的連接顏色 <body vlink="yellow">內(nèi)容</body>
  5. alink:正在被點(diǎn)擊的連接顏色 <body alink="red">內(nèi)容</body>

<meta>內(nèi)容</meta>

解釋

頁面的原信息(meta-information)

功能

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

必須的屬性

content 值:some_text 定義name相關(guān)的原信息。

常見的屬性

常用的name屬性:author,keywords,description,others。
把content屬性關(guān)聯(lián)到一個(gè)名稱
比如描繪出網(wǎng)頁的關(guān)鍵詞:<meta name=“keywords” content=“呼叫bree”>

注意

meta標(biāo)記必須在head元素里邊

實(shí)戰(zhàn)

測(cè)試代碼
<title>第二節(jié)課</title>:設(shè)置標(biāo)題為“第二節(jié)課”
bgcolor="gray":背景顏色會(huì)灰色
text="yellow":字體顏色為黃色
link="green":連接顏色為綠色
vlink="red" :正在點(diǎn)擊的連接為紅色
alink="blue":訪問過的連接為藍(lán)色
<a >百度</a>:定義一個(gè)連接

<html>
    <head>
        <title>第二節(jié)課</title>
        <!--指定字符集-->
        <meta charset="UTF-8">
        <meta name="keywords" content="呼叫bree">
    </head>
    
    <body bgcolor="gray" text="yellow" link="green" vlink="red" alink="blue">
    這是一個(gè)內(nèi)容的標(biāo)題
    <a >百度</a>
    <a >百度</a>
    <a >百度</a>
    </body>
</html>

效果

這里寫圖片描述
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 0.B/S結(jié)構(gòu) 瀏覽器服務(wù)器模式,web瀏覽器是客戶端最主要的應(yīng)用軟件.將客戶端使用web進(jìn)行統(tǒng)一,系統(tǒng)功能實(shí)現(xiàn)集...
    liusong007閱讀 1,203評(píng)論 0 1
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,634評(píng)論 19 139
  • 簡介網(wǎng)絡(luò)瀏覽器很可能是使用最廣的軟件。在這篇入門文章中,我將會(huì)介紹它們的幕后工作原理。我們會(huì)了解到,從您在地址欄輸...
    wengjq閱讀 2,318評(píng)論 2 15
  • HTML基礎(chǔ) 本文包括 HTML基本知識(shí)與結(jié)構(gòu) HTML常見標(biāo)簽 標(biāo)簽寫法與嵌套的討論 HTML、CSS、java...
    廖少少閱讀 2,214評(píng)論 2 21
  • 學(xué)習(xí)HTML的最佳網(wǎng)站沒有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,384評(píng)論 0 16

友情鏈接更多精彩內(nèi)容