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