整合營銷服務商

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

          免費咨詢熱線:

          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>


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


          主站蜘蛛池模板: 精品视频在线观看你懂的一区| 农村人乱弄一区二区| 亚洲AV无码一区二区乱子仑 | 无码中文字幕人妻在线一区二区三区 | 日本一区二区三区日本免费| 久久精品国产一区二区三区肥胖 | 亚洲午夜一区二区三区| 在线电影一区二区| 精品国产免费一区二区三区| 久久久久久人妻一区精品| 无码人妻一区二区三区免费手机| 国产av一区最新精品| 精品亚洲一区二区三区在线观看| 无码av免费一区二区三区试看| 国内精品视频一区二区三区| 久久国产高清一区二区三区| 亚洲乱码一区二区三区国产精品| 国产一区内射最近更新| 国产裸体歌舞一区二区| 一区二区亚洲精品精华液| 精品国产一区二区三区2021| 亚洲一区二区三区国产精品无码| 一区二区三区波多野结衣 | 呦系列视频一区二区三区| 亚洲国产激情一区二区三区| 亚洲福利一区二区精品秒拍| 亚洲AV成人精品日韩一区18p| 91成人爽a毛片一区二区| 视频在线一区二区| 中文字幕精品一区二区| 成人一区二区免费视频| 色窝窝免费一区二区三区| 国产日韩精品一区二区三区在线| 午夜AV内射一区二区三区红桃视| 日本亚洲国产一区二区三区| 日韩aⅴ人妻无码一区二区| 亚洲AV无码一区二区二三区软件| 色视频综合无码一区二区三区| 亚洲一区无码中文字幕乱码| 自慰无码一区二区三区| 一区二区三区高清视频在线观看|