HOME 首頁
SERVICE 服務(wù)產(chǎn)品
XINMEITI 新媒體代運(yùn)營(yíng)
CASE 服務(wù)案例
NEWS 熱點(diǎn)資訊
ABOUT 關(guān)于我們
CONTACT 聯(lián)系我們
創(chuàng)意嶺
讓品牌有溫度、有情感
專注品牌策劃15年

    html頁面結(jié)構(gòu)

    發(fā)布時(shí)間:2023-04-04 18:19:14     稿源: 創(chuàng)意嶺    閱讀: 88        

    大家好!今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于html頁面結(jié)構(gòu)的問題,以下是小編對(duì)此問題的歸納整理,讓我們一起來看看吧。

    開始之前先推薦一個(gè)非常厲害的Ai人工智能工具,一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

    只需要輸入關(guān)鍵詞,就能返回你想要的內(nèi)容,越精準(zhǔn),寫出的就越詳細(xì),有微信小程序端、在線網(wǎng)頁版、PC客戶端

    官網(wǎng):https://ai.de1919.com。

    創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè),服務(wù)客戶遍布全球各地,如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043,或添加微信:1454722008

    本文目錄:

    html頁面結(jié)構(gòu)

    一、HTML文檔結(jié)構(gòu)一般包括哪三部分啊?

    一般的HTML是以<html>標(biāo)記開始,以</html>標(biāo)記結(jié)束的,文檔里面分成兩部分:

    頭部標(biāo)簽<head>...</head>:標(biāo)記之間的內(nèi)容用于描述頁面的頭部信息,如頁面的標(biāo)題、摘要、關(guān)鍵詞等信息。

    文檔體:<body>...</body>標(biāo)記之間的內(nèi)容即為頁面的主體內(nèi)容。

    如果硬要分三部分,可以在BODY里面用div區(qū)分網(wǎng)站的底部出來。

    二、HTML5的頁面結(jié)構(gòu)和HTML4有什么不同

    如果單單說頁面結(jié)構(gòu),不介紹新的特性、功能的話,人見解,最大的變化恐怕是語意化了,html5增加了了很多語意化標(biāo)簽,比如header、footer、nav等等。這些標(biāo)簽有利于讓瀏覽器或者蜘蛛(搜索引擎)更好理解你的頁面想表達(dá)的內(nèi)容。比傳統(tǒng)html4使用表格或者div布局更加有利于SEO或者無障礙閱讀。

    其次,頁面頭部的文檔類型聲明也比html4更加簡(jiǎn)潔,文檔類型的作用,主要是告訴瀏覽器此文檔是什么種類,該如何解析。html4有很多種頭部文檔聲明,比較亂,新手可能很難一下子理解(說實(shí)話我也不太理解),而html5則精簡(jiǎn)到了一種:<!DOCTYPE HTML>這樣就使代碼出錯(cuò),和兼容問題得到了妥善解決。

    個(gè)人覺得主要是這些改動(dòng)吧,望采納。

    三、2. HTML文檔的基本結(jié)構(gòu)由哪些標(biāo)記組成

    <html>

    <head>

    <title>標(biāo)題</title>

    </head>

    <body>

    這里是內(nèi)容,顯示在頁面中

    </body>

    </html>

    上面就是HTML文檔的基本結(jié)構(gòu)。

    HTML文檔的基本結(jié)構(gòu)

    1 、<HTML>...</HTML>文檔標(biāo)記

    這個(gè)標(biāo)記是全部文檔內(nèi)容的容器,<HTML>是開始標(biāo)記,</HTML>是結(jié)束標(biāo)記,它們分別是網(wǎng)頁的第一個(gè)和最后一個(gè)標(biāo)記,其他標(biāo)記代碼都位于這兩個(gè)標(biāo)記之間。

    2、<HEAD>...</HEAK>首部標(biāo)記

    首部標(biāo)記<HEAD>...</HEAK>用于提供與Web頁有關(guān)的各種信息。在首部標(biāo)記中,可以使用<TITLE>...</TITLE>標(biāo)記來指定網(wǎng)頁的標(biāo)題,<STYLE>和</STYLE>標(biāo)記來定義CSS樣式表,使用<SCRIPT>和</SCRIPT>標(biāo)記來插入腳本,等等。

    3、<BODY>...</BODY>正文標(biāo)記

    正文標(biāo)記包含了文檔的內(nèi)容,文字、圖像、動(dòng)畫、超鏈接以及其他HTML元素均位于該標(biāo)記中。正文標(biāo)記有下列屬性。

    Backgroud:指定文檔背景圖像的URL地址。

    Bgcolor:指定文檔的背景顏色。

    Text:指定文檔中的文本顏色。

    Link:指定文檔中鏈接的顏色。

    VLink:指定文檔中已被訪問過的鏈接顏色。

    ALink:指定文檔中正被選中的鏈接顏色。

    ONLoad:指定文檔首次加載時(shí)調(diào)用的事件處理程序。

    ONUNLoad:指定文檔卸載時(shí)調(diào)用的事件處理程序。

    4 、文檔的基本結(jié)構(gòu)

    <HTML>

    <HEAD>

    <TITLE>這是我的第一張網(wǎng)頁 </TITLE>

    </HEAD>

    <BODY>

    這是我做的第一張網(wǎng)頁。

    </BODY>

    </HTML>

    2.1.4、注釋標(biāo)記

    在HTML語言中,注釋由開始標(biāo)記<!--和結(jié)束標(biāo)記-->構(gòu)成,這兩個(gè)標(biāo)記之間的文字被瀏覽器解釋為注釋,而不在瀏覽器窗口中顯示。例如:

    <!-- 注釋標(biāo)記的作用主要就是對(duì)某句和某段代碼進(jìn)行注釋 -->

    四、html行為的組成結(jié)構(gòu)

    1、HTML——超文本標(biāo)記語言,瀏覽器解析html標(biāo)記后,展示內(nèi)容

    2、H5——HTML5(目前流行比較火)

    3、網(wǎng)頁的基本結(jié)構(gòu)

    3.1靜態(tài)網(wǎng)頁的拓展名htm或html

    3.2新建網(wǎng)頁的步驟:

    1、新建文本文檔,更改拓展名為htm或html

    2、編寫網(wǎng)頁的基本結(jié)構(gòu),并報(bào)春

    3、雙擊html文件,在瀏覽器中運(yùn)行

    3.3網(wǎng)頁的基本結(jié)構(gòu)

    <html>

    <head>

    <title>網(wǎng)頁的標(biāo)題</title>

    <body>網(wǎng)頁顯示的內(nèi)容</body>

     </head>

    </html>

    4、HTML語言的特點(diǎn)

    標(biāo)記,大部分的都是成對(duì)存在

    不區(qū)分大小寫 H5區(qū)分大小寫

    瀏覽器解析HTML標(biāo)記

    二、使用相關(guān)的標(biāo)簽進(jìn)行排版

    1、網(wǎng)頁的標(biāo)題

    <title></title>

    2、標(biāo)題標(biāo)簽

    <h1>....<h6>數(shù)字越大 標(biāo)題越小

    3、段落標(biāo)記——<p>[/P]可以有也可以沒有

    4、換行——<br/> [/]可以有野可以沒有

    5、水平線——<hr/>

    6、字體加粗<strong></strong> 斜體<em></em>

    7、HTML中的注釋和特殊的符號(hào)--P15頁

    注釋:<!-- -->

    特殊符號(hào) 空格 ; 大于號(hào)>; 小于號(hào)<;

    引號(hào)";版權(quán)符號(hào)©;

    三、在網(wǎng)頁上插入圖片

     <img src="圖片地址" alt ""替換的文字

    title ""鼠標(biāo)懸浮停留時(shí)的文字 width ="寬" height"高"/>

    ps:src屬性必須有 其他的屬性可以有可以沒有

    圖片路徑:相對(duì)路勁和絕對(duì)路徑

    1、相對(duì)路徑,不出現(xiàn)有磁盤名字的路徑

    ../表示上級(jí)目錄

    ../../表示目錄的上一級(jí)目錄

    2.絕對(duì)路徑,有磁盤名字的路徑

    C:\Documents and Settings\Administrator\桌面

    ***網(wǎng)頁中使用相對(duì)路徑

    四、超鏈接

    1、通用語法:

    <a href=路徑target="-self丨blank"(前是當(dāng)前頁面打開,

    后是新建寬口打開>超鏈接上的顯示的文字</a>

    2、作用:頁面導(dǎo)航

    3、錨鏈接P23.24

    1>先設(shè)置錨記

    <a name="錨記名" </a>

    2>超鏈接訪問當(dāng)前頁面中的錨記?

    <a href="#錨記名”></a>

    4、打開郵件發(fā)送郵件

    <a href="mailto:郵箱名“>點(diǎn)我發(fā)送郵件</a>

    以上就是關(guān)于html頁面結(jié)構(gòu)相關(guān)問題的回答。希望能幫到你,如有更多相關(guān)問題,您也可以聯(lián)系我們的客服進(jìn)行咨詢,客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。


    推薦閱讀:

    http代理

    html+css網(wǎng)頁制作(html css網(wǎng)頁制作成品我的學(xué)校)

    網(wǎng)頁設(shè)計(jì)模板html代碼(學(xué)生個(gè)人網(wǎng)頁制作html代碼)

    抖音商品櫥窗可以二次開通么(抖音商品櫥窗只能開一次嗎)

    高清視頻精彩片段(高清視頻精彩片段素材)