-
當(dāng)前位置:首頁 > 創(chuàng)意學(xué)院 > 技術(shù) > 專題列表 > 正文
html頁面結(jié)構(gòu)
大家好!今天讓創(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是以<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)容。
推薦閱讀:
html+css網(wǎng)頁制作(html css網(wǎng)頁制作成品我的學(xué)校)
網(wǎng)頁設(shè)計(jì)模板html代碼(學(xué)生個(gè)人網(wǎng)頁制作html代碼)
猜你喜歡
互聯(lián)網(wǎng)廣告類型有哪些(互聯(lián)網(wǎng)廣告類型有哪些)
google和百度seo區(qū)別(百度和谷歌搜索引擎比較分析)
怎么在當(dāng)?shù)匕l(fā)廣告效果好(怎么在當(dāng)?shù)匕l(fā)廣告效果好一點(diǎn))
手機(jī)自動(dòng)刷視頻賺錢是騙局嗎(手機(jī)自動(dòng)刷視頻賺錢是騙局嗎安全嗎)
ps網(wǎng)頁版在線制作入口(photoshop官網(wǎng)入口)
搜索欄點(diǎn)擊沒反應(yīng)(搜索欄點(diǎn)擊沒反應(yīng)怎么回事)
手機(jī)百度打開網(wǎng)頁慢怎么辦(手機(jī)百度打開網(wǎng)頁慢怎么辦呀)
免費(fèi)的個(gè)人簡(jiǎn)歷模板word(免費(fèi)的個(gè)人簡(jiǎn)歷模板可手機(jī)編輯)