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