-
讓品牌有溫度、有情感
專注品牌策劃15年
-
當前位置：首頁 > 創(chuàng)意學院 > 技術 > 專題列表 > 正文
html頁面結構
發(fā)布時間：2023-04-04 18:19:14
稿源：
創(chuàng)意嶺 閱讀：
88
大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關于html頁面結構的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。
開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等
只需要輸入關鍵詞，就能返回你想要的內容，越精準，寫出的就越詳細，有微信小程序端、在線網(wǎng)頁版、PC客戶端
官網(wǎng)：https://ai.de1919.com。
創(chuàng)意嶺作為行業(yè)內優(yōu)秀的企業(yè)，服務客戶遍布全球各地，如需了解SEO相關業(yè)務請撥打電話175-8598-2043，或添加微信：1454722008
本文目錄:
一、HTML文檔結構一般包括哪三部分啊?
一般的HTML是以<html>標記開始，以</html>標記結束的，文檔里面分成兩部分：
頭部標簽<head>...</head>：標記之間的內容用于描述頁面的頭部信息，如頁面的標題、摘要、關鍵詞等信息。
文檔體：<body>...</body>標記之間的內容即為頁面的主體內容。
如果硬要分三部分，可以在BODY里面用div區(qū)分網(wǎng)站的底部出來。
二、HTML5的頁面結構和HTML4有什么不同
如果單單說頁面結構，不介紹新的特性、功能的話，人見解，最大的變化恐怕是語意化了，html5增加了了很多語意化標簽，比如header、footer、nav等等。這些標簽有利于讓瀏覽器或者蜘蛛（搜索引擎）更好理解你的頁面想表達的內容。比傳統(tǒng)html4使用表格或者div布局更加有利于SEO或者無障礙閱讀。
其次，頁面頭部的文檔類型聲明也比html4更加簡潔，文檔類型的作用，主要是告訴瀏覽器此文檔是什么種類，該如何解析。html4有很多種頭部文檔聲明，比較亂，新手可能很難一下子理解（說實話我也不太理解），而html5則精簡到了一種：<!DOCTYPE HTML>這樣就使代碼出錯，和兼容問題得到了妥善解決。
個人覺得主要是這些改動吧，望采納。
三、2． HTML文檔的基本結構由哪些標記組成
<html>
<head>
<title>標題</title>
</head>
<body>
這里是內容，顯示在頁面中
</body>
</html>
上面就是HTML文檔的基本結構。
HTML文檔的基本結構
1 、<HTML>...</HTML>文檔標記
這個標記是全部文檔內容的容器，<HTML>是開始標記，</HTML>是結束標記，它們分別是網(wǎng)頁的第一個和最后一個標記，其他標記代碼都位于這兩個標記之間。
2、<HEAD>...</HEAK>首部標記
首部標記<HEAD>...</HEAK>用于提供與Web頁有關的各種信息。在首部標記中，可以使用<TITLE>...</TITLE>標記來指定網(wǎng)頁的標題，<STYLE>和</STYLE>標記來定義CSS樣式表，使用<SCRIPT>和</SCRIPT>標記來插入腳本，等等。
3、<BODY>...</BODY>正文標記
正文標記包含了文檔的內容，文字、圖像、動畫、超鏈接以及其他HTML元素均位于該標記中。正文標記有下列屬性。
Backgroud:指定文檔背景圖像的URL地址。
Bgcolor:指定文檔的背景顏色。
Text:指定文檔中的文本顏色。
Link：指定文檔中鏈接的顏色。
VLink：指定文檔中已被訪問過的鏈接顏色。
ALink：指定文檔中正被選中的鏈接顏色。
ONLoad：指定文檔首次加載時調用的事件處理程序。
ONUNLoad：指定文檔卸載時調用的事件處理程序。
4 、文檔的基本結構
<HTML>
<HEAD>
<TITLE>這是我的第一張網(wǎng)頁 </TITLE>
</HEAD>
<BODY>
這是我做的第一張網(wǎng)頁。
</BODY>
</HTML>
2.1.4、注釋標記
在HTML語言中，注釋由開始標記<!--和結束標記-->構成，這兩個標記之間的文字被瀏覽器解釋為注釋，而不在瀏覽器窗口中顯示。例如：
<!-- 注釋標記的作用主要就是對某句和某段代碼進行注釋 -->
四、html行為的組成結構
1、HTML——超文本標記語言，瀏覽器解析html標記后，展示內容
2、H5——HTML5(目前流行比較火）
3、網(wǎng)頁的基本結構
3.1靜態(tài)網(wǎng)頁的拓展名htm或html
3.2新建網(wǎng)頁的步驟：
1、新建文本文檔，更改拓展名為htm或html
2、編寫網(wǎng)頁的基本結構，并報春
3、雙擊html文件，在瀏覽器中運行
3.3網(wǎng)頁的基本結構
<html>
<head>
<title>網(wǎng)頁的標題</title>
<body>網(wǎng)頁顯示的內容</body>
</head>
</html>
4、HTML語言的特點
標記，大部分的都是成對存在
不區(qū)分大小寫 H5區(qū)分大小寫
瀏覽器解析HTML標記
二、使用相關的標簽進行排版
1、網(wǎng)頁的標題
<title></title>
2、標題標簽
<h1>....<h6>數(shù)字越大 標題越小
3、段落標記——<p>[/P]可以有也可以沒有
4、換行——<br/> [/]可以有野可以沒有
5、水平線——<hr/>
6、字體加粗<strong></strong> 斜體<em></em>
7、HTML中的注釋和特殊的符號--P15頁
注釋：<!-- -->
特殊符號 空格 ； 大于號>； 小于號<；
引號"；版權符號©；
三、在網(wǎng)頁上插入圖片
<img src="圖片地址" alt ""替換的文字
title ""鼠標懸浮停留時的文字 width ="寬" height"高"/>
ps：src屬性必須有 其他的屬性可以有可以沒有
圖片路徑：相對路勁和絕對路徑
1、相對路徑，不出現(xiàn)有磁盤名字的路徑
../表示上級目錄
../../表示目錄的上一級目錄
2.絕對路徑，有磁盤名字的路徑
C:\Documents and Settings\Administrator\桌面
***網(wǎng)頁中使用相對路徑
四、超鏈接
1、通用語法：
<a href=路徑target="-self丨blank"（前是當前頁面打開，
后是新建寬口打開>超鏈接上的顯示的文字</a>
2、作用：頁面導航
3、錨鏈接P23.24
1>先設置錨記
<a name="錨記名" </a>
2>超鏈接訪問當前頁面中的錨記？
<a href="#錨記名”></a>
4、打開郵件發(fā)送郵件
<a href="mailto:郵箱名“>點我發(fā)送郵件</a>
以上就是關于html頁面結構相關問題的回答。希望能幫到你，如有更多相關問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內容。
推薦閱讀：
html+css網(wǎng)頁制作（html css網(wǎng)頁制作成品我的學校）
網(wǎng)頁設計模板html代碼（學生個人網(wǎng)頁制作html代碼）
贛公網(wǎng)安備 50019002502384號
