Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 精品久久亚洲,美女一级毛片视频,日韩一级黄色毛片 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營(yíng)銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          MySQL自動(dòng)化生成HTML頁(yè)面(導(dǎo)出數(shù)據(jù))極限SQL編程
          
        
           
          
	
	
          
		
                        
          日客戶要求表內(nèi)的數(shù)據(jù)依據(jù)某種分組生成HTML頁(yè)面進(jìn)行展示，一般處理這種需求直接上編程工具就好了，從數(shù)據(jù)庫(kù)里讀取數(shù)據(jù)，根據(jù)規(guī)則生成字符串，最后將字符串寫出到文件。由于需求比較急，作為數(shù)據(jù)庫(kù)編程系列文章，如果能用SQL實(shí)現(xiàn)首選還是SQL，這樣處理既直接又快速，不過針對(duì)SQL要真的有耐心和信心寫完，調(diào)試更是崩潰。由于要寫出文件到硬盤，最后還是選擇MySQL作為數(shù)據(jù)庫(kù)工具，Navicat作為開發(fā)工具。
          有兩張表計(jì)劃表、市縣表，二者依靠市縣編碼（sxbm）進(jìn)行等值連接，計(jì)劃表內(nèi)含有各個(gè)學(xué)校投放在各個(gè)市縣的專業(yè)代號(hào)（zydh），專業(yè)名稱（zymc）、招生備注(bz)、學(xué)制(xz)、要求的學(xué)歷(xl)、計(jì)劃數(shù)(jh)等字段組成的計(jì)劃信息，院校編碼(yxbm)為學(xué)校的兩位數(shù)編碼，院校代號(hào)(yxdh)為院校編碼(yxbm)+市縣編碼(sxbm)組成的四位數(shù)編碼，院校代號(hào)其實(shí)可以區(qū)分出學(xué)校在哪個(gè)市縣的投檔的專業(yè)計(jì)劃。要求以學(xué)校為單位創(chuàng)建HTML頁(yè)面，頁(yè)面首先要以市縣作為表格分割，然后根據(jù)專業(yè)代號(hào)排序。具體實(shí)現(xiàn)過程如下：
          創(chuàng)建計(jì)劃表：
          CREATE TABLE `zzjh2019v` (
`YXDH` varchar(9) COMMENT '學(xué)校代號(hào)',
`YXMC` varchar(54) COMMENT '學(xué)校名稱',
`ZYDH` varchar(2) COMMENT '專業(yè)代號(hào)',
`ZYMC` varchar(28) COMMENT '專業(yè)名稱',
`XZ` varchar(3) COMMENT '學(xué)制',
`XL` varchar(4) COMMENT '學(xué)歷',
`JH` varchar(6) COMMENT '招生計(jì)劃數(shù)',
`BZ` varchar(200) COMMENT '備注',
`yxbm` char(2) COMMENT '學(xué)校編碼',
`sxbm` char(2) COMMENT '市縣編碼'
) ENGINE = InnoDB CHARACTER SET = utf8mb4 COLLATE = utf8mb4_bin ROW_FORMAT = Compact;

          創(chuàng)建市縣編碼表：
          CREATE TABLE `sx` (
`sxbm` char(2) COMMENT '市縣編碼',
`sxmc` varchar(20) COMMENT '市縣名稱'
) ENGINE = InnoDB CHARACTER SET = utf8mb4 COLLATE = utf8mb4_bin ROW_FORMAT = Compact;

          糾結(jié)了很久這個(gè)東西怎么寫，最后采取游標(biāo)、拼接字符串、字符串聚合，動(dòng)態(tài)SQL，寫文件等一些列操作完成需求，創(chuàng)建的存儲(chǔ)過程如下：
          CREATE DEFINER=`root`@`localhost` PROCEDURE `splitjh`()
