網頁制作(do)設計技術中HTML基本結構的(of)描述

發布時(hour)間:2020-06-28 17:52:19 浏覽次數:34

網頁制作(do)設計技術中HTML基本結構的(of)描述

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

網站建設

深圳市维缇网络科技有限公司提供網站建設,網站制作(do),網站開發,網站設計,網頁開發,網站定制,網頁設計等服務,幫助企業提高知名度和(and)影響力,提高企業網上(superior)競争力。我(I)們(them)的(of)客戶來(Come)自各行各業,爲(for)了(Got it)共同目标,工作(do)上(superior)密切配合,從創業型小企業到(arrive)行業有影響力的(of)網站建設公司,感謝他(he)們(them)對我(I)們(them)的(of)高要(want)求,感謝他(he)們(them)從不(No)同領域給我(I)們(them)帶來(Come)的(of)挑戰,讓我(I)們(them)的(of)團隊用(use)頭腦與智慧給客戶帶來(Come)驚喜。


閱讀推薦
關閉

在(exist)線留言