HTML網頁簡介

前言:若是你已經學過html了這篇文章就跳過了吧,這篇文章是爲歷來沒有接觸過網站的人準備的。 html

1、什麼是HTML網頁

  1.  HTML 是用來描述網頁的一種語言。
  2. HTML 指的是超文本標記語言 (Hyper Text Markup Language)
  3. HTML 不是一種編程語言,而是一種標記語言 (markup language)
  4. 標記語言是一套標記標籤 (markup tag)
  5. HTML 使用標記標籤來描述網頁

 2、HTML網頁實例

1 <html>
2 <title>我是一個測試頁面</title>
3 <body>
4 <div>
5 我是詳細內容
6 </div>
7 </body>
8 </html>

這是個簡單的html網頁能夠保存成testhtml.html放到上次配置的虛擬機根目錄下個人虛擬機是d:/www/test而後打開www.test.com/testhtml.html 編程

你將看到下面這個頁面 瀏覽器

htmltest

htmltest 編程語言

上面的代碼中由尖括號包圍的關鍵字稱爲標籤好比<html>,<body>,html正是由這些標籤組成,通常都是成對出現,好比<html></html>,<body></body>其中前面的稱爲開始標籤,後面帶/稱爲結束標籤,在這個例子中網頁從<html>開始到</html>結束,其中<title></title>表示的是網頁的標題,顯示在瀏覽器標籤裏,<body></body>之間的內容顯示在瀏覽器正文部分,<div></div>是正文的一部分,能夠看作是一個個小模塊。 學習

3、html元素

元素是指從開始標籤到結束標籤的全部代碼。 測試

元素語法是,從開始標籤開始到結束標籤位置,這之間的內容是稱爲元素內容,元素內容能夠爲空,空元素在開始標籤中進行關閉好比<br /> 網站

大多數元素能夠嵌套好比htmltest實例中html的元素嵌套了<title>,<body>其中<body>又嵌套了<div>可是不是全部元素均可以嵌套,之後將介紹嵌套規則 google

4、注意點

  1. 不要忘記結束標籤,不寫結束標籤將會有不可預見的問題,好比<a href=」http://www.baidu.com」>aaa<a href=」http://google.com.hk」>bb能夠將這段代碼放到<body></body>裏面你將看到
    htmltest2

    htmltest2 spa

    全篇都變成了連接但實際上你只是想aa連接到百度bb連接到google如今變成了aa連接到百度了可是後面的全部內容包括我是詳細內容也連接到了google這顯然不是你想要的 .net

     

  2. 空標籤寫成<br />不要忘記/這是從長遠考慮
  3. 標籤使用小寫,這也是從長遠考慮

豬哥每日一貼手把手教新人學習編程技術,歡迎你們轉載,務必帶上原文出處!

原文:HTML網頁簡介

地址:http://www.qaforcode.net/archives/150

相關文章
相關標籤/搜索