BEGIN
declare done INT DEFAULT 0;
declare pyxbm char(2);
declare psxmc varchar(10);
declare pyxmc varchar(50);
declare pjhall int;
declare pjhrows TEXT;
declare yxjh cursor
for
select yxbm,yxmc,sum(jh) jhall from zzjh2019v a,sx b where a.sxbm=b.sxbm group by yxbm,yxmc order by yxbm;
declare CONTINUE HANDLER FOR SQLSTATE '02000' SET done = 1;
open yxjh;
fetch yxjh into pyxbm,pyxmc,pjhall;
while done !=1 do
select group_concat(jhrow separator '') into pjhrows from
(select concat('<tr class="subtitle"><td>',yxdh,'</td><td>',yxmc,'在 <span><font color="red">',b.sxmc,'</font></span> 招生計(jì)劃如下</td><td>',sum(jh),'</td><td></td><td></td></tr>',group_concat('<tr class="jhrow"><td>',zydh,'</td><td>',zymc,'(',bz,')</td><td>',jh,'</td><td>',xz,'</td><td>',xl,'</td></tr>' order by zydh separator '')) jhrow
from zzjh2019v a,sx b where yxbm=pyxbm and a.sxbm=b.sxbm group by yxdh order by yxdh,zydh) jhs;
set @pfilename = concat('''d:/32/1/1/jh11',pyxbm,'.html''');
set @sql =concat('select concat(''<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link rel="stylesheet" type="text/css" href="zsjh.css" ><title>3+2計(jì)劃</title></head><body><h3></h3><table><tr class="subtitle"><th>代號(hào)</th><th>專業(yè)及名稱備注</th><th>人數(shù)</th><th>學(xué)制</th><th>學(xué)歷</th></tr>'',''',pjhrows,''',''</body></html>'') from dual into outfile ',@pfilename);
prepare execsql from @sql;
execute execsql;
DEALLOCATE PREPARE execsql;
fetch yxjh into pyxbm,pyxmc,pjhall;
end while;
close yxjh;
END;

          首先看效果，執(zhí)行過程
          call splitjh();

          在磁盤形成的HTML文件效果如下圖（數(shù)據(jù)有一定的敏感性，進(jìn)行了遮擋處理）：
          文件展示頁(yè)面
          生成的文件列表如下圖：
          生成的文件列表
          這里一共有87所學(xué)校，所以生成了87的文件，添加CSS樣式文件，讓表格呈現(xiàn)如前圖所示。
          技術(shù)點(diǎn)
          1）MySQL的游標(biāo)，以及循環(huán)讀取游標(biāo)的方法，涉及的語(yǔ)句如下：
          declare yxjh cursor
for
select yxbm,yxmc,sum(jh) jhall from zzjh2019v a,sx b where a.sxbm=b.sxbm group by yxbm,yxmc order by yxbm;#游標(biāo)定義
declare CONTINUE HANDLER FOR SQLSTATE '02000' SET done = 1;#游標(biāo)循環(huán)條件，注意此句一定要定義在游標(biāo)之后，才起作用
open yxjh;#打開游標(biāo)
fetch yxjh into pyxbm,pyxmc,pjhall;#將游標(biāo)行內(nèi)容賦值給變量。

          2）執(zhí)行動(dòng)態(tài)SQL，由于MySQL into outfile 后接的文件名不能為變量，所以必須使用動(dòng)態(tài)SQL的方法，涉及的語(yǔ)句如下：
          prepare execsql from @sql;#從一個(gè)變量準(zhǔn)備一個(gè)動(dòng)態(tài)sql，注意execsql不用提前定義
execute execsql;#執(zhí)行準(zhǔn)備好的語(yǔ)句
DEALLOCATE PREPARE execsql;#銷毀語(yǔ)句

          綜上就是使用MySQL數(shù)據(jù)庫(kù)，并借用MySQL寫文件的方式將數(shù)據(jù)從數(shù)據(jù)庫(kù)內(nèi)按照需求導(dǎo)出文件，為何不用navicat導(dǎo)出呢？因?yàn)闊o法達(dá)到要求，又是聚合、又是格式，所以只能自己編寫過程通過SQL語(yǔ)句拼接字符串的方式來實(shí)現(xiàn)。沒有太多的技術(shù)難度，主要是想法和調(diào)試難度。后續(xù)在此基礎(chǔ)上又開發(fā)了以市縣為單位創(chuàng)建HTML文件，各招生學(xué)校作為分割的過程。本案例是實(shí)際需求催生出來的做法，在遇到這樣的需求前你是先想到SQL還是先想到開發(fā)工具呢？從實(shí)際效果看使用SQL這種方式更加靈活。這樣的SQL實(shí)現(xiàn)的字符串拼接是不是有點(diǎn)極限呢？
          y_web.py(更新)
          .昨日回顧
          服務(wù)器軟件：Apache、IIS
          瀏覽器是一個(gè)翻譯官，是一個(gè)解釋器。瀏覽器可以翻譯有HTML、CSS、JavaScript。
          服務(wù)器端腳本程序：PHP、 .net、JSP、c#等
          .php文件要由PHP腳本引擎來進(jìn)行處理。
          網(wǎng)站前臺(tái)(客戶端) 網(wǎng)站后臺(tái)(服務(wù)器端) 數(shù)據(jù)庫(kù)
          HTML(結(jié)構(gòu)) PHP MySQL
          CSS JSP Oracle
          JavaScript .net SqlServer
          HTML結(jié)構(gòu)：主要來說明，哪個(gè)地方是標(biāo)題，哪個(gè)地方是段落，哪個(gè)地方是表格，哪個(gè)地方是表單。
          CSS表現(xiàn)(格式)：主要功能是，給相對(duì)應(yīng)的HTML標(biāo)記定義各種各樣的格式。
          JavaScript行為：主要用于與計(jì)算機(jī)網(wǎng)頁(yè)進(jìn)行交互(交流)。
          塊元素和行內(nèi)元素
          塊元素：寬度單獨(dú)占一個(gè)通欄寬，塊元素的前臺(tái)的其它元素，都要另起一行來排。
          比如：<p> <pre> <hr> <h1>……<h6> <ul> <ol> <li>
          DIV和SPAN就是一個(gè)容器，容器中可以存放任何可以存放在<body>中的內(nèi)容或標(biāo)記。
          行內(nèi)元素：行內(nèi)元素沒有寬度和高度的概念，也就是說通過CSS無法給行內(nèi)元素增加寬和高。多個(gè)行內(nèi)元素會(huì)放在同一行，不會(huì)另起一行來排版。
          2.<marquee></marquee>滾動(dòng)字幕標(biāo)記：塊元素
          Direction：滾動(dòng)的方向，取值：left、right、up、down
          Behavior：滾動(dòng)的方式，取值：scroll(滾動(dòng))、 alternate(彈動(dòng))、 slide(滾動(dòng)一次)
          Width：滾動(dòng)的區(qū)域?qū)挾龋≈担簆x或%
          Height；滾動(dòng)的區(qū)域高度
          bgColor：背景顏色，如：bgcolor=“#FF0000” bgcolor=“rgb(255,0,0)”
          scrollAmount：滾動(dòng)步長(zhǎng)值，一步走多遠(yuǎn)，值越大，走的越快
          scrollDelay：兩次滾動(dòng)的間隔時(shí)間，以毫秒為單位 1秒=1000毫秒
          3.計(jì)算機(jī)進(jìn)制
          進(jìn)制，就是一種進(jìn)位方法。
          10進(jìn)制：有10個(gè)基本數(shù)，0、1、2、3、4、5、6、7、8、9，運(yùn)算規(guī)則是：逢十進(jìn)一
          例如：9 10 19 20 29 30
          2進(jìn)制：有2個(gè)基本數(shù)，0、 1，運(yùn)算規(guī)則是：逢二進(jìn)一。比如：(10)2 11 100 101 110
          8進(jìn)制：有8個(gè)基本數(shù)，0、1、2、3、4、5、6、7，運(yùn)算規(guī)則是：逢八進(jìn)一。比如：(17)8 20 21 26 27 30
          因?yàn)槎M(jìn)制太長(zhǎng)，不方便記憶，因此小型機(jī)引入了八進(jìn)制，八進(jìn)制可以很好的反應(yīng)二進(jìn)制。
          因此，一個(gè)八進(jìn)制數(shù)，用3位二進(jìn)制數(shù)來表示。
          基R=2^3
          16進(jìn)制：有16個(gè)基本數(shù)，0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F，運(yùn)算規(guī)則是：逢16進(jìn)一
          比如：EF F0 F1 F2 FE FF (100)16
          16進(jìn)制的一位對(duì)應(yīng)4位二進(jìn)制。基R=2^4
          10進(jìn)制12345678910111213141516171819
          2進(jìn)制1101110010111011110001001101010111100
          8進(jìn)制1234567101112131415161720
          16進(jìn)制123456789ABCDEF10111213
          十進(jìn)制轉(zhuǎn)成二進(jìn)制
          分為整數(shù)部分和小數(shù)部分，分別轉(zhuǎn)換。比如：將(10.125)10轉(zhuǎn)成二進(jìn)制？ 1010.001
          （1）整數(shù)部分轉(zhuǎn)成二進(jìn)制：除2取余法。每次將整數(shù)除以2，取余數(shù)，一直除下去，直到整數(shù)部分(商)為0。最后讀數(shù)時(shí)，從下往上讀取。
          第N次整數(shù)10商余數(shù)
          第1次10/250
          第2次5/221
          第3次2/210
          第4次1/201最后結(jié)果為：1010
          （2）小數(shù)部分轉(zhuǎn)成二進(jìn)制：乘2除整法。每次將小數(shù)部分乘以2，取整數(shù)，一直乘下去，直到小數(shù)部分為0。最后讀數(shù)時(shí)，從上往下讀取。
          第N次小數(shù)0.125積整數(shù)
          第1次0.125*20.250
          第2次0.25*20.50
          第3次0.5*21.01
          最后結(jié)果為：001
          二進(jìn)制轉(zhuǎn)成十進(jìn)制
          不分整數(shù)部分和小數(shù)部分，按權(quán)相加法。換句話說：二進(jìn)制上的每一位，乘以所在位權(quán)(也就是2的幾次方)，最后將各個(gè)位的乘相加，就能得到十進(jìn)制。
          1010.001 = 1*2^3 + 0*2^2 + 1*2^1 + 0*2^0 + 0*2^-1 + 0*2^-2 + 1*2^-3 = 8+2+ 1/8 = 10+0.125 = 10.125
          4.計(jì)算機(jī)編碼介紹(字符集)
          計(jì)算機(jī)只能二進(jìn)制，比如：a-z、A-Z、0-9、標(biāo)點(diǎn)符號(hào)，計(jì)算機(jī)都不能直接識(shí)別。每個(gè)人都可以來約定一套字符編碼（比如：a用二進(jìn)制100表示，b用二進(jìn)制101表示,c用二進(jìn)制的110表示等）
          計(jì)算機(jī)是由美國(guó)人發(fā)明的，美國(guó)標(biāo)準(zhǔn)化局同樣制定了一套統(tǒng)一的編碼，叫ASCII碼。
          ASCII碼
          ASCII編碼用7位或8位(1個(gè)字節(jié))二進(jìn)制來表示，共可以表示128或256個(gè)字符。包括：大小寫字母、數(shù)字、標(biāo)點(diǎn)符號(hào)、圖形符號(hào)等。
          5.ANSI編碼
          每個(gè)國(guó)家都想讓計(jì)算機(jī)能顯示或處理本國(guó)的語(yǔ)言，都對(duì)ASCII碼進(jìn)行了擴(kuò)展。
          在中國(guó)(簡(jiǎn)體字)，ANSI編碼是指GB2312或GBK。
          在臺(tái)灣(繁體字)，ANSI編碼是指BIG5
          在日本，ANSI編碼是指JIS。
          ……
          注意：ANSI編碼是跟隨操作一齊安裝的，也就是，安裝了中文操作系統(tǒng)后，它的默認(rèn)編碼就是GB2312。
          6.GB2312編碼
          GB2312是中國(guó)標(biāo)準(zhǔn)化局，在1980年制定的一套顯示簡(jiǎn)體中文的編碼。
          GB2312是用2個(gè)字節(jié)來顯示。共可以表示2^16=256*256=65536個(gè)字符。
          GB2312共保存了6763個(gè)常用漢字，一級(jí)漢字3700個(gè)。
          GBK編碼
          對(duì)GB2312進(jìn)行了擴(kuò)充，可以顯示人名、古漢語(yǔ)中的一些罕見字等。
          GBK也是用2個(gè)字節(jié)來表示。共存儲(chǔ)了2.3萬個(gè)左右的中文字符。
          GBK的范圍，要比GB2312大的多。
          BIG5編碼
          BIG5用于臺(tái)灣、香港、澳門地區(qū)的繁體中文編碼。
          Unicode編碼
          用4個(gè)字節(jié)表示字符，共可以表示42個(gè)億個(gè)字符。
          Unicode編碼可以顯示世界上所有國(guó)家的語(yǔ)言。
          缺點(diǎn)：文件龐大，效率不高，不利于推廣。
          UTF-8統(tǒng)一格式轉(zhuǎn)換
          它會(huì)自動(dòng)根據(jù)不同的字符，來選擇不同編碼長(zhǎng)度。
          7.<meta>標(biāo)記
          <meta>標(biāo)記是設(shè)置一些網(wǎng)頁(yè)文件頭方面的信息。主要包括：網(wǎng)頁(yè)編碼或字符集設(shè)置、網(wǎng)頁(yè)關(guān)鍵字、網(wǎng)頁(yè)描述、網(wǎng)頁(yè)刷新跳轉(zhuǎn)等。相當(dāng)于一封信的信封，信封有地址、郵編等重要。
          <head>標(biāo)記中的內(nèi)容在瀏覽器中，是不可見的。
          主要用兩個(gè)常用的屬性：
          http-equiv：主要設(shè)置一些控制信息，屬性值是固定的。比如：content-type
          name：一般用于設(shè)置網(wǎng)頁(yè)描述信息，像關(guān)鍵字、網(wǎng)頁(yè)描述、網(wǎng)頁(yè)版權(quán)、作者等，屬性值是固定的。比如：keywords
          content：是具體的參數(shù)或內(nèi)容，與http-equiv和name屬性進(jìn)行對(duì)應(yīng)。
          （1）設(shè)置網(wǎng)頁(yè)的字符集或編碼
          <meta http-equiv=“content-type” content=“text/html;charset=GBK”>
          （2）設(shè)置網(wǎng)頁(yè)刷新或跳轉(zhuǎn)
          <meta http-equiv=“refresh” content=“5”> 表示每隔5秒鐘，刷新網(wǎng)頁(yè)
          <meta http-equiv=“refresh” content=“5;url=http://www.baidu.com”> 表示5秒鐘后，跳轉(zhuǎn)到百度網(wǎng)
          注意：刷新功能相當(dāng)于瀏覽器中的刷新按鈕
          （3）設(shè)置網(wǎng)頁(yè)關(guān)鍵字(SEO優(yōu)化)，給搜索引擎(搜索機(jī)器人)使用
          <meta name=“keywords” content=“程序開發(fā),平面設(shè)置,空間域名,網(wǎng)站維護(hù)”>
          （4）設(shè)置網(wǎng)頁(yè)描述信息(SEO優(yōu)化)
          <meta name=“description” content=“廣州網(wǎng)站建設(shè)思優(yōu)網(wǎng)絡(luò)公司,提供專業(yè)廣州網(wǎng)站制作及網(wǎng)站推廣相結(jié)合的建站方案,由專業(yè)廣州網(wǎng)站設(shè)計(jì)人員結(jié)合搜索引擎優(yōu)化經(jīng)驗(yàn)為您設(shè)計(jì)網(wǎng)站;廣州網(wǎng)頁(yè)設(shè)計(jì):020-87537332”>
          8.XHTML
          XHTML是可擴(kuò)展超文本標(biāo)注語(yǔ)言，XHTML是更純凈的HTML，語(yǔ)法更嚴(yán)格。
          XHTML的目的是為了取代HTML4.01。
          XHTML是W3C的一個(gè)標(biāo)準(zhǔn)或規(guī)范。
          編寫XHTML的規(guī)范，與HTML編寫有何不同？
          1）所有的標(biāo)記都必須被關(guān)閉。比如：<br>轉(zhuǎn)換<br /> <hr>轉(zhuǎn)換后 <hr />
          2）XHTML要求所有的標(biāo)記名稱必須小寫。比如：<meta><table><img><font>
          3）XHTML要求所有的屬性名必須小寫，屬性值必須加引號(hào)。
          4）XHTML要求所有的屬性必須有值。
          <hr noshade=“noshade” />
          <input type=“radio” checked=“checked” />
          5）所有的標(biāo)記要順序嵌套，不能交叉嵌套；
          6）XHTML文件，必須要有DTD文檔類型定義；
          DTD(Document Type Define)文檔類型定義
          （1）嚴(yán)格型Strict
          要求HTML代中，不能存在任何的表現(xiàn)，用CSS去代替。比如：<font>、bgcolor、background等
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
          （2）過渡型transitional
          可以使用任何表現(xiàn)的標(biāo)記或?qū)傩浴?/p>
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          （3）框架型Frameset
          制作框架網(wǎng)頁(yè)時(shí)使用的一種類型，框架主要用于網(wǎng)站的后臺(tái)管理。
           框架技術(shù)：是將一個(gè)瀏覽器窗口劃分成不同區(qū)域，每個(gè)區(qū)域(窗口)都可以顯示一個(gè)獨(dú)立的網(wǎng)頁(yè)。（HTML第四天單獨(dú)講框架，現(xiàn)在作個(gè)了解）
          9.W3C簡(jiǎn)介
          W3C是萬維網(wǎng)聯(lián)盟，是一個(gè)國(guó)際性的非盈利性組織，是WEB領(lǐng)域最具權(quán)威性的組織。已經(jīng)制定多達(dá)200多項(xiàng)的標(biāo)準(zhǔn)。
          比如：XHTML、CSS、ECMAScript(JavaScript)、DOM、 XML等。
          10.超級(jí)鏈接
          超級(jí)鏈接的功能：就是點(diǎn)擊某個(gè)鏈接，可以跳轉(zhuǎn)到目標(biāo)頁(yè)面或文件。
          超級(jí)鏈接的分類：
          （1）按內(nèi)容分類：文本鏈接、圖片鏈接、多媒體等
          （2）按URL分類：相對(duì)URL、絕對(duì)URL、錨點(diǎn)
          URL，指網(wǎng)址或路徑
          URL(Uniform Resource Locator，統(tǒng)一資源定位器)，也就是指互聯(lián)網(wǎng)地址。
          http://www.sina.com.cn/about/index.html
          第一個(gè)部分：協(xié)議，指訪問什么類型的服務(wù)器，如：http://、FTP://、news://
          第二個(gè)部分：主機(jī)名或主機(jī)的IP地址。如：www.sina.com.cn
          第三個(gè)部分：文件夾名，如：about
          第四個(gè)部分：文件名，如：index.html
          11.<a></a>超級(jí)鏈接的標(biāo)記
          格式：<a 屬性=“屬性值”>新浪網(wǎng)</a>
          常用的屬性：
          Href：指鏈接的目標(biāo)文件或網(wǎng)址。比如：href=“http://www.toutiao.com”
          Target：指目標(biāo)文件的打開方式。
          _blank：在新窗口中，來打開目標(biāo)文件；
          _self：在當(dāng)前窗口中，來打開目標(biāo)文件；
          _top：在最頂層窗口中，來打開目標(biāo)文件(在框架中講)；
          _parent：在父窗口中，來打開目標(biāo)文件(在框架中講)
          Name：設(shè)置錨點(diǎn)的名稱。錨點(diǎn)是指：鏈接到同一個(gè)頁(yè)面的不同部分
          舉例：<a href=http://www.toutiao.com target=“_blank”>頭條號(hào)</a>
          12.相對(duì)路徑和絕對(duì)路徑
          絕對(duì)URL：它總是以file:///協(xié)議開頭，去訪問目標(biāo)文件。
          如果將當(dāng)前文件移動(dòng)到其它地方，這個(gè)絕對(duì)URL路徑不需要修改。
          絕對(duì)URL，只需要確定目標(biāo)文件的路徑即可，與當(dāng)前文件位置無關(guān)。
          例如：<a href=“file:///E:/itcast/20140510/lesson/day2/4.html”>本地絕對(duì)路徑</a>
          相對(duì)URL：要確定當(dāng)前文件與目標(biāo)文件的關(guān)系。
          關(guān)系分為三種：
          平級(jí)關(guān)系：直接寫目標(biāo)文件的文件名即可。
          下級(jí)關(guān)系：也就是目標(biāo)文件所在的文件夾與當(dāng)前文件是平級(jí)關(guān)系，當(dāng)前文件與目標(biāo)文件是上下級(jí)關(guān)系。
          上級(jí)關(guān)系：目標(biāo)文件位于上一層級(jí)。
          ../代表上一層文件夾
          ../../代表上二層文件夾
          ../../images/01.jpg
          提示：在制作網(wǎng)站時(shí)，一般使用的都是相對(duì)路徑。
          （3）下載鏈接：如果鏈接到的文件，網(wǎng)頁(yè)不能直接執(zhí)行的話，都會(huì)出現(xiàn)下載提示。
          瀏覽器可以直接執(zhí)行的文件：.gif、.jpg、.png、html、.htm、.mp3、.swf等
          （4）郵箱鏈接：mailto:beijing2000@126.com
          13.錨點(diǎn)鏈接：指鏈接到一個(gè)網(wǎng)頁(yè)的不同地方
          第一步：定義一個(gè)錨點(diǎn)或標(biāo)記 <a name=“top”></a>
          第二步：鏈接到錨點(diǎn)或標(biāo)記 <a href=“#top”>返回頂部</a>
          <a href=“intro.html#bottom”>鏈接到intro.html的底部</a>
          14.<img>圖片標(biāo)記，單邊標(biāo)記
          格式：<img 屬性＝“屬性值” />
          常用的屬性：
          Src：指圖片的URL，可以是相對(duì)路徑，也可以是絕對(duì)路徑。
          Width：指圖片的寬度，單位px或%
          Height：指圖片的高度
          Align：圖片的水平對(duì)齊方式，取值：left center right ，left或right可以實(shí)現(xiàn)圖文混排
          Alt：如果圖片不存在時(shí)，顯示的提示信息
          Hspace：圖片左右的距離
          Vspace：圖片上下的距離
          舉例：<img src=“images/01.gif” width=“400” height=“300” alt=“寶寶圖片” />
          如果保證圖片在調(diào)整過程中不變形（等比例縮放）：只需要設(shè)置width和height其中一個(gè)即可，另一個(gè)會(huì)自動(dòng)縮放。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产精品一区二区综合|
日韩一区二区久久久久久|
人妻无码视频一区二区三区|
视频一区视频二区在线观看|
精品无码一区在线观看|
精品国产一区二区三区香蕉事|
又硬又粗又大一区二区三区视频
|
亚洲一区综合在线播放|
一区二区三区波多野结衣|
中文字幕乱码亚洲精品一区
|
久久久久久一区国产精品|
99精品国产高清一区二区麻豆|
亚洲日韩国产精品第一页一区|
日韩精品一区二区三区中文字幕|
亚洲国产AV无码一区二区三区
|
精品亚洲一区二区|
99久久精品费精品国产一区二区|
日本一区二区高清不卡|
国产高清视频一区二区|
国产SUV精品一区二区88|
久久中文字幕无码一区二区
|
无码人妻一区二区三区免费看|
中文字幕一区精品|
国产午夜三级一区二区三|
国产观看精品一区二区三区|
国产激情一区二区三区 |
一级毛片完整版免费播放一区
|
免费无码毛片一区二区APP|
国产成人精品一区二区秒拍|
国99精品无码一区二区三区|
久久久久成人精品一区二区|
熟女精品视频一区二区三区|
一区二区视频在线观看|
bt7086福利一区国产|
国产午夜精品片一区二区三区|
麻豆精品人妻一区二区三区蜜桃|
日本一区二区三区日本免费|
无遮挡免费一区二区三区|
日韩制服国产精品一区|
少妇精品久久久一区二区三区
|
成人精品视频一区二区三区|