整合營銷服務商

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

          免費咨詢熱線:

          HTML基礎操作:圖片顯示

          景圖片

          本例演示如何向 HTML 頁面添加背景圖片。

          <html>

          <body background="background.jpg">

          <h3>圖像背景</h3>

          <p>gif 和 jpg 文件均可用作 HTML 背景。</p>

          <p>如果圖像小于頁面,圖像會進行重復。</p>

          </body>

          </html>

          HTML基礎操作:圖片顯示

          HTML 頁面中顯示 XML 數據

          在下面的實例中,我們打開一個 XML 文件("cd_catalog.xml"),然后遍歷每個 CD 元素,并顯示HTML 表格中的 ARTIST 元素和 TITLE 元素的值:

          實例

          <html>

          <body>

          <script>

          if (window.XMLHttpRequest)

          {// code for IE7+, Firefox, Chrome, Opera, Safari

          xmlhttp=new XMLHttpRequest();

          }

          else

          {// code for IE6, IE5

          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

          }

          xmlhttp.open("GET","cd_catalog.xml",false);

          xmlhttp.send();

          xmlDoc=xmlhttp.responseXML;

          document.write("<table border='1'>");

          var x=xmlDoc.getElementsByTagName("CD");

          for (i=0;i<x.length;i++)

          {

          document.write("<tr><td>");

          document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);

          document.write("</td><td>");

          document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);

          document.write("</td></tr>");

          }

          document.write("</table>");

          </script>

          </body>

          </html>

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          人在校生一枚,希望可以找到志同道合的小伙伴一起進步,不定期的更新自己的收獲,如果有大神的話可以指出我的不足,我用的是VS code軟件來寫代碼的

          什么是 HTML

          HTML 是個縮寫,全稱Hyper Text Markup Language,譯為超文本標記語言。它是一種標識性的語言。它包括一系列標簽.通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字,圖形、動畫、聲音、表格、鏈接等。

          HTML的結構

          • html的后綴名有兩種 一種是.html,另一種是.htm (兩種并無區別)
          • 快捷創建基本結構的方法:方法一:可以在開頭打一個“!”號,方法二:打一個html,智能提示會出現html:5 選中即可。

          HTML的頭部

          在<hard>頭部標簽中你可以 插入腳本(scripts),樣式文件(CSS),以及各種meta信息。可以添加在頭部區域的元素有:<title>,<style>,<meta>,<link>等等

          • ? <title>定義網頁標題</title>
          • <meta>元素:描述了一些基本的元數據,元數據不顯示在頁面上,但會被瀏覽器解析,<meta>通常用于指定網頁的描述,關鍵詞,作者。


          注釋快捷鍵:CTRL+? (注釋是不被運行的,作用就是幫助程序員記東西)

           <!--這是一個注釋-->

          HTML屬性

          • 通用屬性:幾乎所有元素都可以使用的屬性,例如 id、name、style等
          • 私有屬性:某個一個/類元素所具備的屬性
          • 事件屬性:為某個元素綁定事件(DOM學習)
          • 自定義屬性:開發者為某個元素設置的屬性,一般都是在前端框架中使用
          • 參考介紹https://developer.mozilla.org/zh-CN/

          HTML完整結構

           <!DOCTYPE html>
           <html lang="en">
           <head>
               <meta charset="UTF-8">
               <meta name="viewport" content="width=device-width, initial-scale=1.0">
               <title>Document</title>
          			<!--頭部,js和css寫在這里面-->
           </head>
           <body>
                 <!--內容主體-->
           </body>
           </html>


          可能我寫的會有些不清楚,到后面有代碼的時候就會清楚了


          主站蜘蛛池模板: 武侠古典一区二区三区中文| 亚洲一区二区三区精品视频| 国产在线精品一区二区中文| 丝袜美腿一区二区三区| 日韩国产一区二区| 国产免费一区二区三区| 嫩B人妻精品一区二区三区| 韩国资源视频一区二区三区| 亚洲一区二区三区高清| 国产精品毛片一区二区| 国产主播一区二区三区| 亚洲一区二区三区写真| 人妻无码一区二区不卡无码av | 亚洲一区二区三区写真 | 国产一国产一区秋霞在线观看| 少妇激情av一区二区| 黄桃AV无码免费一区二区三区| 韩国精品一区二区三区无码视频| 亚洲午夜在线一区| 日韩电影一区二区| 中文字幕一区二区三区乱码| 精品无码一区二区三区水蜜桃| 亚洲熟女综合色一区二区三区| 色久综合网精品一区二区| 中文字幕一区二区免费| 精品无码人妻一区二区三区不卡| 福利电影一区二区| 国产成人精品亚洲一区| 女同一区二区在线观看| 午夜性色一区二区三区不卡视频| 精品爆乳一区二区三区无码av| 91视频一区二区| 色欲AV蜜臀一区二区三区| 国产激情精品一区二区三区| 亚洲一区二区影院| 亚洲AV无码一区二区乱子伦 | 精品成人av一区二区三区| 冲田杏梨AV一区二区三区| 亚洲色一区二区三区四区| 国语对白一区二区三区| 鲁大师成人一区二区三区|