Ginagawang madali ng pag-tag ng video na HTML 5 ang video sa iyong mga pahina sa Web . Ngunit habang mukhang madali sa ibabaw, maraming mga bagay na kailangan mong gawin upang makuha ang iyong video at tumatakbo. Dadalhin ka ng tutorial na ito sa pamamagitan ng mga hakbang upang lumikha ng isang pahina sa HTML 5 na magpapatakbo ng video sa lahat ng mga modernong browser.
- Pag-host ng Iyong Sariling HTML 5 Video kumpara sa Paggamit ng YouTube
- Mabilis na Pangkalahatang-ideya ng Suporta ng Video sa Web
- Lumikha at Mag-edit ng Iyong Video
- I-convert ang Video sa Ogg para sa Firefox
- I-convert ang Video sa MP4 para sa Safari
- I-convert ang Video sa FLV para sa Internet Explorer
- Idagdag ang Elemento ng Video sa Iyong Web Page
- Idagdag ang JavaScript at Flash Player upang Kumuha ng Trabaho sa Internet Explorer Part 1
- Subukan sa Tulad ng Maraming Browser Kung Magagawa mo
01 ng 10
Pag-host ng Iyong Sariling HTML 5 Video kumpara sa Paggamit ng YouTube
Ang YouTube ay isang mahusay na site. Ginagawang madaling i-embed ang video sa mga pahina ng Web nang mabilis, at may ilang mga menor de edad na eksepsiyon ay medyo walang pinagtahian sa pagpapatupad ng mga video na iyon. Kung nagpo-post ka ng isang video sa YouTube, maaari kang maging lubos na nagtitiwala na maaaring makita ng sinuman ito.
Ngunit ang Paggamit ng YouTube sa I-embed ang Iyong Mga Video May Mga Kakulangan
Karamihan sa mga problema sa YouTube ay nasa panig ng mamimili, sa halip na sa side designer, mga bagay na tulad ng:
- Mabagal na paghahanap at pag-index
- Mga pagkaantala sa server
- Nililimitahan ang nilalaman (tila)
- Masyadong masamang nilalaman
Ngunit may ilang mga kadahilanan kung bakit ang YouTube ay masama para sa mga developer ng nilalaman pati na rin:
- 10 minutong maximum na haba para sa mga video (para sa mga libreng account)
- Mahina mag-upload ng pagganap
- Kinukuha ng YouTube ang walang limitasyong mga karapatan sa paggamit sa iyong video
- Ang anumang YouTube user ay makakakuha ng walang limitasyong mga karapatan sa paggamit sa iyong video
Nagbibigay ang Video ng HTML 5 ng Mga Kasal na Higit sa YouTube
Ang paggamit ng HTML 5 para sa video ay hahayaan kang makontrol ang bawat aspeto ng iyong video, mula sa kung sino ang maaaring tumingin nito, gaano katagal ito, kung ano ang naglalaman ng nilalaman, kung saan ito ay naka-host at kung paano gumaganap ang server. At ang HTML 5 na video ay nagbibigay sa iyo ng pagkakataong i-encode ang iyong video sa maraming mga format hangga't kailangan mo upang matiyak na ang maximum na bilang ng mga tao ay maaaring tingnan ito. Ang iyong mga customer ay hindi kailangan ng isang plugin o maghintay hanggang sa makapagbigay ang YouTube ng mas bagong bersyon.
Ng Kurso, ang HTML 5 Nag-aalok ng Video Ang ilang mga Drawbacks
Kabilang dito ang:
- Kailangan mong i-encode ang iyong video sa hindi bababa sa tatlong magkakaibang codec
- Kailangan mong isama ang ilang JavaScript upang matiyak na ang mga browser na hindi sumusuporta sa HTML 5 ay gagana
- Dapat na mahawakan ng iyong server ang mga kinakailangan ng bandwidth ng pagho-host ng mga video
02 ng 10
Mabilis na Pangkalahatang-ideya ng Suporta ng Video sa Web
Mahabang naging proseso ang pagdaragdag ng video sa mga pahina sa Web. Maraming mga bagay na maaaring magkamali:
- Una, ginagamit mo ang
- Kaya lumipat ka sa tag na
- Pagkatapos ay sa tingin mo " Flash !" At i-encode ang iyong video bilang isang FLV file. Ngunit ang Flash ay hindi suportado sa maraming mga mobile device at maraming mga tao na ayaw ng Flash kahit gaano ito ginagamit (25% ng mga respondent sa aking poll na nagtatanong tungkol sa kung ano ang nararamdaman mo tungkol sa Flash na nakasaad na hindi sila maaaring tumayo Flash sa anumang paraan).
- Kaya't nagpasya kang i-upload ang iyong video sa isang site ng pag-embed ng video tulad ng YouTube, ngunit mayroon ka pang mga isyu sa YouTube na aming tinalakay.
- Panghuli, magpasya kang pumunta sa HTML 5, ngunit hindi sinusuportahan ng Internet Explorer ito (hindi hanggang sa Internet Explorer 9). At kahit na gagawin mo, may dalawang mga pamantayan ng video codec na sinusuportahan at isang browser lang ang maaaring magamit. Suporta sa Browser para sa Mga Video Codec at Container
Kaya ano ang dapat mong gawin? Ang pagtaas sa video ay hindi na isang opsyon para sa karamihan sa mga site, habang ang video ay nagiging mas at mas mahalaga. At maraming mga site ay matagumpay na lumipat sa video.
Ang mga sumusunod na pahina ng artikulong ito ay tutulong sa iyo kung paano magdagdag ng video sa iyong mga pahina sa Web na gumagana sa Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 at 4, iPhone at Android, Flash, at Internet Explorer 7 at 8. Magagawa mo mayroon din ang mga key na kailangan mong magdagdag ng suporta para sa iba pang mga mas lumang mga browser kung kinakailangan.
03 ng 10
Lumikha at Mag-edit ng Iyong Video
Ang unang bagay na kailangan mo kapag naglalagay ka ng isang video sa isang Web page ay ang aktwal na video. Maaari mong patuloy na pagbaril at i-edit pagkatapos upang lumikha ng isang tampok, o maaari mong i-script ito at planuhin ito nang maaga. Ang alinman sa paraan ay gumagana ng maayos, ito ay lamang ng anumang ikaw ay komportable sa. Kung hindi mo alam kung anong uri ng video ang dapat mong gawin, tingnan ang mga ideya na ito mula sa Gabay sa Desktop Video:
- Mga Proyekto sa Pamilya ng Video
- Marketing at Mga Video Promo
- Video Virtual Tours
- Paano sa Mga Video
- Mga Video sa Kasal
Alamin kung Paano Mag-Record ng Mataas na Marka ng Video
Tiyaking alam mo kung paano i-record ang mga nasa loob at labas pati na rin kung paano mag-record ng audio. Mahalaga rin ang pag-iilaw - ang mga pag-shot na masyadong maliwanag na saktan ang mga mata, at masyadong madilim ay mukhang maputik at hindi propesyonal. Kahit na plano mo lamang magkaroon ng isang 30 segundong video sa iyong site, ang mas mataas na kalidad na ito ay mas mahusay na ito ay sumasalamin sa iyong website.
Tandaan din na naaangkop ang copyright sa anumang mga tunog o musika (pati na rin ang footage ng stock) na maaari mong gamitin sa iyong video. Kung wala kang access sa isang kaibigan na maaaring sumulat at maglaro ng isang kanta para sa iyo, kakailanganin mong makahanap ng walang royalty na musika upang i-play sa background. Mayroon ding mga lugar na maaari mong stock footage upang idagdag sa iyong mga video.
Pag-edit ng Iyong Video
Hindi mahalaga kung anong software sa pag-edit ang iyong ginagamit, hangga't pamilyar ka sa mga ito at maaaring gamitin ito nang epektibo. Si Gretchen, ang Gabay sa Desktop Video, ay may ilang mga propesyonal na tip sa pag-edit ng video na maaaring makatulong sa iyo na i-edit ang iyong mga video upang tumingin sila ng mahusay.
I-save ang Iyong Video sa isang MOV o AVI (o MPG, CD, DV)
Para sa natitirang bahagi ng tutorial na ito, ipapalagay namin na naka-save ang iyong video sa ilang uri ng mataas na kalidad (hindi naka-compress) na format tulad ng AVI o MOV. Habang maaari mong gamitin ang mga file na ito bilang mga ito, tumakbo ka sa lahat ng mga problema sa video na tinalakay na namin. Ipapaliwanag ng mga sumusunod na pahina kung paano i-convert ang iyong file sa tatlong uri upang maipakita ito sa pinakamalaking bilang ng mga browser.
04 ng 10
I-convert ang Video sa Ogg para sa Firefox
Ang unang format na aming i-convert ay Ogg (minsan ay tinatawag na Ogg-Theora). Ang format na ito ay isa na maaaring tingnan ng Firefox 3.5, Opera 10.5, at Chrome 3.
Sa kasamaang palad, samantalang ang Ogg ay may suporta sa browser, marami sa mga kilalang programa ng video na maaari mong bilhin (Adobe Media Encoder, QuickTime, atbp.) Ay hindi nag-aalok ng pagpipilian sa conversion ng Ogg. Kaya ang tanging paraan upang i-convert ang iyong video sa Ogg ay upang makahanap ng isang programa ng conversion sa Web.
Mga Pagpipilian sa Conversion
May isang tool sa online na tinatawag na Media-Convert na inaangkin na i-convert ang iba't ibang mga format ng video (at audio) sa iba pang mga video (at audio) na mga format. Kapag sinubukan namin ito sa aking 3-segundong video ng pagsubok, hindi namin ito maaaring magamit sa aking Mac. Ngunit maaari kang magkaroon ng mas magandang kapalaran. Ang site na ito ay may pakinabang ng pagiging libre.
Ang ilang iba pang mga tool na nakita namin ay kinabibilangan ng:
- Miro Video Converter (Windows Macintosh) - Ang program na ito ay may pakinabang ng pag-convert sa parehong Ogg at MP4 (H.264) at ito ay bukas na mapagkukunan.
- Koyote Video Converter (Windows)
- Free Video Converter Tingin namin ito ay parehong isang Windows at isang Macintosh bersyon, ngunit ito ay mahirap na sabihin mula sa kanilang site
- Simple Theora Encoder (Macintosh) - ito ay ang isa naming malamang na gamitin.
Sa sandaling nai-save ang iyong video sa format ng Ogg, i-save ito sa isang lokasyon sa iyong website at pumunta sa susunod na pahina upang i-convert ito sa iba pang mga format para sa iba pang mga browser.
05 ng 10
I-convert ang Video sa MP4 para sa Safari
Ang susunod na format na dapat mong i-convert ang iyong video sa MP4 (H.264 video) upang maaari itong ma-play sa Safari 3 at 4 at ang iPhone at Android. Dagdag pa, ang mga video na H.264 ay maaaring madaling ma-convert sa FLV file para sa panonood sa Flash.
Ang format na ito ay mas madaling magagamit sa mga komersyal na produkto, at malamang mayroon kang isang programa na magko-convert sa MP4 kung mayroon kang isang editor ng video. Kung mayroon kang Adobe Premiere maaari mong gamitin ang Adobe Video Encoder, o kung mayroon kang QuickTime Pro na gagana rin. Marami sa mga converter na aming tinalakay sa naunang pahina ay i-convert din ang mga video sa MP4.
- Media-Convert - isang online na tool
- Miro Video Converter (Windows Macintosh) - Ang program na ito ay may pakinabang ng pag-convert sa parehong Ogg at MP4 (H.264) at ito ay bukas na mapagkukunan.
- SUPER (Windows) - i-convert ang maraming iba't ibang mga uri ng file sa MP4 at FLV
- Free Video Converter Tingin namin ito ay parehong isang Windows at isang Macintosh bersyon, ngunit ito ay mahirap na sabihin mula sa kanilang site
I-save ang iyong MP4 file sa iyong website at pagkatapos ay kakailanganin mong i-convert ito sa Flash para sa paggamit ng Internet Explorer.
06 ng 10
I-convert ang Video sa FLV para sa Internet Explorer
Ang pinakamadaling paraan upang i-convert ang mga video sa FLV ay ang paggamit mismo ng Flash. Iyon ay kung paano namin i-convert ang aking mga video sa Flash. Ngunit kung wala kang Flash, narito ang dalawang tanyag na tool para sa pag-convert ng mga file sa FLV:
- SUPER (Windows) - i-convert ang maraming iba't ibang mga uri ng file sa MP4 at FLV
- ffmpegX (Macintosh) - Magko-convert ng maraming iba't ibang mga uri ng file sa Mp4 at FLV.
I-save ang iyong FLV file sa iyong website at ipapakita sa iyo ng susunod na pahina kung paano isulat ang HTML upang maaari mong i-play ang iyong mga video.
07 ng 10
Idagdag ang Elemento ng Video sa Iyong Web Page
Napakadaling gamitin ang HTML 5 upang magdagdag ng video sa mga pahina sa Web. Sinusuportahan ng karamihan ng mga modernong browser ang HTML 5 na video, bagaman hindi nila sinusuportahan ang lahat ng ito sa parehong paraan. Ngunit kung ano ang ibig sabihin nito ay kung i-save mo ang iyong video bilang parehong mga format ng Ogg at MP4, makakapagsulat ka lamang ng apat o limang linya ng HTML upang maipakita ito sa karamihan sa mga modernong browser (maliban sa Internet Explorer 8). Ganito:
- Isulat ang marker ng HTML 5 na dokumento upang malaman ng mga browser na asahan ang HTML 5:
- Likhain ang iyong Web page gaya ng karaniwang ginagawa mo ito:
</ title> <br> </ head> <br> <body> <br><br> </ body> <br> </ html> </blockquote></li><li> Sa loob ng katawan, ilagay ang <video> na tag: <blockquote> <video> </ video> </blockquote></li><li> Magpasya kung anong mga katangian ang nais mong magkaroon ng iyong video: <ul><li> autoplay - upang simulan sa lalong madaling nai-download </li><li> mga kontrol - payagan ang iyong mga mambabasa na kontrolin ang video (i-pause, rewind, mabilis-forward) </li><li> loop - simulan ang video mula sa simula kapag natapos ito </li><li> preload - i-download ang video nang sa gayon ay handa nang mas mabilis kapag nag-click ang customer dito </li><li> poster - tukuyin ang imahe na nais mong gamitin kapag ang video ay tumigil </li></ul> Inirerekumenda namin ang paggamit ng mga kontrol at preload. Gamitin ang pagpipiliang poster kung ang iyong video ay walang magandang unang eksena. <blockquote> <video kontrol preload> </ video> </blockquote></li><li> Pagkatapos ay idagdag ang mga source file para sa dalawang bersyon ng iyong video (MP4 at OGG) sa loob ng elemento ng <video>: <blockquote> <video kontrol preload> <br> <source src = "shasta.mp4" type = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" '> <br> </ video> </blockquote></li><li> Buksan ang pahina sa Chrome 1, Firefox 3.5, Opera 10, at / o Safari 4 at tiyaking tama ang ipinapakita nito. Dapat mong subukan ito sa hindi bababa sa Firefox 3.5 at Safari 4 - habang ang bawat isa ay gumagamit ng ibang codec. </li></ol><p> Ayan yun. Sa sandaling mayroon ka ng code na ito sa lugar magkakaroon ka ng video na gumagana sa Firefox 3.5, Safari 4, Opera 10, at Chrome 1. Ngunit ano ang tungkol sa Internet Explorer? </p> <h3> Hindi Nagustuhan ng Internet Explorer ang HTML 5 o ang <video> Tag </h3><p> Sa susunod na seksyon, Kami ay makipag-usap tungkol sa kung ano ang maaari mong gawin upang makakuha ng IE 8 upang i-play ng mabuti sa iyong HTML 5 tag ng video at magpakita ng isang video. Kailangan mong magamit ang Flash. Ang magandang balita ay ang IE 9 ay inaasahan na suportahan ang HTML 5 at tag ng video. </p> <p> <strong>08 ng 10</strong> </p> <h3> Idagdag ang JavaScript at Flash Player upang Kumuha ng Internet Explorer na Magtrabaho </h3><p> Maaaring napansin mo na sa HTML ng nakaraang pahina, walang source line para sa FLV file. At kung sinubukan mo ang pahinang iyon sa Internet Explorer hindi ito gagana. Iyon ay dahil hindi nakikilala ng Internet Explorer ang HTML 5 at hindi ito maaaring maglaro ng alinman sa OGG o MP4 na video natively. Upang makakuha ng Internet Explorer 7 at 8 upang gumana, kailangan mo itong i-play ang video bilang Flash. Ngunit mayroong higit pang mga hakbang sa pagkuha ito sa trabaho kaysa sa pagdaragdag lamang ng FLV file. </p> <h3> Hakbang 1: Kumuha ng Flash Video Player para sa Iyong Website </h3> <p> Inirerekumenda namin ang pagkuha ng FlowPlayer dahil ito ay isang open source Flash video player na maaari mong i-install sa iyong Web server at gamitin kapag mayroon kang Flash video upang i-play. Ang libreng bersyon ng FlowPlayer ay nagpapasok ng advertising sa iyong mga video, ngunit maaari ka ring bumili ng mga lisensya sa komersyal kung kailangan mo ang mga ito. </p> <p> Sundin ang mga tagubilin sa FlowPlayer site upang mai-install ang FlowPlayer sa iyong website. Sa madaling sabi, mag-i-install ka ng 2 SWF file at isang JavaScript file sa iyong site. Sa ilalim ng iyong HTML, (bago ang tag na </ body>) ay magdaragdag ka ng isang linya: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Ngunit hindi pa rin i-play ng Internet Explorer ang video, kailangan mong turuan ito kung paano makilala ang mga tag na HTML 5. </p> <h3> Hakbang 2: Kumbinsihin ang Internet Explorer na Magbasa ng HTML 5 Mga Tag </h3><p> Mayroong isang madaling gamitin na script sa Google Code na tinatawag na "HTML Shiv" na makakatulong sa IE makilala ang mga elemento ng HTML 5. Kaya sa <head> ng iyong HTML dokumento na nais mong i-reference ito. Pinakamainam na ilakip ito sa IE conditional comments upang ang iba pang mga browser ay hindi nalilito: </p> <blockquote> <! - [kung IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [endif] -> </blockquote><p> Okay, ngayon ay makikilala ng IE ang tag ng <video>, ngunit hindi mo alam kung ano ang gagawin sa mga pinagmulang mga file na kasama mo sa ngayon. </p> <h3> Hakbang 3: Magdagdag ng Line ng Pinagmulan para sa FLV File </h3><p> Katulad ng ginawa mo sa nakaraang pahina, magdaragdag ka ng isang linya sa iyong HTML 5 sa loob ng <video> elemento na nagpapahiwatig kung saan mo na naka-imbak ang FLV file sa iyong server. </p> <blockquote> <video kontrol preload> <br> <source src = "shasta.mp4" type = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" '> <br> <strong><source src = "shasta.flv" type = 'video / x-flv;</strong> <strong>codecs = "On2 VP6, Sorenson Spark, Screen video, Screen video 2, H.264" '></strong> <br> </ video> </blockquote><p> <strong>09 ng 10</strong> </p> <h3> Idagdag ang JavaScript at Flash Player upang Kumuha ng Internet Explorer na Magtrabaho - Bahagi 2 </h3><p> Sa kasamaang palad, hindi pa rin namin nagawa. Kailangan namin ngayon sabihin sa IE upang gamitin ang FlowPlayer Flash video player na nais naming sumangguni sa itaas. </p> <h3> Hakbang 4: I-on ang <video> Element Into Flash </h3><p> Para sa mga ito, kailangan namin ng isa pang script. Nakuha namin ang script mula sa <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5</a> . Ngunit kapag sinubukan namin ito, hindi ito gumana hanggang gumawa kami ng ilang mga pagsasaayos: </p> <ul><li> Paikot sa linya 31: idagdag ang lokasyon ng iyong pag-install ng FlowPlayer. </li><li> Sa paligid ng linya 42: baguhin ang uri ng file mula sa <blockquote> video / mp4 </blockquote> sa <blockquote> video / x-flv </blockquote></li><li> Sa paligid ng linya 94: nagsisimula sa <blockquote> kung ($ $ && !! $ (dokumento) .ready) { </blockquote> sa dulo ng dokumento, baguhin ang bahaging iyon upang mabasa: <blockquote> // kung ($ $ && $ $ (dokumento) .ready) { <br> / * jQuery mga gumagamit ay maaaring magpasimula sa lalong madaling DOM ay handa na * / <br> // $ (document) .ready (html5_video_init); <br> //} else { <br> / * Ang bawat tao'y maaaring maghintay hanggang sa onload * / <br> / * addEvent function sa pamamagitan ng http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = function (obj, type, fn) { <br> kung (obj.addEventListener) <br> obj.addEventListener (type, fn, false); <br> ibang tao kung (obj.attachEvent) <br> obj.attachEvent ('on' + type, function () {return fn.apply (obj, new Array (window.event));}); <br> } <br> addEvent (window, "load", html5_video_init); <br> //} </blockquote></li></ul><p> Sa sandaling na-edit mo ang file na JavaScript, i-upload ito sa iyong server, at mag-link dito sa ilalim ng iyong pahina ng HTML (bago ang </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Whew! Ngayon na nagawa mo na ang lahat ng iyon, dapat mong i-upload ang iyong HTML upang maaari mong simulan ang pagsubok. </p> <p> <strong>10 ng 10</strong> </p> <h3> Subukan sa Tulad ng Maraming Browser Kung Magagawa mo </h3><p> Ang mga pahina ng pagsusulit ay kritikal kung nais mong magkaroon ng isang matagumpay na paglulunsad. Dapat mong siguraduhin na subukan ang iyong pahina sa mga pinaka-popular na mga browser at mga bersyon para sa iyong website. </p> <p> Nalaman namin na habang posible na gumamit ng mga tool tulad ng BrowserLab at AnyBrowser upang subukin ang video, hindi ito maaasahan habang nagdadala mismo ng pahina sa isang browser. Kapag ginawa mo na maaari mo talagang makita kung ito ay nagtatrabaho o hindi. </p> <p> Dahil nagpunta ka sa lahat ng mga problema upang i-encode ang iyong video sa tatlong format, dapat mong subukan ito upang matiyak na ito ay nagpapakita sa lahat ng tatlong. Nangangahulugan ito, sa pinakamaliit, dapat mong subukan ito sa: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 o 4 </li><li> Internet Explorer 7 o 8 </li></ul><p> Maaari mong subukan sa Chrome, ngunit dahil makikita ng Chrome ang lahat ng tatlong pamamaraan (kahit Flash, kung mayroon kang plugin), mahirap sabihin kung may problema sa isa sa iba pang dalawa o kung aling codec ang ginagamit ng Chrome. </p> <p> Para sa iyong kapayapaan ng isip, dapat mo ring subukan sa mas lumang mga browser upang makita kung ano ang ginagawa nila, lalo na kung maraming mga mambabasa ang gumagamit ng mas lumang mga browser. </p> <h3> Pagkuha ng Paggawa ng Video sa Mga Lumang Mga Browser </h3><p> Tulad ng anumang Web page, dapat mong isaalang-alang muna kung gaano kahalaga ang pagkuha ng mga browser na nagtatrabaho. Kung 90% ng iyong mga customer ay gumagamit ng Netscape, dapat mayroon kang plano sa fallback para sa kanila. Ngunit kung mas mababa sa 1% ang gagawin, maaaring hindi ito mahalaga. </p> <p> Sa sandaling napagpasyahan mo kung anong mga browser ang susubukan mong suportahan, ang pinakamadaling paraan ay lumikha lamang ng isang alternatibong pahina para sa kanila upang tingnan ang video. Sa na kahaliling pahina, nais mong i-embed ang isang video gamit ang HTML 4. At pagkatapos alinman gumamit ng ilang uri ng pagtukoy ng browser upang i-redirect ang mga ito doon o magdagdag lamang ng isang link sa pahinang iyon sa isang ito. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://tl.eyewated.com/mayroon-bang-isang-tag-ng-space-sa-html/"> <amp-img src="https://exse.eyewated.com/pict/2d691e7fe79532bf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/mayroon-bang-isang-tag-ng-space-sa-html/">Mayroon bang isang Tag ng Space sa HTML?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/alamin-ang-tungkol-sa-dynamic-na-html-dhtml/"> <amp-img src="https://exse.eyewated.com/pict/2e6355ad942f34bb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/alamin-ang-tungkol-sa-dynamic-na-html-dhtml/">Alamin ang Tungkol sa Dynamic na HTML (DHTML)</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/mga-tip-para-sa-paggamit-ng-mga-tag-ng-mga-komento-sa-html/"> <amp-img src="https://exse.eyewated.com/pict/4bcc8f96607434bc-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/mga-tip-para-sa-paggamit-ng-mga-tag-ng-mga-komento-sa-html/">Mga Tip para sa Paggamit ng Mga Tag ng Mga Komento sa HTML</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/matuto-tungkol-sa-paggamit-ng-isang-validator-ng-html-upang-makahanap-ng-mga-mali/"> <amp-img src="https://exse.eyewated.com/pict/b1275ec04383338c-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/matuto-tungkol-sa-paggamit-ng-isang-validator-ng-html-upang-makahanap-ng-mga-mali/">Matuto Tungkol sa Paggamit ng isang Validator ng HTML upang Makahanap ng Mga Mali</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/mga-bagong-katangian-ng-html5-ng-iframe-element/"> <amp-img src="https://exse.eyewated.com/pict/aec03ac5bab7342b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/mga-bagong-katangian-ng-html5-ng-iframe-element/">Mga Bagong Katangian ng HTML5 ng IFRAME Element</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/paano-gamitin-ang-ems-upang-baguhin-ang-laki-ng-laki-ng-webpage-html/"> <amp-img src="https://exse.eyewated.com/pict/95875758e662301f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/paano-gamitin-ang-ems-upang-baguhin-ang-laki-ng-laki-ng-webpage-html/">Paano Gamitin ang 'EMS' upang Baguhin ang Laki ng Laki ng Webpage (HTML)</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/ang-isang-tag-ng-laki-ng-html-ay-umiiral/"> <amp-img src="https://exse.eyewated.com/pict/1df222961db733e0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/ang-isang-tag-ng-laki-ng-html-ay-umiiral/">Ang isang Tag ng Laki ng HTML ay umiiral?</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/reference-ng-html-5-html-5-mga-tag-ayon-sa-alpabeto/"> <amp-img src="https://exse.eyewated.com/pict/1768218028e42fb8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/reference-ng-html-5-html-5-mga-tag-ayon-sa-alpabeto/">Reference ng HTML 5 - HTML 5 Mga Tag ayon sa alpabeto</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/pag-unawa-sa-index-html-page-sa-isang-website/"> <amp-img src="https://exse.eyewated.com/pict/7416364f19e333c0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/pag-unawa-sa-index-html-page-sa-isang-website/">Pag-unawa sa Index.html Page sa isang Website</a></h3> <div class="amp-related-meta"> Web Design & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://tl.eyewated.com/microsoft-xbox-360-console-pics/"> <amp-img src="https://exse.eyewated.com/pict/7a2fbec7fb6f3157-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/microsoft-xbox-360-console-pics/">Microsoft Xbox 360 Console Pics</a></h3> <div class="amp-related-meta"> Paglalaro </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/grand-theft-auto-san-andreas-2/"> <amp-img src="https://exse.eyewated.com/pict/02b51f3e1f4d3015-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/grand-theft-auto-san-andreas-2/">Grand Theft Auto San Andreas</a></h3> <div class="amp-related-meta"> Paglalaro </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/mga-uri-ng-partisyon-ng-apple-at-paano-at-kailan-mo-maaaring-gamitin-ang-mga-ito/"> <amp-img src="https://exse.eyewated.com/pict/6d87bfc380c93835-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/mga-uri-ng-partisyon-ng-apple-at-paano-at-kailan-mo-maaaring-gamitin-ang-mga-ito/">Mga Uri ng Partisyon ng Apple at Paano at Kailan Mo Maaaring Gamitin ang mga ito</a></h3> <div class="amp-related-meta"> Mga Mac </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/8-mahahalagang-mga-tip-sa-seguridad-para-sa-mga-gumagamit-ng-android/"> <amp-img src="https://exse.eyewated.com/pict/02b855c7b3584391-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/8-mahahalagang-mga-tip-sa-seguridad-para-sa-mga-gumagamit-ng-android/">8 Mahahalagang Mga Tip sa Seguridad Para sa Mga Gumagamit ng Android</a></h3> <div class="amp-related-meta"> Android </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/listahan-ng-mga-naka-extend-na-mga-extension-ng-file/"> <amp-img src="https://exse.eyewated.com/pict/91eb337ebcc33da2-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/listahan-ng-mga-naka-extend-na-mga-extension-ng-file/">Listahan ng mga Naka-extend na Mga Extension ng File</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/pinapatunayan-ang-md5-checksum-ng-isang-file/"> <amp-img src="https://exse.eyewated.com/pict/5e403ae5a3022eef-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/pinapatunayan-ang-md5-checksum-ng-isang-file/">Pinapatunayan ang MD5 Checksum ng isang File</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://tl.eyewated.com/pagtanggal-ng-address-mula-sa-kumpletong-kumpletuhin-na-listahan-ng-mac-mail/"> <amp-img src="https://exse.eyewated.com/pict/0b436437c78c2f41-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/pagtanggal-ng-address-mula-sa-kumpletong-kumpletuhin-na-listahan-ng-mac-mail/">Pagtanggal ng Address Mula sa Kumpletong Kumpletuhin na Listahan ng Mac Mail</a></h3> <div class="amp-related-meta"> Mga Mac </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/ang-sacramento-public-library-ay-nag-aalok-ng-3d-printing-lab/"> <amp-img src="https://exse.eyewated.com/pict/5c33ae74a1bf39c1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/ang-sacramento-public-library-ay-nag-aalok-ng-3d-printing-lab/">Ang Sacramento Public Library ay nag-aalok ng 3D Printing Lab</a></h3> <div class="amp-related-meta"> Bago at Susunod </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/ang-pagkakaiba-sa-pagitan-ng-720p-at-1080i/"> <amp-img src="https://exse.eyewated.com/pict/a3fb12d041b93b39-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/ang-pagkakaiba-sa-pagitan-ng-720p-at-1080i/">Ang Pagkakaiba sa Pagitan ng 720p at 1080i</a></h3> <div class="amp-related-meta"> Home theater </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/ano-ang-eksaktong-ibig-sabihin-ng-ywa/"> <amp-img src="https://exse.eyewated.com/pict/cac2591e156f2ee1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/ano-ang-eksaktong-ibig-sabihin-ng-ywa/">Ano ang Eksaktong Ibig Sabihin ng YWA?</a></h3> <div class="amp-related-meta"> Email & Pagmemensahe </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/inkjet-printers-high-at-low-volume-workhorses-exceptional-photos/"> <amp-img src="https://exse.eyewated.com/pict/633a7d92653e32cb-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/inkjet-printers-high-at-low-volume-workhorses-exceptional-photos/">Inkjet Printers - High- at Low-Volume Workhorses, Exceptional Photos</a></h3> <div class="amp-related-meta"> Pagbili ng Mga Gabay </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/powerpoint-para-sa-mga-nagsisimula-paano-gamitin-ang-powerpoint/"> <amp-img src="https://exse.eyewated.com/pict/2867f198dc5c2fe3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/powerpoint-para-sa-mga-nagsisimula-paano-gamitin-ang-powerpoint/">PowerPoint para sa mga Nagsisimula - Paano Gamitin ang PowerPoint</a></h3> <div class="amp-related-meta"> Software </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/ang-12-funniest-cat-memes-sa-planet/"> <amp-img src="https://exse.eyewated.com/pict/2490f4c3c0eb2e28-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/ang-12-funniest-cat-memes-sa-planet/">Ang 12 Funniest Cat Memes sa Planet</a></h3> <div class="amp-related-meta"> Social Media </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/garmin-new-products-2015/"> <amp-img src="https://exse.eyewated.com/pict/ffb3c29c8ddc3961-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/garmin-new-products-2015/">Garmin New Products 2015</a></h3> <div class="amp-related-meta"> Pagbili ng Mga Gabay </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/i-backup-at-ibalik-ang-data-sa-windows-vista/"> <amp-img src="https://exse.eyewated.com/pict/c4af0455100c323b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/i-backup-at-ibalik-ang-data-sa-windows-vista/">I-backup at Ibalik ang Data sa Windows Vista</a></h3> <div class="amp-related-meta"> Web at Paghahanap </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/paano-magtanggal-ng-serbisyo-sa-windows-7-vista-o-xp/"> <amp-img src="https://exse.eyewated.com/pict/8b3499bf582234a1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/paano-magtanggal-ng-serbisyo-sa-windows-7-vista-o-xp/">Paano Magtanggal ng Serbisyo sa Windows 7, Vista, o XP</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/free-video-messaging-gamit-ang-glide-mobile-app/"> <amp-img src="https://exse.eyewated.com/pict/562a48ae426f3f4f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/free-video-messaging-gamit-ang-glide-mobile-app/">Free Video Messaging Gamit ang Glide Mobile App</a></h3> <div class="amp-related-meta"> Software & Apps </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/alamin-ang-tungkol-sa-imovie-11-at-mga-tool-sa-pag-edit-nito/"> <amp-img src="https://exse.eyewated.com/pict/0f415f456a993453-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/alamin-ang-tungkol-sa-imovie-11-at-mga-tool-sa-pag-edit-nito/">Alamin ang Tungkol sa iMovie 11 at Mga Tool sa Pag-edit nito</a></h3> <div class="amp-related-meta"> Software & Apps </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/ano-ang-lmgtfy-at-bakit-dapat-mong-gamitin-ito/"> <amp-img src="https://exse.eyewated.com/pict/610d4a565a55344a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/ano-ang-lmgtfy-at-bakit-dapat-mong-gamitin-ito/">Ano ang LMGTFY at Bakit Dapat Mong Gamitin Ito?</a></h3> <div class="amp-related-meta"> Web at Paghahanap </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/ano-ang-file-ng-gerber-gbr/"> <amp-img src="https://exse.eyewated.com/pict/efa17c650ee53164-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/ano-ang-file-ng-gerber-gbr/">Ano ang File ng Gerber (GBR)?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/paano-magbubukas-ng-email-sa-sariling-window-nito-sa-gmail/"> <amp-img src="https://exse.eyewated.com/pict/ce65fe95e5ae2fd5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/paano-magbubukas-ng-email-sa-sariling-window-nito-sa-gmail/">Paano Magbubukas ng Email sa Sariling Window nito sa Gmail</a></h3> <div class="amp-related-meta"> Email & Pagmemensahe </div> </div> </div> <div class="amp-related-content"> <a href="https://tl.eyewated.com/dell-inspiron-531-budget-desktop-pc/"> <amp-img src="https://exse.eyewated.com/pict/e4d02f66c99b345b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://tl.eyewated.com/dell-inspiron-531-budget-desktop-pc/">Dell Inspiron 531 Budget Desktop PC</a></h3> <div class="amp-related-meta"> Pagbili ng Mga Gabay </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 tl.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.246 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-04 00:26:16 --> <!-- 0.003 -->