整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          什么是網頁的源代碼?網站源代碼的種類

          什么是網頁的源代碼?網站源代碼的種類

          么是網頁的源代碼?

          網站源碼,也稱源代碼、源程序,是指未編譯的文本代碼或一個網站的全部源碼文件,是一系列人類可讀的計算機語言指令。通過瀏覽器或服務器翻譯后用戶最終看到的效果。所有的內容必須通過一些符號來表示,通過這些符號來表示如圖像、表格、鏈接等產生的內容就是網頁代碼了每個網頁都有它的代碼。

          網站源代碼的種類

          一種是動態源碼如ASP,PHP,JSP,.NET等,另一種是靜態源碼如HTML等。網頁源代碼就是指網頁的html代碼。

          么是 web

          web 就是 world wide web 的縮寫,稱之為全球廣域網,俗稱 WWW。對于用戶來說它其實就是由多個網頁組成在一起而形成的一種服務(Web).

          我們可以將 web 理解為就是當前的一種互聯網。對于我們來說更多的就是網站服務。網站我們可以認是由多個網頁組合在一起而形成一種服務。

          而 web 前端就是來負責一個網站當中前臺網頁里的內容。網頁是由前端工程師使用 HTML 語言編寫而成的一種文件,它里面會包含文字、圖片、超鏈接、音頻、視頻等等這些內容。

          注:超文本標記語言(Hyper Text Markup Language , HTML)就是用來描述網頁內容的一種計算機語言。

          什么是 HTML

          HTML 超文本標記語言(Hyper Text Markup Language)就是用來描述網頁的一種計算機語言。

          HTML 發展

          在互聯網最初的時候是沒有 HTML 的,我們只能通過網絡傳輸最簡單的文字內容。 隨著用戶的要求越來越多,同時也是我們的技術的不斷發展,就出了一種可以表達文字內容之外的語言 HTML1.0。后來又慢慢發展到了現在的 HTML5,也就是我們現在常說的 H5。

          HTML 查看工具

          在測試過程中,我們有時候需要通過工具去查看對應的 HTML 代碼。在這里我們可以用瀏覽器自帶的開發者工具,打開這個工具的快捷鍵是 F12。

          開發者工具是一個相當強大的工具??梢圆榭葱薷?HTML,還可以調試 js,可以修改 css,還可以查看網絡數據,并且還能進行性能測試。非常的全能。對于咱們 web 測試來說,是一個必須要掌握的工具。

          要查看 HTML 源碼,我們只需要進入開發者工具的 elements 界面。 在這里可以對 web 頁面上的元素進行定位,并且查看整個 web 頁面的 HTML 源碼。


          HTML 基本結構

          基本結構

          網頁是我們通過 HTML 語言來書寫。 用 HTML 語言去書寫網頁有一些結構是默認必須存在的, 這個結構我們就叫做網頁(HTML)骨架。

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <meta charset="UTF-8">
              <title>Title</title>
          </head>
          <body>
          
          </body>
          </html>

          HTML 基本標簽

          標簽

          標簽就是 HTML 語言的發明者人為定義好的一些"單詞",不同的標簽代表了不同的功能。

          標簽有兩種常見的形式:

          • 雙標簽:<標簽名稱></標簽名稱>
          • 單標簽:<標簽名 />

          常見標簽

          todo:加入 demo(done)

          • <!DOCTYPE html>:向瀏覽器聲明當前的文檔是 HTML 類型
          • <html></html> 之間的文本描述網頁,<html>是網頁當中最大的一個標簽,稱之為根標簽
          • <head></head> 描述網頁頭部,里面的內容是寫給瀏覽器看的
          • <meta charset="UTF-8"> 表示在設置當前網頁的顯示編碼
          • <title></title> 之間文本為網頁的標題,里面的內容會在瀏覽器的標簽頁上顯示
          • <body></body> 之間的文本是網頁主體,里面的內容會顯示在瀏覽器的空白區域內
          • <div></div> 之間定義網頁中的一個分隔區塊或者一個區域部分
          • <h1></h1> 之間的文本被顯示為標題
          • <p></p> 之間的文本被顯示為段落
          <!DOCTYPE html>
          <html lang="en">
            <head>
              <meta charset="UTF-8" />
              <title>網頁標題</title>
            </head>
            <body>
              <div>
                <h1>我的第一個網頁</h1>
                <p>網頁中的內容</p>
              </div>
            </body>
          </html>

          標簽的屬性

          todo:加入 demo(done)

          HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。屬性總是以名稱/值對的形式出現,比如:name="value"。

          屬性的基本格式為:<標簽名 屬性1="屬性值1" 屬性2="屬性值2"></標簽名>

          每個標簽都可以擁有多個屬性。屬性必須寫在開始標簽中,位于標簽名的后面。屬性之間不區分順序。標簽名與屬性、屬性與屬性之間使用空格隔開。任何屬性都有默認值,省略該屬性表示使用默認值。

          在 HTML 里,屬性也有很多中,比如首先有全局屬性,全局屬性是所有的標簽都可以使用的。然后還有事件屬性,事件大家可以理解為不同的操作。在不同的操作中,也有特殊的屬性可以定義。最后還有各個標簽的一些獨有的屬性。

          比如常見的全局屬性有:

          • class:規定元素的類名
          • id:規定元素的唯一 id
          <!DOCTYPE html>
          <html lang="en">
            <head>
              <meta charset="UTF-8" />
              <title>網頁標題</title>
            </head>
            <body>
              <div id="first" class="content">網頁中的內容</div>
            </body>
          </html>

          搜索微信公眾號:TestingStudio霍格沃茲的干貨都很硬核

          tml是hypertext markup language的縮寫,即超文本標記語言。html是一種簡單的標記語言,用于創建超文本文檔,可以從一個平臺移植到另一個平臺,通常用于創建網頁。html文件是帶有格式標識符和超文本鏈接的內嵌代碼的ascii 文本文件。

          HTML文本是由HTML命令組成的描述性文本,可以描述文本、圖形、動畫、聲音、表格、鏈接等等。HTML頁面結構由頭部和主體兩部分組成。頭部描述瀏覽器所需的信息,主體包含所要說明的具體內容。

          html是制作網頁的基礎。我們在網站建設中談論的靜態網頁是基于HTML的網頁。早期的網頁直接用HTML代碼編寫,但現在有許多智能網頁制作軟件(常用的如frontpage,dream weaver等)通常不需要手動編寫代碼,而是由這些軟件自動生成。雖然不需要自己寫,但是理解HTML代碼仍然是非常重要的。了解HTML是什么?它是學習網站建設的重要技術基礎知識。

          下面我們自己可以動手創建一個非常簡單的網頁,首先我們讓計算機顯示擴展,方法是打開我的電腦,然后現在欄目工具》文件夾選項》查看》高級設置中找到《隱藏已知文件類型的擴展名》將其不勾選,并單擊“應用”以確認設置。然后在桌面上創建一個新的TXT文件,將此文件命名為“xxx.html”(擴展名也可以是htm),這樣你就可以用瀏覽器打開它,你就會看到自己制作的最簡單的頁面。

          進一步的簡單理解什么是html

          html是一種超文本標記語言,即html(hypertext markup language),是一種用來描述網絡文檔的標記語言。在頁面的開頭和結尾使用<html></html>標簽。

          總結:

          1),HTML是我們常說的靜態網頁;

          2),HTML是以Html或htm為擴展名的文件;

          3),HTML某些標簽代碼規則,讓內容在瀏覽器中呈現出我們所需要的樣式;

          4),HTML可以使用記事本創建,并以.html或.htm為擴展名保存。

          html文件中的代碼由具有一定的規則規律標簽與內容組成。以指定的HTML結構和內容形成完整的html文件。我們可以直接使用瀏覽器來打開,查看網頁效果。

          如果您想在瀏覽器中顯示各式各樣的網頁,我們就需要html文件(HTML基本結構+內容+標簽)和css文件(css樣式)來實現我們需要的漂亮網頁。


          主站蜘蛛池模板: 波多野结衣AV一区二区三区中文| 亚洲啪啪综合AV一区| 中文字幕一区精品| 日韩一区二区三区视频久久| 国产免费伦精品一区二区三区| 亚洲AV无码一区二区三区牲色 | 少妇一夜三次一区二区| 亚洲av无码一区二区三区人妖| 麻豆一区二区免费播放网站| 一本一道波多野结衣AV一区 | 日韩视频一区二区| 毛片一区二区三区无码| 国产精品99精品一区二区三区| 国产成人精品无码一区二区老年人 | 国产一区二区在线|播放| 日本一区二区三区日本免费| 色一情一乱一伦一区二区三区| 精品一区二区三区免费视频| 国产精品亚洲午夜一区二区三区| 一区国严二区亚洲三区| 国产精品一区二区久久乐下载| 无码国产精品久久一区免费| 日韩精品免费一区二区三区 | 亚洲一区二区免费视频| 91福利视频一区| 文中字幕一区二区三区视频播放 | 亚洲AV成人一区二区三区观看 | 精品一区二区三区免费毛片爱| 国产经典一区二区三区蜜芽 | 精品动漫一区二区无遮挡| 国精产品一区一区三区有限公司 | 久久一区二区三区精华液使用方法 | 国产精品一区12p| 亚洲一区二区免费视频| 精品视频在线观看一区二区 | 亚洲AV无码一区二区三区DV | 色偷偷av一区二区三区| 国产精品亚洲专一区二区三区| 中文字幕精品一区二区精品| 国产成人无码一区二区三区| 影院成人区精品一区二区婷婷丽春院影视|