網頁制作設計技術中(zhōng)HTML基本結構的描述

發布時間：2020-06-28 17:52:19　浏覽次數：29

網頁制作設計技術中(zhōng)HTML基本結構的描述

網頁設計技術可以追溯到上世紀初。 設計人員(yuán)使用HTML标記網頁，以完成網頁的制作。 例如，如果要在特定行中(zhōng)放(fàng)置一(yī)段文本，請标記一(yī)個文本。 如果要将圖片放(fàng)在特定的列中(zhōng)，請做一(yī)個圖片标記。 當時使用的編輯工(gōng)具是諸如記事本之類的應用程序，其中(zhōng)寫入了各種标簽和内容，然後将記事本文件另存爲擴展名爲.html的文件，從而完成了網頁。
  制作網頁的原始方法
  随着技術的不斷發展，Dreamweaver出現在這種類型的網頁編輯器中(zhōng)，它可以實現所見即所得的網頁效果。 但是，當我(wǒ)們打開(kāi)DW工(gōng)作界面時，我(wǒ)們仍然發現存在一(yī)個屬于HTML代碼的窗口：
  DW的代碼編輯界面
  實際上，确實需要借助代碼來實現許多效果。 因此，今天我(wǒ)将向您介紹HTML頁面的基本結構，爲将來編寫和修改代碼奠定基礎。
  HTML（超文本标記語言），中(zhōng)文表示超文本标記語言。 其中(zhōng)，超文本是指頁面上的各種内容，包括文本，圖片，音頻，視頻，超鏈接等； 标記是标記； 語言是語言。
  HTML中(zhōng)的大(dà)多數标簽都是成對出現的，例如“ <div> </ div>”，有些還顯示爲單個标簽，例如“ <br />”。 下(xià)面顯示的代碼是HTML頁面的基本結構：
  HTML的基本結構
  1. <！doctype html>文檔類型聲明
  doctype是文檔類型的縮寫，用于告訴浏覽器使用什麽HTML或XHTML規範來解析網頁。 它存在于頁面的第一(yī)行，并且不區分(fēn)大(dà)小(xiǎo)寫。 在HTML4中(zhōng)，此部分(fēn)将寫爲：
  HTML5以前的文檔類型
  其中(zhōng)，DTD使用通用标記語言規定了網頁的語法。 在HTML4中(zhōng)，必須指定DTD。 但是在HTML5（本文中(zhōng)使用的版本是HTML5）中(zhōng)，遵循“存在合理”的原則，并且對規則的要求相對寬松，因此這部分(fēn)内容可以直接縮寫爲：
  HTML5中(zhōng)的文檔類型
  2. <html> </ html>
  <html> </ html>标記是HTML頁面中(zhōng)所有标記的頂級标記。 一(yī)個頁面隻有一(yī)個标簽對。 頁面上的所有标簽和内容必須放(fàng)在<html> </ html>标簽對之間。
  3. <head> </ head>标頭信息
  <head> </ head>标記用于标識HTML的頭部區域。  <head>和</ head>之間的内容屬于head區域中(zhōng)的内容，主要包括一(yī)些與網頁相關的信息，例如網頁标題，字符集，網頁描述等，還可以包含腳本代碼。 這些信息内容不會直接顯示在頁面上，而是在打開(kāi)網頁時首先加載，并且加載和運行後的結果将應用于該網頁。
  <meta>标記用于使用格式“名稱=值”來定義文檔的元數據。 它通常用于描述當前頁面的特征，例如上圖中(zhōng)的文檔字符集，即charset =“ utf-8”。 其中(zhōng)，``utf-8''是指字符集名稱，稱爲``通用代碼''，是世界語言的翻譯者，借助它，我(wǒ)們可以在HTML頁面上編寫中(zhōng)文，英文，韓文和其他語言。  “ Utf-8”是默認字符集，它使頁面幾乎可以在世界上幾乎所有地區正常顯示。  （在HTML4中(zhōng)，這部分(fēn)内容将寫爲<meta http-equiv =“ content-type” content =“ text / html”; charset =“ uft-8”>）。
  <title> </ title>用于指定Web文檔的标題，例如：<title> Welcome to my website </ title>。 預覽頁面時，标題将顯示在網頁的标題欄中(zhōng)以及任務欄（下(xià)面的書）中(zhōng)。  <title> </ title>的作用是設置網頁的标題并使用搜索引擎進行搜索。 因此，标題設置是否合理很重要。
  4. <body> </ body>頁面主要部分(fēn)
  <body> </ body>是放(fàng)置頁面内容的位置，所有需要在浏覽器窗口中(zhōng)顯示的内容都必須放(fàng)在<body> </ body>标記對之間。 例如：
  5.标簽中(zhōng)的屬性
  與上圖對應，如果标簽中(zhōng)有屬性，則格式爲：
  标簽格式
  6.标簽的嵌套關系：标簽必須成對嵌套，而不是交叉嵌套，如下(xià)所示：
  标簽嵌套
  以上是HTML的基本結構和說明。 如果文章中(zhōng)沒有明确的位置，請留言^ _ ^

上一(yī)條：蘇州網站建設談論網頁設計标準 下(xià)一(yī)條：簡約的網頁設計技巧，創造簡約之美
網站建設

深圳复合门户网络科技有限公司提供網站建設，網站制作，網站開(kāi)發，網站設計，網頁開(kāi)發，網站定制，網頁設計等服務，幫助企業提高知(zhī)名度和影響力，提高企業網上競争力。我(wǒ)們的客戶來自各行各業，爲了共同目标，工(gōng)作上密切配合，從創業型小(xiǎo)企業到行業有影響力的網站建設公司，感謝他們對我(wǒ)們的高要求，感謝他們從不同領域給我(wǒ)們帶來的挑戰，讓我(wǒ)們的團隊用頭腦與智慧給客戶帶來驚喜。


閱讀推薦
Are you interested in ? 感興趣嗎(ma)？

網站建設咨詢電話(huà)

15995643107

江蘇省蘇州市相城區凱翔大(dà)廈

微信二維碼

掃一(yī)掃加微信咨詢
填寫網站建設，網站設計，網站開(kāi)發需求* 請認真填寫需求信息,24小(xiǎo)時内與您聯系。
Copyright ©2018-2024 深圳复合门户网络科技有限公司 (South Yuan Network technology Co., Ltd.) All Rights Reserved 　 　    隐私政策   免責申明   企業分(fēn)站   Cached at 2024-07-17 02:17:02
關閉

在線留言