亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

HTML基本結構_動力節(jié)點Java學院整理

  發(fā)布時間：2017-06-20 10:26:06   作者：佚名   我要評論
HTML是創(chuàng)建網頁的基礎語言,如果不了解HTML就談不上網頁設計。以下是關于HTML基本結構入門知識的講解

很多時候學網頁制作開發(fā)的時候第一看到的印象深刻的就是html或htm后綴結尾的網頁，我們把這類網頁歸結為靜態(tài)網頁，偽靜態(tài)除外。

那html或htm與其它如php、asp、aspx、jsp等后綴結尾的網頁有什么區(qū)別呢？

首先，html頁面是靜態(tài)的從頭到尾沒有程序的執(zhí)行是純的html語言，是不經過服務器處理就直接送出給瀏覽器呈現(xiàn)給瀏覽者。
而其他后綴的結尾的網頁相對來說就是動態(tài)網頁頁面，動態(tài)頁面是經過服務器對各自的程序翻譯處理、數(shù)據(jù)庫操作等處理然后才由瀏覽器把服務器處理完的數(shù)據(jù)程序給用戶，而網頁內容數(shù)據(jù)可以隨后臺數(shù)據(jù)改變而改變。

那html基本語言機構是怎么樣的呢？

先看一下的html結構：

 <html>  
<head>  
<title>放置文章標題</title>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> //這里是網頁編碼現(xiàn)在是gb2312 
<meta name="keywords" content="關鍵字" />  
<meta name="description" content="本頁描述或關鍵字描述" /> 
</head> 
<body> 
這里就是正文內容 
</body> 
</html>

完整HTML包括html DOCTYPE聲明、title標題、head、網頁編碼聲明等內容

最初使用完整的html源代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 0 Transitional//EN"
 "http://wwwworg/TR/xhtml1/DTD/xhtml1-transitionaldtd"> 
<html xmlns="http://wwwworg/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>標題部分-動力節(jié)點</title> 
<meta name="keywords" content="關鍵字" />  
<meta name="description" content="本頁描述或關鍵字描述" /> 
</head> 
<body> 
內容 
</body> 
</html>

最新完整HTML結構-HTML源代碼(推薦)：

<!DOCTYPE html>  
<html lang="zh-CN"> 
<head> 
<meta charset="utf-8"> 
<title>網頁標題</title> 
<meta name="keywords" content="關鍵字" /> 
<meta name="description" content="此網頁描述" /> 
</head> 
<body> 
網頁正文內容
</body> 
</html>

無論是html還是其它后綴的動態(tài)頁面其html語言結構都是這樣的，只是在命名網頁文件時以不同的后綴結尾。

1、無論是動態(tài)還是靜態(tài)頁面都是以“<html>”開始，然后在網頁最后以“</html>”結尾。

2、“<html>”后接著是“<head>”頁頭，其在<head></head>中的內容是在瀏覽器中內容無法顯示的，這里是給服務器、瀏覽器、鏈接外部JS、a鏈接CSS樣式等區(qū)域，而里面“<title></title>”中放置的是網頁標題。

3、接著“<meta name="keywords" content="關鍵字" /> <meta name="description" content="本頁描述或關鍵字描述" /> ”這兩個標簽里的內容是給搜索引擎看的說明本頁關鍵字及本張網頁的主要內容等SEO可以用到。

4、接著就是正文“<body></body> ”也就是常說的body區(qū) ，這里放置的內容就可以通過瀏覽器呈現(xiàn)給用戶，其內容可以是table表格布局格式內容，也可以DIV布局的內容，也可以直接是文字。這里也是最主要區(qū)域，網頁的內容呈現(xiàn)區(qū)。

5、最后是以“</html> ”結尾，也就是網頁閉合。

以上是一個完整的最簡單的html語言基本結構，通過以上可以再增加更多的樣式和內容充實網頁。
注意：網頁一般的根據(jù)xhtml標準都要求每個標簽閉合，如：以<html> 開始，以</html>閉合；如果沒有閉合如<meta name="keywords" content="關鍵字" />就沒有</meta> 就要<meta  />來完成閉合。

以上就是通俗來講的最簡單的html語言結構，如果需要看更多更豐富的html語言結構，可打開一個網站的網頁，然后點擊瀏覽器的“查看”--然后點擊“查看源代碼”即可看見該網頁的html語言結構，這樣可以根據(jù)此源代碼來分析此網頁的HTML語言結構與內容。  

相關文章

  • 入門：HTML的基本標簽和屬性簡單介紹

    HTML是由標志和屬性構成的，它們一起被用來告訴瀏覽器應該如何顯示一頁文檔。標志用來引用一段文字或是一幅圖片等文檔部件，屬性是標志的選項，在標志中修飾，如顏色，對齊
    2009-04-02

  • 入門：HTML的基本標簽和屬性簡單介紹

    HTML是由標志和屬性構成的，它們一起被用來告訴瀏覽器應該如何顯示一頁文檔。標志用來引用一段文字或是一幅圖片等文檔部件，屬性是標志的選項，在標志中修飾，如顏色，對齊
    2008-10-17

  • html5組織文檔結構_動力節(jié)點Java學院整理

    這篇文章主要為大家詳細介紹了html5組織文檔結構的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-07-11

  • html5頁面結構_動力節(jié)點Java學院整理

    這篇文章主要介紹了html5頁面結構,對于HTML5來講,在網頁結構上標簽定義與使用更加語義化,有興趣的可以了解一下
    2017-07-10

  • HTML5的文檔結構和新增標簽完全解析

    這篇文章主要介紹了HTML5的文檔結構和新增標簽完全解析,需要的朋友可以參考下
    2017-04-21

  • HTML5文檔結構標簽

    這篇文章給大家介紹了html5文檔結構標簽的相關知識，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧
    2017-04-21

  • HTML基本標簽及結構詳解

    這篇文章主要介紹了HTML基本標簽及結構詳解,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2020-11-23

最新評論