整合營銷服務商

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

          免費咨詢熱線:

          HTML簡介與網頁組成基本元素

          、HTML簡介:

          HTML,Hyper Texture Markup Language,超文本標記語言。在計算機中以.html、.htm作為擴展名,瀏覽器可以訪問在頁面。簡單來說就是網頁。

          2、HTML語法:

          語法非常簡潔、比較松散,以相應的英語單詞關鍵字進行組合,不區分大小寫,大多數有開始有結束,成對出現。有些標簽不是成對的出現,這個標簽(元素element)稱為短標簽,比如圖片<img>或<img />

          3、網頁組成的基本元素:

          <hTml>

          <head>

          <title>第一個HTML頁面</title>

          </head>

          <body>

          網頁主體內容

          </body>

          </html>

          4、常用的一些標簽:

          圖片<img> 網頁中常用的圖片格式有

          .jpg 圖片清晰度很高、體積很小,用的最多

          .png 背景透明

          .bmp 清晰度很高、但是體積很大,會影響網頁打開的速度。

          .gif 動態圖

          源碼:

          <img src="1.bmp" />

          <img src='1.bmp'>

          <img src=1.bmp>

          5、圖片路徑:

          絕對路徑:真是的物理路徑或域名路徑,是固定的,上傳網頁時,可能會導致圖片無法顯示。

          <!--以下2張圖片使用絕對路徑進行顯示-->

          <img src="C:\Users\Administrator\Desktop.bmp"

          />

          <img

          src="http://www.cwhello.com/images/wind/logo.

          png">

          相對路徑:訪問的網頁(網頁使用圖片),那這個網頁就是參照物!!!

          <img src="1.bmp">

          <img src="QQ表情/menggou.gif">

          <img src="../1.bmp">

          <img src="../qq表情/yiwai.gif">

          ./ 當前目錄

          ../ 當前目錄的上一級

          / 服務器根目錄

          TIPS:優先選擇相對路徑

          6、注釋:注明、解釋。可以使HTML代碼不起作用,還能起到說明性的作用。HTML的注釋格式如下:

          <!-- 說明性文字 -->

          么是 HTML?

          HTML 是用來描述網頁的一種語言。

          • HTML 指的是超文本標記語言 (HyperTextMarkupLanguage)

          • HTML 不是一種編程語言,而是一種標記語言(markup language)

          • 標記語言是一套標記標簽(markup tag)

          • HTML 使用標記標簽來描述網頁

          HTML 標簽

          HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。

          • HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>

          • HTML 標簽通常是成對出現的,比如 <b> 和 </b>

          • 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽

          • 開始和結束標簽也被稱為開放標簽和閉合標簽

          HTML 文檔 = 網頁

          • HTML 文檔描述網頁

          • HTML 文檔包含 HTML 標簽和純文本

          • HTML 文檔也被稱為網頁

          Web 瀏覽器的作用是讀取 HTML 文檔,并以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽,而是使用標簽來解釋頁面的內容:

          <html>

          <body>

          <h1>My First Heading</h1>

          <p>My first paragraph.</p>

          </body>

          </html>

          例子解釋

          • <html> 與 </html> 之間的文本描述網頁

          • <body> 與 </body> 之間的文本是可見的頁面內容

          • <h1> 與 </h1> 之間的文本被顯示為標題

          • <p> 與 </p> 之間的文本被顯示為段落

          態網頁的擴展名:.htmlt .htm

          動態網頁的擴展名:.ASP、.JSP .aspx .php(含 有php代碼和Mysql代碼)等

          瀏覽器不能直接識別php和MySQL的代碼,只能由服務器端的服務器軟件Apache來進行解釋成HTML代碼返回給瀏覽器。

          一個網頁中基本上有三種代碼:HTML代碼\CSS代碼和php代碼,這種說法是不是太落后了?

          1.HTML的概念:

          HTML,全稱Hypertext Markup Language,超文本標注語言,是一個標準,或說是一套標記.

          比如:文本加粗標記 <b>我愛學習</b>

          一級標題 <h1> </h1>

          1. 一個HTML文件的結構標記

          <html></html>是網頁中最大的標記,告訴瀏覽器如何翻譯這個文件 的內容,包括head和body兩部分.

          head中的內容不可見,一般用于特殊功能

          <meta>是head的子標記,告訴瀏覽器,這個網頁用什么字符編碼來顯示,比如:gb2312(簡體中文)、utf-8(多國語言).如果這地方設置不合理,網頁會出現亂碼.

          Body是可見內容,是呈現給使用者的網頁內容.

          簡單實例結構

          <html>

          <head>頭

          <title>網頁標題</title>只能填寫純文本

          </head>

          <body>文件主體,99%內容在這里

          <h1>一級標題</h1>

          <body>

          </html>


          主站蜘蛛池模板: 国模私拍福利一区二区| 亚洲av乱码一区二区三区| 久久毛片一区二区| 精品无码国产AV一区二区三区| 一区在线免费观看| 精品国产福利一区二区| 久久亚洲国产精品一区二区| 精品乱人伦一区二区| 亚洲熟女乱色一区二区三区| 色一乱一伦一图一区二区精品 | 国产一区二区在线视频| 欧洲精品码一区二区三区免费看| 亚洲国产AV无码一区二区三区| 亚洲AV综合色一区二区三区| 中文日韩字幕一区在线观看| 老湿机一区午夜精品免费福利| 国产福利酱国产一区二区| 精品人无码一区二区三区| 午夜天堂一区人妻| 免费无码一区二区三区| 无码国产精品一区二区免费16| 国产精品小黄鸭一区二区三区 | 亚欧色一区W666天堂| 国模大尺度视频一区二区| 一区二区三区波多野结衣| 精品一区二区三区无码免费直播 | 麻豆AV无码精品一区二区| 中文字幕精品一区影音先锋| 麻豆AV一区二区三区| 亚洲无码一区二区三区| 国精产品一区一区三区有限公司| 国产Av一区二区精品久久| 国产福利一区视频| 国产成人精品视频一区| 日亚毛片免费乱码不卡一区| 一区二区三区福利视频| 国精产品一区一区三区免费视频 | 毛片无码一区二区三区a片视频| 国产精品夜色一区二区三区| 亚洲一区二区三区成人网站| 国模无码视频一区|