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