六六互聯外貿服務http://www.hzdmmd.com/外貿fake shop/DMCA外貿仿牌投訴了Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflarehttp://www.hzdmmd.com/post/159.html<p><span style="text-wrap: nowrap;">大家都知道,國外貿易對各種各樣的限制與國內都不同,水土不服,獨立站做外貿經常碰到這些郵件投訴:</span></p><p><span style="text-wrap: nowrap; font-size: 18px;">fake shop/DMCA/Phishing/Fraud/Counterfeit Sales/Fake Webshop/cloudflare</span></p><p><span style="text-wrap: nowrap;">然后服務器就關閉了。</span></p><p><span style="text-wrap: nowrap;">聯系我們,用我們的服務器,我們幫你統統忽略了。</span></p><p><span style="text-wrap: nowrap;">安心做外貿。再也不用擔心賣的好的產品必須下架了。<span style="text-wrap: nowrap; font-size: 18px; color: #FF0000;">【六六互聯】-外貿仿牌投訴忽略掉</span></span></p><p><span style="text-wrap: nowrap;"></span></p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/11/202311051699188200342910.png" style="" title="333.png"/></p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/11/202311051699188200160594.png" style="" title="222.png"/></p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/11/202311051699188200630625.jpg" style="" title="111.jpg"/></p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/11/202311051699188200266849.png" style="" title="444.png"/></p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/11/202311051699188200281938.png" style="" title="555.png"/></p><p><span style="text-wrap: nowrap;"><br/></span><br/></p>Sun, 05 Nov 2023 20:41:01 +0800手錶中的“西裝暴徒”積家REVERSO翻轉計時http://www.hzdmmd.com/post/158.html<p>&nbsp; &nbsp; 我們通常將,外觀優雅,實則動力狂暴的車款,稱為“西裝暴徒”,比如奔馳S63、奧迪S8。而在今年的“鐘錶與奇跡”日內瓦錶展中,也有一只新錶,我願稱之為名錶中的“西裝暴徒”,這只錶,就是積家REVERSO TRIBUTE翻轉計時(以下簡稱REVERSO翻轉計時)。</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686145393458036.png" title="3.png" alt="3.png"/></p><p>為何將積家REVERSO翻轉計時,稱為“西裝暴徒”?</p><p>&nbsp; &nbsp; 雖然積家REVERSO在1931年誕生時,是作為一只“馬球運動錶”而存在。但當代的REVERSO翻轉,已經徹底成為一只正裝錶,有優美的外觀,精良的做工。這只REVERSO翻轉計時,當錶盤在正面時,是一只標準的REVERSO,兩根指針,精美且低調。但錶殼側面的兩個按鈕,告訴我們事情併沒有這麼簡單。當這只REVERSO把錶盤翻到背面計時盤面時,將展現出截然不同的一面,鏤刻、計時、飛返,甚至還有炫酷。</p><p>&nbsp; &nbsp; 這就像奔馳S63、奧迪S8,看似是一輛D級行政轎車,踩下油門後,瞬間變身“狂暴猛獸”,而積家REVERSO翻轉計時,翻轉到計時一面後,瞬間變身“運動計時錶”。</p><p>復雜款REVERSO都很值得入手,特別是這只計時。</p><p>&nbsp; &nbsp; 為什麼這麼說?因為,積家REVERSO是當今名錶世界,現存方形錶中,罕見的,依然堅持方錶配方形機芯,併專門研發方形復雜機芯的名錶。而其他名錶品牌的方形手錶,絕大多數,都是在方形錶殼中,裝一個圓形機芯。這和積家方錶方芯一比,高下立判。1996年,積家第一次推出正反翻轉的REVERSO計時。REVERSO計時有兩大特點:</p><p>1、方形一體化計時機芯。</p><p>2、逆跳分鐘計時盤。</p><p>&nbsp; &nbsp; 在上世紀90年代,眾多名錶品牌,在經歴了石英危機之後,機械機芯的生產能力都沒有恢復,基本就靠外購ETA機芯,就連勞力士都還在使用真力時el primero計時機芯。有上面這兩大特點的積家REVERSO計時,簡直就是“天神下凡”。</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686145442566808.png" title="2.png" alt="2.png"/></p><p>&nbsp; &nbsp; 今年,新款積家REVERSO計時,延續了上世紀90年代歴史型號的特點,併根據當下審美進行了一些調整。使用積家860手動計時機芯,動力52小時。咱們先看手錶計時功能這一面。</p><p>&nbsp; &nbsp; 計時一面,盤面全部鏤空,盤面下方的機芯夾闆、計時部件全部可見。在盤面中央,是60秒計時盤。和歴史型號不同的是,新款REVERSO計時在計時盤上,增加了時針、分針,在計時這一面,也可以正常讀時,平時可以直接戴計時一面。而歴史型號,計時這一面就是單純計時盤。在盤面下方6點位,是&nbsp; &nbsp; REVERSO計時的30分鐘計時盤。我們可以看到,計時盤使用逆跳形式。計時盤面佈局,在市面主流名錶中,獨一無二。</p><p>&nbsp; &nbsp; 通過鏤空盤面,我們同樣可以看出這只手錶的計時部件構造。首先REVERSO計時,使用柱狀輪、水平離合組合,是一只手動計時錶。柱狀輪位於盤面7點位。在盤面中央,可以看到水平離合部件。盤面中央黃色齒輪下方,有細密齒牙的,是計時秒輪;數字20位置的是走時秒輪;數字15位置的是計時離合齒輪,負責嚙合/分離,走時秒輪和計時秒輪。</p><p>&nbsp; &nbsp; 積家REVERSO計時,最絕的,就是逆跳分鐘計時盤的杠桿聯動設計。積家REVERSO計時的計時分輪位於盤面1點位置,由於夾闆遮擋,沒有露在外面。而逆跳計時盤,在最下方6點位。要把1點位的計時分輪,和6點位的逆跳分鐘計時盤聯動起來,積家使用了一個“超長”的杠桿,貫穿整個錶盤,“蜿蜒盤曲”避開4點位的擺輪,直接連接到逆跳機構的“蝸牛形”凸輪。以實現1點位的計時分輪,可以帶動最下方的逆跳顯示。</p><p>&nbsp; &nbsp; 在機芯裝飾上,計時這一面,大面積使用日內瓦條紋裝飾。鏤空露出的計時部件、杠桿,進行拉絲處理。夾闆邊緣倒角併拋光。柱狀輪、計時秒針、30分鐘逆跳指針、以及部分外露螺絲,全部烤藍。手錶的時針、分針,兩個切面一面拋光一面拉絲,形成明暗效果。立體時標,兩個切面都是拋光的。復雜、精美、以及炫酷,都集中在了計時這一面。</p><p>&nbsp; &nbsp; 翻看積家REVERSO計時的正常時間顯示一面,就顯得非常低調了。時針、分鐘都是太妃針造型,配合立體時標和軌道刻度,從錶面上看,就是一個兩針錶。手錶盤面放射出太陽紋裝飾,再無其他。對於追求低調的玩家,日常佩戴,肯定會翻轉到這一面。</p><p>&nbsp; &nbsp; 這裏我多說一句,積家REVERSO有很多分支,像REVERSO計時這種,太妃針配立體條形時標(炮彈字)的,就是REVERSO TRIBUTE;如果是劍形指針配數字時標的,就是REVERSO CLASSIC;如果是劍形指針配條形時標,可能盤面都沒有積家的JL標誌,那就是REVERSO 1931了。</p><p>&nbsp; &nbsp; 積家REVERSO計時,有鋼殼、玫瑰金殼,尺寸都是49.4毫米X 29.9毫米。方錶的尺寸,都是算上錶耳的,所以各位看到49.4這個數字,不要慌,這是包括上下錶耳的長度,實際沒有這麼大。就是正常男錶的尺寸。積家給新款REVERSO計時增加了一個帆佈錶帶(錶耳部分是皮的),這個帆佈帶,放在REVERSO計時上,增加了手錶的運動感,和計時功能一面很搭配,特別是鋼殼配帆佈帶,很有休閑運動的味道(但需要註意,REVERSO計時防水30米)。</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686145453592681.png" title="1.png" alt="1.png"/></p><p>積家REVERSO計時,鋼殼公價166000,玫瑰金殼公價290000</p><p>&nbsp; &nbsp; 客觀的說,絕大多數頂尖計時錶,或多或少,都是“相似”的,而這就讓REVERSO計時更加“突出”。雙面翻轉的計時佈局、方形的一體化計時機芯、逆跳的分鐘計時盤,這些都造就了REVERSO計時的獨一無二。</p><p>買頂級手錶上<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a>:<a href="http://www.top-biao.com" target="_self">高仿手錶</a> <a href="http://www.top-biao.com" target="_self">複刻手錶</a> <a href="http://www.top-biao.com" target="_self">精仿手錶</a> <a href="http://www.top-biao.com" target="_self">高仿錶</a> <a href="http://www.top-biao.com" target="_self">複刻錶</a> <a href="http://www.top-biao.com" target="_self">精仿錶</a></p>Wed, 07 Jun 2023 21:36:56 +0800職場新人應該選什麼腕錶作為職場通勤錶呢?http://www.hzdmmd.com/post/157.html<p>&nbsp; &nbsp; 很多男性對於腕錶的熱愛從很小就開始了,我經常在腕錶之家的論壇中看到,小時候爸爸送的電子錶或者其他品類的腕錶,在孩子心中種下一顆愛錶的種子愛錶的種子生根發芽。長大步入職場後,一定也需要一枚腕錶提升個人形象氣質,今天為大家推薦三只價格都在一萬元之下的親民腕錶,供大家選擇。</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686144905208082.png" title="1.png" alt="1.png"/></p><p>天梭經典繫列T137.410.11.091.00</p><p>產品型號:T137.410.11.091.00</p><p>國內公價:¥2950</p><p>腕錶直徑:40毫米</p><p>錶殼厚度:10.5毫米</p><p>機芯型號:F06.115</p><p>錶殼材質:316L精鋼</p><p>防水深度:100米</p><p>錶款詳情:<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a></p><p>腕錶點評:第一只腕錶來自天梭經典繫列,豪華運動的外形顏值超高,綠色太陽紋錶盤尤其吸睛。腕錶直徑40毫米,316L精鋼材質打造錶殼,大面積的縱嚮拉絲,豐富了盤面質感。綠色太陽紋錶盤上,3點位開設了一個白底黑色的日期顯示窗口,棒狀時標和指針比較規矩,中和了這只錶略顯張揚的氣質。品牌為腕錶搭載一枚石英機芯,佩戴方便,避免了上鏈的麻煩,腕錶整體防水100米。</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686144918856713.png" title="2.png" alt="2.png"/></p><p>美度舵手繫列M038.430.17.041.00</p><p>產品型號:M038.430.17.041.00</p><p>國內公價:¥6800</p><p>腕錶直徑:42毫米</p><p>錶殼厚度:11毫米</p><p>機芯型號:ETA C07.621</p><p>錶殼材質:不銹鋼</p><p>防水深度:100米</p><p>錶款詳情:<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a></p><p>腕錶點評:這只美度腕錶使用了大面積的藍色,屬於百搭款式。腕錶直徑42毫米,精鋼材質打造錶殼,漸變藍色的錶盤加深了腕錶的顏色層次,圓形與逐漸收窄的棒狀時標,覆塗夜光塗層,併且在錶盤3點位開設了一個白底黑字的日期顯示和星期顯示功能。腕錶搭載一個藍色織物錶帶,裝飾以白色縫線,和白色的時標相互映襯,顏色搭配很和諧,整體來說是不會出錯的款式。搭載一枚ETA C07.621自動機械機芯,動力儲備80小時,腕錶整體防水100米。</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686144930456802.png" title="3.png" alt="3.png"/></p><p>漢米爾頓卡其航空繫列H76205530</p><p>產品型號:H76205530</p><p>國內公價:¥7350</p><p>腕錶直徑:38 毫米</p><p>機芯類型:自動機械</p><p>機芯型號:H-10</p><p>錶殼材質:精鋼</p><p>防水深度:100米</p><p>錶款詳情:<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a></p><p>腕錶點評:第三只推薦的是漢米爾頓卡其航空繫列,具備濃厚的復古風情,喜歡復古風的錶友們可以考慮入手。腕錶直徑38毫米,戴在腕間低調不張揚。黑色顆粒質感的錶盤上,設計了米色阿拉伯數字時標,指針和時標全部覆塗夜光塗層,配備一枚小牛皮錶帶,低調有質感。搭載一枚H-10自動機械機芯,動力儲備80小時,腕錶整體防水為100米。</p><p>&nbsp; &nbsp; 總結:以上三只腕錶,天梭豪華,美度百搭,漢米爾頓頗有復古情懷,如果是您,會選擇哪一枚腕錶作為職場通勤錶呢?</p><p>買頂級手錶上<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a>:<a href="http://www.top-biao.com" target="_self">高仿手錶</a> <a href="http://www.top-biao.com" target="_self">複刻手錶</a> <a href="http://www.top-biao.com" target="_self">精仿手錶</a> <a href="http://www.top-biao.com" target="_self">高仿錶</a> <a href="http://www.top-biao.com" target="_self">複刻錶</a> <a href="http://www.top-biao.com" target="_self">精仿錶</a></p>Wed, 07 Jun 2023 21:31:18 +0800歐米茄推出的紀念款腕錶既具備紀念價值也可滿足錶友日常佩戴需求http://www.hzdmmd.com/post/156.html<p>&nbsp; &nbsp; 說到經典的007繫列電影,影迷們肯定都能如數家珍一番。無論是丹尼爾·克雷格出演的最後一部《007:無暇赴死》,還是1995年上映的殿堂級佳作《007:黃金眼》,都是值得拿出來反復回味的經典。無論哪個年代的007電影, 前衛與創新一直以來都是詹姆斯·邦德繫列故事中必不可少的要素, 歐米茄亦是如此。 為慶祝007繫列電影誕生60周年,歐米茄(OMEGA)推出了一枚海馬繫列300米潛水錶詹姆斯·邦德60周年紀念款,以創新設計和引人矚目的材質嚮這位傳奇特工致敬。今天,我們就來詳細的解讀一下這枚腕錶。(型號:210.30.42.20.03.002)</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686144537304503.png" title="1.png" alt="1.png"/></p><p>&nbsp; &nbsp; 首先是腕錶的錶殼採用了精鋼材質,通常是打造在高強度環境(例如潛水和探險)下使用腕錶的理想材質。腕錶的直徑沿用了海馬繫列300米潛水錶較為常用的42毫米,小腕子的朋友要實際上手試戴才知道是否合適自己。此外,腕錶的錶圈和錶盤均採用了深藍色配色,靈感來源於《007:黃金眼》中的那枚海馬繫列300米潛水錶。也是從這部經典電影開始, 歐米茄海馬繫列腕錶便成為詹姆斯·邦德腕間的不二之選。</p><p>&nbsp; &nbsp; 腕錶採用藍色單嚮旋轉錶圈,藍色錶盤由草酸陽極氧化鋁制成,併飾以激光鐫刻波紋圖案。腕錶的時針、分針以及小時刻度均採用白色Super-LumiNova夜光塗層處理,為腕錶賦予了強大的夜光顯示功能。讓腕錶可以在昏暗的環境下,依舊可以為佩戴者提供清晰的時間信息。</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686144589669392.png" title="2.png" alt="2.png"/></p><p>&nbsp; &nbsp; 正面來看,腕錶錶圈上的傳統倒三角標誌以數字“60”取代,區別於常規款的海馬繫列300米潛水錶,別具紀念意義。錶鏡則採用圓弧形耐磨損藍寶石玻璃錶鏡,經過防反光處理,所以我們也能夠清晰地看到腕錶的錶盤細節。</p><p>&nbsp; &nbsp; 腕錶所搭配的精鋼網狀錶鏈,相對於其他的金屬錶鏈而言在佩戴感受上更為貼膚。此外,它也為腕錶的金屬外觀增添紋理質感。同時,它與《007:無暇赴死》中邦德佩戴的歐米茄腕錶的錶鏈風格一致。</p><p>&nbsp; &nbsp; 翻轉腕錶,透過透明藍寶石玻璃錶鏡,這枚海馬繫列300米潛水錶詹姆斯·邦德60周年紀念款腕錶乾坤在於此。錶背飾以微結構金屬鍍層技術制成的圖案,再現007繫列電影的經典開場——邦德剪影和螺旋形槍膛線設計。這種“摩爾”紋的動態效果與“棒棒糖”型中央秒針同步運行,循環往復,連續起來的人物畫面類似我們小時候看到的動畫效果,靜態的圖案通過連續的翻動,可以形成動態效果。這是歐米茄正在申請專利的創新設計,也再次彰顯出品牌制錶工藝的奇思妙想。</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686144599482647.png" title="3.png" alt="3.png"/></p><p>&nbsp; &nbsp; 這枚腕錶內部搭載的是歐米茄8806至臻天文臺機芯,具備55小時的動力儲備時長。併且通過由瑞士聯邦計量研究院(METAS)核準的至臻天文臺認證,在精準度、防磁性和整體性能方面均達到行業的更高標準。</p><p>&nbsp; &nbsp; 總結:這款海馬繫列300米潛水錶詹姆斯·邦德60周年紀念版精鋼款腕錶以藍色木質禮盒承載,國內售價為 63,500元。無論是之前的超霸繫列“史努比”獎50周年紀念版腕錶,海馬繫列Aqua Terra 150米北京2022年冬奧會腕錶,還是這枚詹姆斯·邦德60周年紀念腕錶,歐米茄所推出的紀念款腕錶既具備紀念價值,同時也併不是”只可遠觀不可褻玩“的作品,而是可以滿足錶友日常佩戴需求的實力腕錶。</p><p>買頂級手錶上<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a>:<a href="http://www.top-biao.com" target="_self">高仿手錶</a> <a href="http://www.top-biao.com" target="_self">複刻手錶</a> <a href="http://www.top-biao.com" target="_self">精仿手錶</a> <a href="http://www.top-biao.com" target="_self">高仿錶</a> <a href="http://www.top-biao.com" target="_self">複刻錶</a> <a href="http://www.top-biao.com" target="_self">精仿錶</a></p>Wed, 07 Jun 2023 21:24:28 +0800致敬·傳頌以拱形藍寶石玻璃錶鏡復刻7120圓潤典雅的造型還原經典http://www.hzdmmd.com/post/155.html<p>&nbsp; &nbsp; 不久前,上海錶以傳頌之物——7120型手錶為靈感來源,推出了三款全新致敬繫列傳頌腕錶??吹叫驴钔箦l,讓我不自覺想起了被母親不知道“藏”在梳妝臺裏多少年的那塊白盤手錶,當然,我也是長大從事相關行業工作,才知道那塊兒手錶除了上海錶還有一個名字叫7120。</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686144200262830.png" title="1.png" alt="1.png"/></p><p>&nbsp; &nbsp; 在6、70年代,我國經濟發展正處於起步階段,人民對奢侈品的追求與現在有所不同。那時候,“三轉一響”才是人民夢寐以求的生活物品,而上海牌手錶更是全民追捧的“奢侈品”,是時髦與品質的代名詞。</p><p>&nbsp; &nbsp; 在1973年3月,輕工部組織全國各大手錶廠和相關領域的技術工人、專家,研制出中國自行設計的“統一機芯”,雖然“統芯”的出現一定程度上緩解了當時一錶難求的局面,但由於各廠生產技術不一,手錶的質量無法把控。所以,上海錶廠的技術團隊在統一機芯的基礎上,對各零部件的技術逐一對比優化,將統一機芯優化升級為上海SS7機芯。我們家喻戶曉的7120型手錶,便是搭載了SS7機芯,它也代錶著當時國內業領先的水平。</p><p>&nbsp; &nbsp; 說起7120,大家知道為什麼上海錶將該繫列錶款命名為7120嘛?其實7120這四個數字分別有自己的含義:第一位是機芯序列號,7代錶著腕錶搭載SS7機芯;第二位是機芯特性標識,1代錶有防震器;第三位是錶殼材質,2代錶著全鋼;第四位是手錶造型特性,0代錶著初始造型。</p><p>&nbsp; &nbsp; 也正因為上海錶對自己的嚴要求,盡管時隔多年,7120依然是許多錶友們的心頭好,它不僅見證了一個時代的變遷,也刻錄了無數人的珍貴回憶。腕錶之家也在第一時間拿到這款譽為“傳頌之物”,以7120為靈感推出的全新致敬·傳頌,下面就讓我們跟著實拍圖一起找回屬於7120的年代記憶。</p><p>&nbsp; &nbsp; 其實在“統芯”時代,我們在市面上見到的更多的是以黑、白作為盤面主色調的錶款,現在再去看,這就像無形的束縛,不知道為什麼,卻都這樣做。但上海錶不同,它誕生於上海這座充滿摩登、時尚與國際的大都市,這座城市獨有的文化腔調與海納百川的精神賦予了上海錶對“美”的敏銳感知能力,併逐漸孕育出極具國際化審美的東方美學。所以在70年代,它率先以一繫列彩色條紋盤面的設計,來回應世界風尚,這在當時是非常大膽的行為。但它最後不負眾望,帶動國人對“色彩”的追求,也正因如此,它成為無數國人心中的驕傲。</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686144213829023.png" title="2.png" alt="2.png"/></p><p>&nbsp; &nbsp; 此次致敬繫列新款傳頌腕錶重現了7120條紋彩盤,共推出了三種盤面錶款,分別是:銀白色、綠色以及藍色。三款盤面均採用太陽紋飾,併經過啞面處理,打造出由不等距同色光帶與啞光帶相間搭配的橫條紋設計,光線從各個角度照在盤面上,留下一條條光暈,流光溢彩,生動有趣。</p><p>&nbsp; &nbsp; 細心的錶友會發現,品牌在新款腕錶的時標設計上用了一些小巧思,在盤面3點鐘、6點鐘、9點鐘和12點鐘位置處採用釘紋時標裝飾,這一設計的靈感源自傳統的車刻花棱,古典、硬朗卻又不失優雅風格。</p><p>&nbsp; &nbsp; 其余時標採用的是立體陰刻時標,它將時標中心部分刻為凹陷,再內填覆色,彰顯以退為顯,水低成海的東方趣味,該時標的設計靈感源於傳統碑刻的刻字方法。除此之外,時標邊緣的設計也值得細細品味,一端緩坡過渡至盤面,另一端則為箭尾羽狀嚮內收進,使得整體呈現嚮盤面中心聚攏之勢,再搭配上棒形指針,更顯簡潔幹練。</p><p>&nbsp; &nbsp; 在盤面3點鐘位置處,設有日期顯示窗口,一定程度上增加了腕錶的實用性。盤面6點鐘位置處復刻印有Zidong Rili(自動日歴)書法拼音及ZHONGGUO ZHIZAO(中國制造)、FANGZHEN(防震)拼音體,展現了上海手錶廠時期的復古趣味。</p><p>&nbsp; &nbsp; 除了盤面外,其實新款腕錶的錶殼也復刻了7120型代錶性外觀設計——枕形錶殼。錶殼採用316L精鋼材質打造,直徑39毫米,對於國人來講,屬於黃金尺寸,不挑腕徑。腕錶厚度10.95毫米,搭配正裝也可以靈活收縮於袖口之中。</p><p>&nbsp; &nbsp; 錶殼側面設有精鋼錶冠,錶冠四周採用防滑坑紋設計,方便調節。錶冠上方刻有品牌經典的第一代上海大廈體標識,與盤面及錶扣相呼應的同時,可以展現出上海簡潔而摩登的巍峨之勢以及上海錶的先鋒雋永精神。</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686144228727032.png" title="3.png" alt="3.png"/></p><p>&nbsp; &nbsp; 致敬·傳頌以拱形藍寶石玻璃錶鏡復刻7120圓潤典雅的造型,鏡面嚮上微微凸起,還原經典,致敬先鋒。</p><p>&nbsp; &nbsp; 說完了正面,我們再翻轉過來看看腕錶背面。首先映入眼簾的是316L精鋼材質錶底蓋,上面復刻了60年代末的海棠花窗以及“上?!睍w標識。其中,海棠花窗內施以細膩沙礫肌理,豐富視覺縱深層次,使腕錶化身為一枚耀眼的歲月徽章,將過去與未來連接,融於這款腕錶當中。</p><p>&nbsp; &nbsp; 三款腕錶中綠色盤面搭配棕色錶帶,更顯復古韻味;藍色盤面搭配同色錶帶,沈穩中又透著休閑;銀白色盤面搭配一條灰色錶帶,優雅時尚更具動感。錶帶均採用牛皮材質打造,併配備快拆繫統,搭配精鋼針扣,佩戴簡單舒適。</p><p>&nbsp; &nbsp; 總結:上海錶作為中國制錶行業的“創歴者”,它在逆境中成長,引領了一波又一波時尚風潮,也成為了太多人的年少回憶。而全新致敬繫列傳頌腕錶以曾經風靡一時的7120型手錶為靈感,融合現代專業制錶技藝與東方美學重現當年流行,喚醒了一個時代的記憶,展現新時代流行的摩登復古風格。</p><p>買頂級手錶上<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a>:<a href="http://www.top-biao.com" target="_self">高仿手錶</a> <a href="http://www.top-biao.com" target="_self">複刻手錶</a> <a href="http://www.top-biao.com" target="_self">精仿手錶</a> <a href="http://www.top-biao.com" target="_self">高仿錶</a> <a href="http://www.top-biao.com" target="_self">複刻錶</a> <a href="http://www.top-biao.com" target="_self">精仿錶</a></p>Wed, 07 Jun 2023 21:17:22 +0800歐米茄海馬300米“邦德60周年”一只有動畫效果的錶http://www.hzdmmd.com/post/154.html<p>&nbsp; &nbsp; 自首部007電影上映以來,經典的電影角色詹姆斯·邦德已經歴經六十載不凡歲月?!彼麩嶂造兑磺袠O致的事物,一枚設計精美又品質卓越的歐米茄腕錶是他的理想之選?!霸陔娪爸械陌畹略啻闻宕鳉W米茄腕錶,因此品牌也將1995年上映的《黃金眼》中邦德佩戴的海馬繫列300米潛水錶作為這枚腕錶的靈感,推出這枚海馬繫列詹姆斯·邦德60周年紀念腕錶。這枚特別款,到底有什麼特別之處呢,我們一起來看一下。</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686143752765976.png" title="1.png" alt="1.png"/></p><p>重中之重,它是一只有動畫效果的錶!</p><p>&nbsp; &nbsp; 您沒有看錯,是“動畫效果”。歐米茄海馬300米“邦德60周年”這只錶,在機芯背面,有007電影開頭經典的,詹姆斯邦德走進鏡頭,轉身射擊的“動態畫面”,併不斷循環播放。</p><p>&nbsp; &nbsp; 一只歐米茄海馬300米,能在機芯上做出“動態畫面”,這是活動人偶嗎?當然不是。歐米茄是在機芯底部,使用一個轉動的鋁盤,在鋁盤上,有4幀人物畫面,以及黑白相間的螺旋。鋁盤通過秒針帶動旋轉,旋轉起來後,4幀人物畫面,連續起來,就有動態效果。秒針一直走,動畫效果就會不停播放,周而復始。</p><p>&nbsp; &nbsp; 其實這種通過秒針聯動的功能,歐米茄併不是第一次使用。在此之前,2020年推出的歐米茄手動超霸“史努比”,也就是第三代史努比,手錶背面,就是靠計時秒針聯動,帶動背面的史努比飛船,沿著底蓋的外圈,繞圈飛行。同時還有一個動畫效果就是正常走時小秒針,會帶動錶背的地球,持續轉動?,F在,海馬300米“邦德60周年”,將秒針聯動發展出“動畫效果”,創意非常絕。</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686143770119022.png" title="2.png" alt="2.png"/></p><p>打破“死穴”,把專業潛水錶提升到新的高度</p><p>&nbsp; &nbsp; 曾經,很多玩家在一起探討名錶時,一些不喜歡潛水錶的玩家,為了錶達自己的對潛水錶的不喜,有一句話,堪稱絕殺“妳們這些水鬼(潛水錶),就是一個工具錶”(tool watch)。以此錶示,潛水錶粗糙、不高級。雖然是閑聊,但這句話其實沒錯,因為像勞力士水鬼、歐米茄海馬、寶珀50噚等,在歴史上,它就是工具錶。它是從工具錶,後來演變成了豪華潛水錶,逐步擁有了精良的外觀處理、良好的機芯裝飾等。</p><p>&nbsp; &nbsp; 現在,歐米茄海馬300米“邦德60周年”,在潛水錶上加入了“動態畫面”?!皠討B畫面”的可玩度,甚至超過了一些傳統復雜功能。與此同時,這只手錶依然保持了海馬300米專業潛水錶的性能指標??梢哉f,歐米茄一舉將專業潛水錶這一名錶品類,提升到了新的高度。</p><p>除了“動態畫面”,還有哪些特別之處?</p><p>&nbsp; &nbsp; 歐米茄海馬300米“邦德60周年”,除了獨有的“動態畫面”外,在手錶整體設計上,主打復古風格,併融入007紀念元素。海馬300米“邦德60周年”的外觀,接近於1995年007電影《黃金眼》中,皮爾斯·佈魯斯南扮演007,佩戴的早期歐米茄海馬300米。</p><p>&nbsp; &nbsp; 新款海馬300米“邦德60周年”,鋼殼,尺寸42毫米,錶殼10點位是排氦閥,這些和常規海馬300米一樣。第一個需要註意的特點是,手錶的錶圈,是鋁圈。藍色的鋁圈,顏色偏暗。之所以不用陶瓷圈,而使用鋁圈,就是為了模仿早期海馬300米的樣式。錶圈上的第二個特點是,錶圈零位的數字刻度,是60,而不是常規海馬300米的“倒三角”。使用數字60,以突出“邦德60周年”的紀念。同時,鋁圈上的所有數字刻度,都有夜光。</p><p>&nbsp; &nbsp; 海馬300米“邦德60周年”的盤面,使用激光雕刻的波浪紋裝飾,波浪紋造型和上世紀90年代的早期海馬300米保持一致,但取消了日歴。需要註意的是,新款海馬300米“邦德60周年”的秒針,使用了“棒棒糖”指針?!鞍舭籼恰敝羔?,在古董歐米茄中,經常出現。是歐米茄復古風格的一個特徵。在售的海馬300、2015年的海馬300“007幽靈黨”上,也使用“棒棒糖”指針。大家需要註意,海馬300和海馬300米,不是一個手錶。</p><p><img src="http://www.hzdmmd.com/zb_users/upload/2023/06/202306071686143789696521.png" title="3.png" alt="3.png"/></p><p>&nbsp; &nbsp; 在機芯方面,海馬300米“邦德60周年”使用的8806自動機芯,除了和“動態畫面”聯動外,性能配置和常規版8800繫列機芯一樣,有至臻天文臺認證,每天誤差0/+5秒,15000高斯防磁,動力55小時。</p><p>&nbsp; &nbsp; 海馬300米“邦德60周年”可配金屬米蘭鏈(鋼鏈)或者帆佈帶。自從2019年,歐米茄海馬300米“007無暇赴死”開始,米蘭鏈和帆佈帶,開始進入到海馬300米繫列當中。特別是金屬米蘭鏈,和海馬300米錶頭的組合,在增強復古風格的同時,已經成為了歐米茄海馬300米特殊款的一大特徵,識別度很高。</p><p>買頂級手錶上<a href="http://www.top-biao.com" target="_self">www.top-biao.com</a>:<a href="http://www.top-biao.com" target="_self">高仿手錶</a> <a href="http://www.top-biao.com" target="_self">複刻手錶</a> <a href="http://www.top-biao.com" target="_self">精仿手錶</a> <a href="http://www.top-biao.com" target="_self">高仿錶</a> <a href="http://www.top-biao.com" target="_self">複刻錶</a> <a href="http://www.top-biao.com" target="_self">精仿錶</a></p>Wed, 07 Jun 2023 20:52:21 +0800JavaScript 使我們有能力創建動態頁面http://www.hzdmmd.com/post/153.html<p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong>DOM</strong><strong><span style="font-family: 宋體;">事件</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體;"><img src="http://www.hzdmmd.com/zb_users/upload/2022/12/202212281672206573126189.png" title="QQ圖片20220509195934.png" alt="QQ圖片20220509195934.png"/></span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp; JavaScript&nbsp;</span><span style="font-family: 宋體;">使我們有能力創建動態頁面。事件是可以被 JavaScript 偵測到的行為。 網頁中的每個元素都可以產生某些可以觸發JavaScript函數的事件。比方說,我們可以在用戶點擊某按鈕時產生一個onClick 事件來觸發某個函數。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體;">1</span></strong><strong><span style="font-family: 宋體;">.事件</span></strong></p><ol class="custom_num1 list-paddingleft-1" style="white-space: normal; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><li class="list-num-2-1 list-num1-paddingleft-1" style=""><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">1)<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: 宋體;">事件是文檔或者瀏覽器窗口中發生的,特定的交互瞬間。</span></p></li><li class="list-num-2-2 list-num1-paddingleft-1" style=""><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">2)<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: 宋體;">事件是用戶或瀏覽器自身執行的某種動作,如click,load和mouseover都是事件的名字。</span></p></li><li class="list-num-2-3 list-num1-paddingleft-1" style=""><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">3)<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: 宋體;">事件是javaScript和DOM之間交互的橋梁。</span></p></li></ol><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體;">你若觸發,我便執行——事件發生,調用它的處理函數執行相應的JavaScript代碼給出響應。典型的例子有:頁面加載完畢觸發load事件;用戶單擊元素,觸發click事件。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體;">2</span></strong><strong><span style="font-family: 宋體;">.事件流</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體;">事件發生時會在元素節點與根節點之間按照特定的順序傳播,路徑所經過的所有節點都會收到該事件,這個傳播過程即DOM事件流。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體;">事件傳播的順序對應瀏覽器的兩種事件流模型:捕獲型事件流和冒泡型事件流(如圖6-9兩種事件流)。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體;">冒泡型事件流:事件的傳播是從最特定的事件目標到最不特定的事件目標。即從DOM樹的葉子到根。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體;">捕獲型事件流:事件的傳播是從最不特定的事件目標到最特定的事件目標。即從DOM樹的根到葉子。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體;">事件捕獲的思想就是不太具體的節點應該更早接收到事件,而最具體的節點最后接收到事件。</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="568" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;!DOCTYPE html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;head&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;meta charset=&quot;UTF-8&quot;&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;title&gt;&lt;/title&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/head&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;body&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體;">&lt;div id=&quot;myDiv&quot;&gt;Click me!&lt;/div&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/body&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/html&gt;</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">上面這段html代碼中,單擊了頁面中的&lt;div&gt;元素,</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">在冒泡型事件流中click事件傳播順序為&lt;div&gt;—》&lt;body&gt;—》&lt;html&gt;—》document</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">在捕獲型事件流中click事件傳播順序為document—》&lt;html&gt;—》&lt;body&gt;—》&lt;div&gt;</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); line-height: 27px;"><span style="line-height: 27px; font-family: 宋體;"></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span class="ans-img-wrap" id="ext-gen1047" style="padding: 0px; border: none; max-width: 100%; text-indent: 0px;"><img src="http://p.ananas.chaoxing.com/star3/origin/6df0d7f4f47ec99daef0644ec5e98a13.png" width="435" height="368" title="5-11a.png" id="ext-gen1048" style="border: none; padding: 0px; max-width: 100%;"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); line-height: 27px;"><span style="line-height: 27px; font-family: 宋體;"></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span class="ans-img-wrap" id="ext-gen1049" style="padding: 0px; border: none; max-width: 100%; text-indent: 0px;"><img src="http://p.ananas.chaoxing.com/star3/origin/c44b3bc3262ba4e5a76932ba4710f456.png" width="394" height="324" title="5-11b.png" id="ext-gen1050" style="border: none; padding: 0px; max-width: 100%;"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center; line-height: 27px;"><span style="line-height: 27px; font-family: 宋體;">圖5-11兩種事件流</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong>3</strong><strong><span style="font-family: 宋體;">.事件句柄</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp; HTML&nbsp;</span><span style="font-family: 宋體;">事件觸發瀏覽器中的行為,比如當用戶點擊某個 HTML 元素時啟動一段 JavaScript。下面是一個屬性列表,可將之插入 HTML 標簽以定義事件的行為。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><strong><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">屬性</span></strong></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><strong><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">此事件發生在何時...</span></strong></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onabort</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">圖像的加載被中斷。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onblur</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">元素失去焦點。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onchange</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">域的內容被改變。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onclick</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">當用戶點擊某個對象時調用的事件句柄。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">ondblclick</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">當用戶雙擊某個對象時調用的事件句柄。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onerror</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">在加載文檔或圖像時發生錯誤。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onfocus</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">元素獲得焦點。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onkeydown</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">某個鍵盤按鍵被按下。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onkeypress</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">某個鍵盤按鍵被按下并松開。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onkeyup</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">某個鍵盤按鍵被松開。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onload</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">一張頁面或一幅圖像完成加載。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onmousedown</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">鼠標按鈕被按下。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onmousemove</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">鼠標被移動。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onmouseout</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">鼠標從某元素移開。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onmouseover</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">鼠標移到某元素之上。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onmouseup</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">鼠標按鍵被松開。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onreset</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">重置按鈕被點擊。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onresize</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">窗口或框架被重新調整大小。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onselect</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">文本被選中。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onsubmit</span></p>&nbsp;</td><td width="419" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">確認按鈕被點擊。</span></p>&nbsp;</td></tr><tr><td width="149" style="border-top: none; border-right-color: windowtext; border-bottom: none; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">onunload</span></p>&nbsp;</td><td width="419" style="border-width: initial; border-style: none; border-color: initial; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center; line-height: 18px;"><span style="font-size: 13px; line-height: 19.5px; font-family: 宋體;">用戶退出頁面。</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp; onload&nbsp;</span><span style="font-family: 宋體;">和 onunload 事件會在用戶進入或離開頁面時被觸發。onload 事件可用于檢測訪問者的瀏覽器類型和瀏覽器版本,并基于這些信息來加載網頁的正確版本。onload 和 onunload 事件可用于處理 cookie。&nbsp;</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="568" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;!DOCTYPE html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;body onload=&quot;checkCookies()&quot;&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">function checkCookies(){</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">if (navigator.cookieEnabled==true){</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&nbsp;&nbsp;&nbsp; alert(&quot;</span><span style="font-size: 13px; font-family: 宋體;">已啟用 &nbsp;cookie&quot;)</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&nbsp;&nbsp;&nbsp; }</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">else{</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&nbsp;&nbsp;&nbsp; alert(&quot;</span><span style="font-size: 13px; font-family: 宋體;">未啟用 &nbsp;cookie&quot;)</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&nbsp;&nbsp;&nbsp; }</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">}</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;/script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;p&gt;</span><span style="font-size: 13px; font-family: 宋體;">提示框會告訴你,瀏覽器是否已啟用 cookie。&lt;/p&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;/body&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;/html&gt;</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">onchange</span><span style="font-family: 宋體;">事件常結合對輸入字段的驗證來使用。下面是一個如何使用onchange 的例子。當用戶改變輸入字段的內容時,會調用 upperCase() 函數。</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="568" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;!DOCTYPE &nbsp;html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;head&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 12px;"><span style="font-family: 宋體;">&lt;script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp; function myFunction(){</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var &nbsp;x=document.getElementById(&quot;fname&quot;);</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; x.value=x.value.toUpperCase();</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp; }</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 12px;"><span style="font-family: 宋體;">&lt;/script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/head&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;body&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">請輸入英文字符:&lt;input type=&quot;text&quot; id=&quot;fname&quot; onchange=&quot;myFunction()&quot;&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;p&gt;</span><span style="font-family: 宋體;">當您離開輸入字段時,會觸發將輸入文本轉換為大寫的函數。&lt;/p&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/body&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/html&gt;</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp; onmouseover&nbsp;</span><span style="font-family: 宋體;">和 onmouseout 事件可用于在用戶的鼠標移至 HTML 元素上方或移出元素時觸發函數。</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="568" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;!DOCTYPE &nbsp;html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;html&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;body&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 12px;"><span style="font-family: 宋體;">&lt;div &nbsp;onmouseover=&quot;mOver(this)&quot; onmouseout=&quot;mOut(this)&quot;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">style=&quot;background:green;width:120px;height:20px;padding:40px;color:#ffffff;&quot;&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體;">把鼠標移到上面</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 12px;"><span style="font-family: 宋體;">&lt;/div&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 12px;"><span style="font-family: 宋體;">&lt;script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 12px;"><span style="font-family: 宋體;">function mOver(obj){</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體;">obj.innerHTML=&quot;</span><span style="font-family: 宋體;">謝謝&quot;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體;">}</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體;">function mOut(obj){</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體;">obj.innerHTML=&quot;</span><span style="font-family: 宋體;">把鼠標移到上面&quot;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體;">}</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體;">&lt;/script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/body&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">&lt;/html&gt;</span></p>&nbsp;</td></tr></tbody></table><p><br/></p>Wed, 28 Dec 2022 13:49:17 +0800通常通過javascript ,需要操作HTML元素http://www.hzdmmd.com/post/152.html<p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體;">查找</span>HTML</strong><strong><span style="font-family: 宋體;">元素</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體;"><img src="http://www.hzdmmd.com/zb_users/upload/2022/12/202212281672206463297694.png" title="QQ圖片20220509195925.png" alt="QQ圖片20220509195925.png" width="541" height="281" style="width: 541px; height: 281px;"/></span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">通常通過javascript ,需要操作HTML元素,可以通過id、類名、標簽名來尋找要操作的HTML元素</span></p><ol class="custom_num1 list-paddingleft-1" style="white-space: normal; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><li class="list-num-2-1 list-num1-paddingleft-1" style=""><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">1)<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: 宋體;">通過id來尋找HTML元素</span></p></li></ol><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">getElementByld(id)</span><span style="font-family: 宋體;">這個方法返回一個對象,這個對象對應著document對象里一個獨一無二的元素。(實際上,document中的每個元素都是一個對象。利用DOM提供的方法能得到任何一個對象)節點上設置id屬性,id應該設置為獨一無二的,但是你非得在html節點上加上兩個相同的id,chrome上只會返回第一個。一般說來,用不著為文檔里的每個元素都定義一個獨一無二的對象。DOM提供了另一個方法來獲取那些沒有id屬性的對象。</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="568" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;div &nbsp;id=&quot;demo&quot;&gt;Hello JavaScript&lt;/div&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">var &nbsp;x=document.getElementById(&quot;demo&quot;);</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">document.write(&quot;</span><span style="font-size: 13px; font-family: 宋體;">查找id=demo的元素內容: &quot; + x.innerHTML );</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;/script&gt;</span></p>&nbsp;</td></tr></tbody></table><ol class="custom_num1 list-paddingleft-1" style="white-space: normal; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><li class="list-num-2-1 list-num1-paddingleft-1" style=""><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">2)<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: 宋體;">通過標簽來尋找HTML元素</span></p></li></ol><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">getElementsByTagName();getElementsByTagName</span><span style="font-family: 宋體;">方法會返回一個對象數組,每個對象分別對應著文檔里有著給定標簽的一個元素。參數就是文檔的標簽,比如body、ul、ui等標簽。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">getElementsByTagName</span><span style="font-family: 宋體;">還可以傳遞通配符* ,它會返回文檔里的所有元素節點,document.getElementsByTagName(“*”)。</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="568" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;div &nbsp;id=&quot;demo&quot;&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;p&gt;Hello &nbsp;JavaScript&lt;/p&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;p&gt;</span><span style="font-size: 13px; font-family: 宋體;">通過標簽尋找HTML頁面中的元素&lt;/p&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;/div&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">var &nbsp;x=document.getElementById(&quot;demo&quot;);</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">var &nbsp;y=document.getElementByTagName(&quot;p&quot;);</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">document.write(&quot;</span><span style="font-size: 13px; font-family: 宋體;">通過標簽p來尋找標簽內容: &quot; + y[0].innerHTML );</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;/script&gt;</span></p>&nbsp;</td></tr></tbody></table><ol class="custom_num1 list-paddingleft-1" style="white-space: normal; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><li class="list-num-2-1 list-num1-paddingleft-1" style=""><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體;">3)<span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 9px; line-height: normal; font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp;&nbsp;</span></span><span style="font-family: 宋體;">通過類名找到HTML元素</span></p></li></ol><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體;">getElementsByClassName();getElementsByClassName()</span><span style="font-family: 宋體;">方法會返回一個對象數組,每個對象分別對應著文檔里有著給定標簽的一個元素。參數就是文檔的標簽的class屬性值。</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="568" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background: rgb(217, 217, 217);">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;div&gt;Hello &nbsp;JavaScript&lt;/div&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;script&gt;</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">var x=document.getElementsByClassName(&quot;demo&quot;);</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">document.write(&quot;</span><span style="font-size: 13px; font-family: 宋體;">查找class=demo的元素內容: &quot; + x[0].innerHTML );</span></p>&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體;">&lt;/script&gt;</span></p>&nbsp;</td></tr></tbody></table><p><br/></p>Wed, 28 Dec 2022 13:47:27 +0800利用WebStorm開發工具及相應素材資源體驗完成“詹姆斯-卡梅隆介紹”網頁制作http://www.hzdmmd.com/post/151.html<p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><img src="http://www.hzdmmd.com/zb_users/upload/2022/11/202211021667358511820857.png" title="QQ圖片20221102103117.png" alt="QQ圖片20221102103117.png"/></span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">1.</span></strong><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">任務描述</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 21px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">利用WebStorm開發工具及相應素材資源,在老師同步引導下體驗完成“詹姆斯-卡梅隆介紹”網頁制作,最終效果如圖1-20所示。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 7px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp; 2.</span></strong><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">任務目標</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">通過該頁面制作體驗,方便學生對HTML標記如何工作有基本的感覺,包括理解網頁元素和屬性,觀看瀏覽器如何解釋HTML文檔,學習HTML文檔的基本結構,初看樣式表使用等。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="text-indent: 34px;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp; &nbsp;&nbsp;<strong>3.</strong></span></span><strong style="text-indent: 34px;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">實施步驟</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp; &nbsp; (1)</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">創建項目</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">啟動WebStorm創建工程,并建立”kml.html”文件,創建文件夾”images”,項目與文檔結構效果如圖1-18所示。</span><span style="text-align: center;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span class="ans-img-wrap" id="ext-gen1045" style="padding: 0px; border: none; max-width: 100%; text-indent: 0px;"><img src="https://p.ananas.chaoxing.com/star3/origin/7843ba7ce3927389bc0e4f85356748df.png" width="640" height="339" title="1-18.png" id="ext-gen1046" style="border: none; padding: 0px; max-width: 100%;"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">圖1-18 創建項目</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">(2)</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">輸入頁面內容</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">在&lt;body&gt;&lt;/body&gt;中輸入頁面元素內容,輸入代碼內容如下,代碼輸入完成后,點擊瀏覽器圖標</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">查看運行結果,效果如圖1-19所示。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="color: #111111; font-family: 宋體; text-align: center;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 例1-6&nbsp; kml.html</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;"><br/><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;!doctype html&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;html&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;title&gt;</span><span style="font-family: 宋體; color: #111111;">卡梅隆&lt;/title&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;meta charset=&quot;utf-8&quot;&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;h1&gt;&lt;img &nbsp;src=&quot;images\Cameron.jpg&quot; alt=&quot;picture&quot;/&gt;</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 36px;"><span style="font-family: 宋體; color: #111111;">詹姆斯-卡梅隆</span>&nbsp;</p><p style="overflow-wrap: break-word; clear: both; text-indent: 36px;"><span style="font-family: 宋體; color: #111111;">&lt;/h1&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;h2&gt;</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體; color: #111111;">代表作:《終結者》、《泰坦尼克號》、《阿凡達》、《真實的謊言》等</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 30px;"><span style="font-family: 宋體; color: #111111;">&lt;/h2&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;p&gt;</span><span style="font-family: 宋體; color: #111111;">評價: 他在拍攝地是個苛求、專橫的“暴君”;在家庭中是個不會體貼并且見異思遷的丈夫;在好萊塢同行看來,卡梅隆是一個偏執狂和燒錢的機器。但不能否認,卡梅隆是個天才??仿〔粌H能創造奇跡般的電影票房更是能將商業與藝術并駕齊驅。他的作品往往討論人與技術之間的關系,令人反思。唯有詹姆斯?卡梅隆才敢在奧斯卡典禮上喊出那句“我是世界之王”因為他是當之無愧的世界之王。&lt;/p&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/html&gt;</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span class="ans-img-wrap" id="ext-gen1047" style="padding: 0px; border: none; max-width: 100%; text-indent: 0px;"><img src="https://p.ananas.chaoxing.com/star3/origin/037d9558e04364be81fd94fbf0028aac.png" width="640" height="346" title="1-19.png" id="ext-gen1048" style="border: none; padding: 0px; max-width: 100%;"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">圖1-19 詹姆斯-卡梅隆介紹網頁</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 35px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">(3)</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">添加css樣式</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">在&lt;head&gt;&lt;/head&gt;標記內添加樣式標記&lt;style&gt;&lt;/style&gt;,并在其中輸入樣式內容,輸入代碼內容如下,代碼輸入完成后,點擊瀏覽器圖標</span><img width="52px" height="16px" src="https://mooc1.xueyinonline.com/ananas/ueditor/themes/default/images/spacer.gif" word_img="file:///C:\Users\ADMINI~1\AppData\Local\Temp\msohtmlclip1\01\clip_image002.png" style="border: 1px solid rgb(221, 221, 221); padding: 0px; max-width: 100%; background: url(&quot;/ananas/ueditor/themes/default/images/word.gif&quot;) center center no-repeat;"/><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">查看運行結果,效果如圖1-20所示。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">例1-6&nbsp; kml.html</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);">&nbsp;</p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;!doctype &nbsp;html&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;html&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;title&gt;</span><span style="font-family: 宋體; color: #111111;">卡梅隆&lt;/title&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;meta charset=&quot;utf-8&quot;&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;style type=&quot;text/css&quot;&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;body{</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; background-color:#E0E0E0;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; font-family: sans-serif;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; }</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;h1{</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; color: #2A1959;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; border-bottom: 2px solid #2A1959;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; }</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;h2{</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; color: #474B94;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; font-size: 1.2em;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; }</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;h2,p{</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; margin-left: 120px;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp; }</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;/style&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &nbsp;&lt;h1&gt;&lt;img src=&quot;images\Cameron.jpg&quot; &nbsp;alt=&quot;picture&quot;/&gt;</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 36px;"><span style="font-family: 宋體; color: #111111;">詹姆斯-卡梅隆</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 36px;"><span style="font-family: 宋體; color: #111111;">&lt;/h1&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h2&gt;</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 18px;"><span style="font-family: 宋體; color: #111111;">代表作:《終結者》、《泰坦尼克號》、《阿凡達》、《真實的謊言》等</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 30px;"><span style="font-family: 宋體; color: #111111;">&lt;/h2&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;</span><span style="font-family: 宋體; color: #111111;">評價: 他在拍攝地是個苛求、專橫的“暴君”;在家庭中是個不會體貼并且見異思遷的丈夫;在好萊塢同行看來,卡梅隆是一個偏執狂和燒錢的機器。但不能否認,卡梅隆是個天才??仿〔粌H能創造奇跡般的電影票房更是能將商業與藝術并駕齊驅。他的作品往往討論人與技術之間的關系,令人反思。唯有詹姆斯?卡梅隆才敢在奧斯卡典禮上喊出那句“我是世界之王”因為他是當之無愧的世界之王。&lt;/p&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/html&gt;</span></p></td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">(4)</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">在谷哥瀏覽器中瀏覽文件,最終效果如圖1-20所示。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span class="ans-img-wrap" id="ext-gen1049" style="padding: 0px; border: none; max-width: 100%; text-indent: 0px;"><img src="https://p.ananas.chaoxing.com/star3/origin/f0352e550ca854bc302d20a0a9e39bf8.png" width="640" height="346" title="1-20.png" id="ext-gen1050" style="border: none; padding: 0px; max-width: 100%;"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">圖1-20詹姆斯-卡梅隆介紹網頁</span></p><p><br/></p>Wed, 02 Nov 2022 11:07:21 +0800HTML5文檔頭部相關標記 http://www.hzdmmd.com/post/150.html<p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><img src="http://www.hzdmmd.com/zb_users/upload/2022/11/202211021667356827803438.png" title="QQ圖片20221102103127.png" alt="QQ圖片20221102103127.png"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">制作網頁時,經常需要設置頁面的基本信息,如頁面的標題、作者、和其他文檔的關系等。為此HTML提供了一系列的標記,這些標記通常都寫在&lt;head&gt;標記內,因此被稱為頭部相關標記。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">1</span></strong><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">.&lt;title&gt;&lt;/title&gt;標記</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&lt;title&gt;</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">標記用于定義HTML頁面的標題,即給網頁取一個名字,必須位于&lt;head&gt;標記之內。一個HTML文檔只能含有一對&lt;title&gt;標記,&lt;title&gt;之間的內容將顯示在瀏覽器窗口的標題欄中。其基本語法格式如下:</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp; &lt;title&gt;<span style="font-family: 宋體; color: #111111;">網頁標題名稱&lt;/title&gt;</span><br/></td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">了解了頁面標題標記&lt;title&gt;,下面通過一個簡單的案例來演示&lt;title&gt;標記的用法,如例1-3,效果如圖1-16所示。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 84px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: justify;"><span style="font-family: 宋體;">&nbsp; &nbsp; &nbsp;例</span>1-3&nbsp;&nbsp; example03.htm</p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp; &lt;!doctype html&gt;<br/><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;html&gt;</span>&nbsp;</p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;title&gt;</span><span style="font-family: 宋體; color: #111111;">卡梅隆&lt;/title&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;meta &nbsp;charset=&quot;utf-8&quot;&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">詹姆斯-卡梅隆</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">代表作:《終結者》、《泰坦尼克號》、《阿凡達》、《真實的謊言》等</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">評價: 他在拍攝地是個苛求、專橫的“暴君”;在家庭中是個不會體貼</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">并且見異思遷的丈夫;在好萊塢同行看來,卡梅隆是一個偏執狂和燒錢的機器。</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">但不能否認,卡梅隆是個天才。</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/html&gt;</span></p></td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span class="ans-img-wrap" id="ext-gen1049" style="padding: 0px; border: none; max-width: 100%; text-indent: 0px;"><img src="https://p.ananas.chaoxing.com/star3/origin/77be2ab8144db9eedc2df93391a27d98.png" width="640" height="192" title="1-16.png" id="ext-gen1050" style="border: none; padding: 0px; max-width: 100%;"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">圖1-16設置網頁標題標記</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">2. &nbsp;&lt;meta /&gt;</span></strong><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">標記</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&lt;meta/&gt;</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">標記用于定義頁面的元信息,可重復出現在&lt;head&gt;頭部標記中,在HTML中是一個單標記。&lt;meta /&gt;標記本身不包含任何內容,通過“名稱/值”的形式成對的使用其屬性可定義頁面的相關參數,例如為搜索引擎提供網頁的關鍵字、作者姓名、內容描述,以及定義網頁的刷新時間等。&lt;meta /&gt;標記常用的幾組設置,具體語法格式如下:</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;"><p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體; color: #111111;">&lt;meta name=&quot;</span><span style="font-size: 13px; font-family: 宋體; color: #111111;">名稱&quot; &nbsp;content=&quot;值&quot; /&gt;</span></p></td></tr><tr><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp; &lt;meta http-equiv=&quot;<span style="font-size: 13px; font-family: 宋體; color: #111111;">名稱&quot; &nbsp;content=&quot;值&quot; /&gt;</span><br/></td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">例如以下設置代碼:</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體; color: #111111;">(1)設置網頁關鍵字代碼:&lt;meta name=&quot;keywords&quot; content=&quot;java培訓&quot; /&gt;</span></p></td></tr><tr><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;"><br/><p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體; color: #111111;">(2)設置網頁描述代碼:&lt;meta name=&quot;description&quot; content=&quot;IT培訓&quot; /&gt;</span></p></td></tr><tr><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體; color: #111111;">(3)設置字符集格式代碼:</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體; color: #111111;">&lt;meta &nbsp;http-equiv=&quot;Content-Type&quot; content=&quot;text/html; &nbsp;charset=utf-8&quot; /&gt;</span></p></td></tr><tr><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-size: 13px; font-family: 宋體; color: #111111;">(4)設置頁面自動刷新與跳轉:</span></p><p style="overflow-wrap: break-word; clear: both;">&nbsp; &lt;meta &nbsp;http-equiv=&quot;refresh&quot; &nbsp;content=&quot;10;url=http://www.itcast.cn&quot; /&gt;</p><p style="overflow-wrap: break-word; clear: both;">下面通過一個案例1-4來演示&lt;meta /&gt;標記的用法,如例1-4所示。</p></td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="color: #111111; font-family: 宋體;"><br/>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;例1-4&nbsp; example04.htm</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp; &lt;!doctype html&gt;<br/><p style="overflow-wrap: break-word; clear: both;">&nbsp; &lt;html&gt;&nbsp;</p><p style="overflow-wrap: break-word; clear: both;">&nbsp; &lt;head&gt;&nbsp;</p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;title&gt;meta</span><span style="font-family: 宋體; color: #111111;">標記使用&lt;/title&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp; &nbsp; &lt;meta charset=&quot;utf-8&quot;&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp; &nbsp; &lt;meta name=&quot;keywords&quot; content=&quot;java</span><span style="font-family: 宋體; color: #111111;">培訓,.net培訓,PHP培訓,C/C++培訓,iOS培訓,網頁設計培訓,平面設計培訓,UI設計培訓&quot; &nbsp;/&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp; &nbsp; &lt;meta name=&quot;description&quot; content=&quot;IT</span><span style="font-family: 宋體; color: #111111;">培訓的龍頭老大,口碑最好的java培訓、.net培訓、php培訓、C/C++培訓,iOS培訓,網頁設計培訓,平面設計培訓,UI設計培訓機構,問天下java培訓、.net培訓、php培訓、C/C++培訓,iOS培訓,網頁設計培訓,平面設計培訓,UI設計培訓機構誰與爭鋒? &quot; /&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp; &nbsp; &nbsp;&lt;meta http-equiv=&quot;refresh&quot; &nbsp;content=&quot;10;url=http://www.itcast.cn&quot; /&gt;</span>&nbsp;</p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;/html&gt;</span></p></td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">3.&lt;link&gt;</span></strong><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">標記</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">一個頁面往往需要多個外部文件的配合,在&lt;head&gt;中使用&lt;link&gt;標記可引用外部文件,一個頁面允許使用多個&lt;link&gt;標記引用多個外部文件。其基本語法格式如下:</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;"><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; &nbsp;href=&quot;style.css&quot; /&gt;</span></p></td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&lt;link&gt;</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">標記常用屬性,如表1-1所示:</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="color: #111111; font-family: 宋體; text-align: center;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;表1-1&nbsp; link標記常用屬性</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="73" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">屬性名</span></p>&nbsp;</td><td width="94" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">常用屬性值</span></p>&nbsp;</td><td width="302" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">描述</span></p>&nbsp;</td></tr><tr><td width="73" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">href</span></p>&nbsp;</td><td width="94" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">URL</span></p>&nbsp;</td><td width="302" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">指定引用外部文檔的地址</span></p>&nbsp;</td></tr><tr><td width="73" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">rel</span></p>&nbsp;</td><td width="94" style="border-top: none; border-right-color: windowtext; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">stylesheet</span></p>&nbsp;</td><td width="302" style="border-top: none; border-right: none; border-bottom-color: windowtext; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">指定當前文檔與引用外部文檔的關系,該屬性值通常為stylesheet,表示定義一個外部樣式表</span></p>&nbsp;</td></tr><tr><td width="73" style="border-top: none; border-right-color: windowtext; border-bottom: none; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">type</span></p>&nbsp;</td><td width="94" style="border-top: none; border-right-color: windowtext; border-bottom: none; border-left: none; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both; text-align: center;"><span style="font-family: 宋體; color: #111111;">text/css</span></p>&nbsp;</td><td width="302" style="border-width: initial; border-style: none; border-color: initial; line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">引用外部文檔的類型為CSS樣式表</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">4.&lt;style&gt;&lt;/style&gt;</span></strong><strong><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">標記</span></strong></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&lt;style&gt;</span><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">標記用于為HTML文檔定義樣式信息,位于&lt;head&gt;頭部標記中,其基本語法格式如下:</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;style&nbsp;</span><span style="font-family: 宋體; color: #111111;">屬性=”屬性值”&gt;樣式內容&lt;/style&gt;</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">在HTML中使用style標記時,常常定義其屬性為type,相應的屬性值為text/css,表示使用內嵌式的CSS樣式。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">下面通過案例1-5來演示&lt;style&gt;標記的用法,最終效果如圖1-17所示。</span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">例1-5&nbsp; example05.htm</span></p><table cellspacing="0" cellpadding="0"><tbody><tr class="firstRow"><td width="470" valign="top" style="line-height: 22px; padding: 0px 7px; overflow: hidden; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; word-break: break-all;">&nbsp;<p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;!doctype html&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&lt;html&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&lt;head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;meta &nbsp;charset=&quot;utf-8&quot;&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;title&gt;style</span><span style="font-family: 宋體; color: #111111;">標記的使用&lt;/title&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;style &nbsp;type=&quot;text/css&quot;&gt;</span></p><p style="overflow-wrap: break-word; clear: both; text-indent: 49px;"><span style="font-family: 宋體; color: #111111;">&nbsp;h2{color:red;}</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;p{color:blue;}</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;/style&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&lt;/head&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&lt;body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&nbsp;&nbsp; &lt;h2&gt;</span><span style="font-family: 宋體; color: #111111;">設置h2標題為紅色字體&lt;/h2&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp; &nbsp; &nbsp;&lt;p&gt;</span><span style="font-family: 宋體; color: #111111;">設置p段落為藍色字體&lt;/p&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp;&lt;/body&gt;</span></p><p style="overflow-wrap: break-word; clear: both;"><span style="font-family: 宋體; color: #111111;">&nbsp; &lt;/html&gt;</span></p>&nbsp;</td></tr></tbody></table><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 2em; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255);"><span class="ans-img-wrap" id="ext-gen1051" style="padding: 0px; border: none; max-width: 100%; text-indent: 0px;"><img src="https://p.ananas.chaoxing.com/star3/origin/8e116a9c17d6e4bfbe9e28ffda4d2be5.png" width="640" height="247" title="1-17.png" id="ext-gen1052" style="border: none; padding: 0px; max-width: 100%;"/></span></p><p style="white-space: normal; margin-top: 0px; margin-bottom: 0px; padding: 0px; overflow-wrap: break-word; clear: both; text-indent: 28px; color: rgb(24, 30, 51); font-family: PingFangSC, 微軟雅黑, 黑體, Arial, Helvetica, sans-serif; font-size: 18px; background-color: rgb(255, 255, 255); text-align: center;"><span style="font-family: 宋體; color: #111111; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">圖1-17 style標記</span></p><p><br/></p>Wed, 02 Nov 2022 10:39:31 +0800
<tt id="qyime"><tr id="qyime"></tr></tt>
<sup id="qyime"><div id="qyime"></div></sup><rt id="qyime"><small id="qyime"></small></rt>
<sup id="qyime"><center id="qyime"></center></sup><acronym id="qyime"><small id="qyime"></small></acronym><acronym id="qyime"><center id="qyime"></center></acronym>
<acronym id="qyime"><small id="qyime"></small></acronym>