Teg HTML 5 video menjadikannya mudah untuk menambah video ke halaman Web anda. Tetapi sementara kelihatannya mudah di permukaan, terdapat banyak perkara yang perlu anda lakukan untuk mendapatkan video anda dan berjalan. Tutorial ini akan membawa anda melalui langkah-langkah untuk membuat halaman dalam HTML 5 yang akan menjalankan video dalam semua penyemak imbas moden.
- Hosting HTML Anda Sendiri 5 Video vs Menggunakan YouTube
- Tinjauan Ringkas Sokongan Video di Web
- Buat dan Edit Video Anda
- Tukar Video ke Ogg untuk Firefox
- Tukar Video ke MP4 untuk Safari
- Tukar Video ke FLV untuk Internet Explorer
- Tambah Unsur Video ke Laman Web Anda
- Tambah JavaScript dan Flash Player untuk Dapatkan Internet Explorer untuk Bekerja Bahagian 1
- Uji dalam Sebagai Banyak Pelayan Seperti Anda Boleh
01 dari 10
Hosting HTML Anda Sendiri 5 Video vs Menggunakan YouTube
YouTube adalah laman web yang hebat. Ia menjadikannya mudah untuk membenamkan video ke laman web dengan cepat, dan dengan beberapa pengecualian yang kecil adalah agak lancar dalam pelaksanaan video tersebut. Jika anda menyiarkan video di YouTube, anda boleh yakin bahawa sesiapa sahaja akan dapat menontonnya.
Tetapi Menggunakan YouTube untuk Benamkan Video Anda Memiliki Beberapa Kelemahan
Kebanyakan masalah dengan YouTube adalah di sisi pengguna, bukannya di sisi pereka, seperti:
- Mencari perlahan dan pengindeksan
- Pemadaman pelayan
- Kandungan dikeluarkan (seolah-olah) sewenang-wenangnya
- Kandungan yang terlalu buruk
Tetapi ada beberapa sebab mengapa YouTube tidak baik untuk pemaju kandungan juga, termasuk:
- Panjang maksimum 10 minit untuk video (untuk akaun percuma)
- Prestasi muat naik yang lemah
- YouTube mendapat hak penggunaan tanpa had untuk video anda
- Mana-mana pengguna YouTube mendapat hak penggunaan tanpa had untuk video anda
HTML 5 Video Memberi Beberapa Kelebihan Lebih Dari YouTube
Menggunakan HTML 5 untuk video akan membolehkan anda mengawal setiap aspek video anda, dari siapa yang boleh melihatnya, berapa lama ia, kandungan kandungannya, di mana ia dihoskan dan bagaimana pelayan berfungsi. Dan video HTML 5 memberikan anda kesempatan untuk menyandikan video anda dalam seberapa banyak format yang anda perlukan untuk memastikan bilangan maksimum orang dapat melihatnya. Pelanggan anda tidak memerlukan plugin atau menunggu sehingga YouTube mengeluarkan versi yang lebih baru.
Dari Kursus, Tawaran Video HTML 5 Beberapa Kekurangan
Ini termasuk:
- Anda perlu mengekod video anda dalam sekurang-kurangnya tiga codec yang berbeza
- Anda perlu memasukkan beberapa JavaScript untuk memastikan penyemak imbas yang tidak menyokong HTML 5 akan berfungsi
- Pelayan anda harus dapat mengendalikan keperluan bandwidth hosting video
02 dari 10
Tinjauan Ringkas Sokongan Video di Web
Menambah video ke laman web telah lama menjadi proses yang sukar. Ada banyak perkara yang boleh salah:
- Pertama, anda menggunakan tag
- Jadi anda beralih ke tag
- Kemudian anda berfikir " Flash !" Dan encode video anda sebagai fail FLV. Tetapi Flash tidak disokong pada banyak peranti mudah alih dan banyak orang yang tidak suka Flash tidak peduli bagaimana ia digunakan (25% responden dalam tinjauan saya bertanya tentang bagaimana perasaan anda tentang Flash menyatakan bahawa mereka tidak boleh berdiri Flash dengan apa-apa cara).
- Oleh itu, anda membuat keputusan untuk memuat naik video anda ke laman penyematan video seperti YouTube, tetapi anda mempunyai masalah dengan YouTube yang dibincangkan.
- Akhir sekali, anda membuat keputusan untuk pergi dengan HTML 5, tetapi Internet Explorer tidak menyokongnya (tidak sehingga Internet Explorer 9). Dan walaupun anda lakukan, terdapat dua standard codec video yang disokong dan hanya satu pelayar yang boleh menggunakan kedua-duanya. Sokongan Penyemak Imbas untuk Video Codecs and Containers
Jadi apa yang anda perlu buat? Pemberian video tidak lagi menjadi pilihan untuk kebanyakan laman web, kerana video semakin menjadi penting. Dan banyak laman web telah berjaya beralih ke video.
Halaman-halaman berikut artikel ini akan melangkah anda melalui cara menambah video ke laman web anda yang berfungsi di Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 dan 4, iPhone dan Android, Flash, dan Internet Explorer 7 dan 8. Anda akan juga mempunyai kunci yang anda perlukan untuk menambah sokongan untuk pelayar lama yang lain jika perlu.
03 dari 10
Buat dan Edit Video Anda
Perkara pertama yang anda perlukan apabila anda akan meletakkan video pada halaman Web adalah video sebenar. Anda boleh menembak secara berterusan dan mengedit selepasnya untuk membuat ciri, atau anda boleh membuat skrip dan merancangnya terlebih dahulu. Sama ada cara berfungsi dengan baik, ia hanya apa sahaja yang anda selesaikan. Jika anda tidak tahu jenis video yang perlu anda buat, periksa idea ini dari Panduan Video Desktop:
- Projek Video Keluarga
- Pemasaran dan Video Promosi
- Lawatan Maya Video
- Cara Video
- Video Pernikahan
Ketahui Bagaimana Merekam Video Berkualiti Tinggi
Pastikan anda tahu bagaimana untuk merakam di dalam rumah dan di luar serta bagaimana untuk merakam audio. Pencahayaan juga sangat penting - tembakan yang terlalu terang menyakiti mata, dan terlalu gelap hanya kelihatan berlumpur dan tidak profesional. Walaupun anda hanya bercadang untuk mempunyai video 30 saat di laman web anda, kualiti yang lebih tinggi adalah lebih baik ia akan mencerminkan pada laman web anda.
Ingat juga bahawa hak cipta terpakai kepada sebarang bunyi atau muzik (serta rakaman stok) yang mungkin anda ingin gunakan dalam video anda. Jika anda tidak mempunyai akses kepada rakan yang boleh menulis dan memainkan lagu untuk anda, anda perlu mencari muzik tanpa royalti untuk dimainkan di latar belakang. Terdapat juga tempat-tempat yang anda boleh menyimpan rakaman untuk menambah pada video anda.
Mengedit Video Anda
Tidak kira apa perisian pengeditan yang anda gunakan, selagi anda kenal dengannya dan boleh menggunakannya dengan berkesan. Gretchen, Panduan Video Desktop, mempunyai beberapa tip penyunting video profesional yang boleh membantu anda mengedit video anda agar kelihatan hebat.
Simpan Video Anda ke MOV atau AVI (atau MPG, CD, DV)
Untuk tutorial lain, kami akan mengandaikan bahawa video anda disimpan dalam beberapa jenis format (tidak dikompresi) berkualiti tinggi seperti AVI atau MOV. Walaupun anda boleh menggunakan fail-fail ini, anda menghadapi masalah dengan video yang telah dibincangkan. Halaman berikut akan menerangkan cara menukar fail anda menjadi tiga jenis supaya dapat dilihat oleh jumlah pelayar yang paling banyak.
04 dari 10
Tukar Video ke Ogg untuk Firefox
Format pertama yang akan kami ubah ialah Ogg (kadangkala dipanggil Ogg-Theora). Format ini adalah yang Firefox 3.5, Opera 10.5, dan Chrome 3 boleh dilihat semua.
Malangnya, sementara Ogg mempunyai sokongan penyemak imbas, banyak program video terkenal yang boleh anda beli (Adobe Media Encoder, QuickTime, dll.) Tidak menawarkan pilihan penukaran Ogg. Jadi satu-satunya cara untuk menukar video anda kepada Ogg adalah mencari program penukaran di Web.
Pilihan Penukaran
Terdapat alat dalam talian yang dikenali sebagai Media-Convert yang menuntut untuk menukar pelbagai format video (dan audio) ke format video (dan audio) yang lain. Apabila kami mencubanya dengan video ujian 3 saat, kami tidak dapat mengerjakannya pada Mac saya. Tetapi anda mungkin mempunyai nasib yang lebih baik. Laman web ini mempunyai manfaat percuma.
Beberapa alatan lain yang kami dapati termasuk:
- Miro Video Converter (Windows Macintosh) - Program ini mempunyai manfaat untuk menukar kepada Ogg dan MP4 (H.264) dan ia adalah sumber terbuka.
- Koyote Video Converter (Windows)
- Free Video Converter Kami fikir ini mempunyai kedua-dua Windows dan versi Macintosh, tetapi sukar untuk memberitahu dari laman web mereka
- Simple Theora Encoder (Macintosh) - ini adalah yang kita cenderung untuk digunakan.
Sebaik sahaja anda mempunyai video anda yang disimpan dalam format Ogg, simpannya ke lokasi di laman web anda dan pergi ke halaman seterusnya untuk menukarnya ke format lain untuk penyemak imbas lain.
05 dari 10
Tukar Video ke MP4 untuk Safari
Format seterusnya yang anda mesti menukar video anda adalah MP4 (video H.264) supaya ia boleh dimainkan pada Safari 3 dan 4 dan iPhone dan Android. Plus, video H.264 boleh dengan mudah ditukar ke fail FLV untuk menonton pada Flash.
Format ini lebih mudah didapati dalam produk komersial, dan anda mungkin sudah mempunyai program yang akan ditukar ke MP4 jika anda mempunyai editor video. Sekiranya anda mempunyai Adobe Premiere anda boleh menggunakan Adobe Encoder Video, atau jika anda mempunyai QuickTime Pro yang akan berfungsi juga. Ramai penukar yang dibincangkan pada halaman sebelumnya juga akan menukar video ke MP4.
- Media-Tukar - alat dalam talian
- Miro Video Converter (Windows Macintosh) - Program ini mempunyai manfaat untuk menukar kepada Ogg dan MP4 (H.264) dan ia adalah sumber terbuka.
- SUPER (Windows) - akan menukar pelbagai jenis fail kepada MP4 dan FLV
- Free Video Converter Kami fikir ini mempunyai kedua-dua Windows dan versi Macintosh, tetapi sukar untuk memberitahu dari laman web mereka
Simpan fail MP4 anda ke laman web anda dan kemudian anda perlu menukarnya ke Flash untuk Internet Explorer untuk digunakan.
06 dari 10
Tukar Video ke FLV untuk Internet Explorer
Cara paling mudah untuk menukar video ke FLV adalah menggunakan Flash itu sendiri. Begitulah cara kita menukar video saya ke Flash. Tetapi jika anda tidak mempunyai Flash, berikut adalah dua alat popular untuk menukar fail ke FLV:
- SUPER (Windows) - akan menukar pelbagai jenis fail kepada MP4 dan FLV
- ffmpegX (Macintosh) - akan menukar banyak jenis fail yang berbeza kepada Mp4 dan FLV.
Simpan fail FLV anda ke laman web anda dan halaman seterusnya akan menunjukkan kepada anda cara menulis HTML supaya anda boleh memainkan video anda.
07 daripada 10
Tambah Unsur Video ke Laman Web Anda
Ia sangat mudah untuk menggunakan HTML 5 untuk menambah video ke halaman Web. Kebanyakan penyemak imbas moden menyokong HTML 5 video, walaupun mereka tidak semua menyokongnya dengan cara yang sama. Tetapi apa maksudnya ialah jika anda menyimpan video anda sebagai format Ogg dan MP4, anda boleh menulis hanya empat atau lima baris HTML untuk mendapatkannya dipaparkan di kebanyakan penyemak imbas moden (kecuali Internet Explorer 8). Ini caranya:
- Tulis penanda kod HTML 5 supaya pelayar tahu mengharapkan HTML 5:
- Buat halaman Web anda seperti yang biasanya anda buat:
</ title> <br> </ head> <br> <body> <br><br> </ body> <br> </ html> </blockquote></li><li> Di dalam badan, letakkan tag <video>: <blockquote> <video> </ video> </blockquote></li><li> Tentukan sifat apa yang anda mahu video anda dimiliki: <ul><li> autoplay - untuk bermula sebaik sahaja ia dimuat turun </li><li> kawalan - membolehkan pembaca anda mengawal video (jeda, gulung mundur, pantas ke hadapan) </li><li> gelung - mulakan video dari permulaan apabila ia berakhir </li><li> pramuat - pra-muat turun video supaya ia lebih cepat siap apabila pelanggan mengklik padanya </li><li> poster - tentukan imej yang anda mahu gunakan apabila video dihentikan </li></ul> Kami mengesyorkan menggunakan kawalan dan pramuat. Gunakan pilihan poster jika video anda tidak mempunyai pemandangan pertama yang baik. <blockquote> <video kawalan preload> </ video> </blockquote></li><li> Kemudian tambahkan fail sumber untuk dua versi video anda (MP4 dan OGG) di dalam elemen <video>: <blockquote> <kawalan video 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> Buka halaman dalam Chrome 1, Firefox 3.5, Opera 10, dan / atau Safari 4 dan pastikan ia dipaparkan dengan betul. Anda harus mengujinya dalam sekurang-kurangnya Firefox 3.5 dan Safari 4 - kerana setiap mereka menggunakan codec yang berbeza. </li></ol><p> Itu sahaja. Sebaik sahaja anda mempunyai kod ini di tempat anda akan mempunyai video yang berfungsi di Firefox 3.5, Safari 4, Opera 10, dan Chrome 1. Tapi bagaimana dengan Internet Explorer? </p> <h3> Internet Explorer Tidak Menyukai HTML 5 atau <video> Tag </h3><p> Di bahagian seterusnya, Kami akan membincangkan tentang apa yang boleh anda lakukan untuk mendapatkan IE 8 untuk bermain dengan tag video HTML 5 anda dan memaparkan video. Anda perlu menggunakan Flash. Berita baik ialah IE 9 dijangka menyokong HTML 5 dan tag video. </p> <p> <strong>08 dari 10</strong> </p> <h3> Tambah JavaScript dan Flash Player untuk Dapatkan Internet Explorer berfungsi </h3><p> Anda mungkin menyedari bahawa dalam HTML halaman sebelumnya, tidak ada garisan sumber untuk fail FLV. Dan jika anda menguji halaman itu di Internet Explorer, ia tidak akan berfungsi. Itu kerana Internet Explorer tidak mengiktiraf HTML 5 dan ia tidak boleh memainkan video OGG atau MP4 secara asli. Untuk mendapatkan Internet Explorer 7 dan 8 untuk berfungsi, anda perlu memainkan video sebagai Flash. Tetapi ada lebih banyak langkah untuk mendapatkannya berfungsi daripada hanya menambah fail FLV. </p> <h3> Langkah 1: Dapatkan Pemain Video Flash untuk Laman Web Anda </h3> <p> Kami mengesyorkan mendapatkan FlowPlayer kerana ia adalah pemain video Flash sumber terbuka yang boleh anda pasang pada pelayan Web anda dan gunakan bila-bila masa anda mempunyai video Flash untuk dimainkan. Versi percuma FlowPlayer memasukkan iklan ke video anda, tetapi anda juga boleh membeli lesen komersial jika anda memerlukannya. </p> <p> Ikut arahan di laman FlowPlayer untuk memasang FlowPlayer di laman web anda. Singkatnya, anda akan memasang 2 fail SWF dan fail JavaScript di laman web anda. Di bahagian bawah HTML anda, (sebelum tag </ body>) anda akan menambah baris: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Tetapi Internet Explorer masih tidak akan memainkan video, anda perlu mengajarnya bagaimana mengenali tag HTML 5. </p> <h3> Langkah 2: Mengandaikan Internet Explorer Membaca HTML 5 Tags </h3><p> Terdapat skrip berguna di Kod Google yang dipanggil "HTML Shiv" yang akan membantu IE mengenali elemen HTML 5. Jadi dalam <head> dokumen HTML anda, anda mahu merujuknya. Adalah lebih baik untuk memasukkannya ke dalam komen IE bersyarat supaya pelayar lain tidak keliru: </p> <blockquote> <! - [jika IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [endif] -> </blockquote><p> Baiklah, sekarang IE akan mengenali tag <video>, tetapi tidak akan tahu apa yang perlu dilakukan dengan fail sumber yang telah anda sertakan setakat ini. </p> <h3> Langkah 3: Tambah Talian Sumber untuk Fail FLV </h3><p> Sama seperti yang anda lakukan pada halaman sebelumnya, anda akan menambah baris HTML 5 anda di dalam elemen <video> yang menunjukkan tempat anda menyimpan fail FLV pada pelayan anda. </p> <blockquote> <kawalan video 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, video Skrin, Skrin video 2, H.264" '></strong> <br> </ video> </blockquote><p> <strong>09 dari 10</strong> </p> <h3> Tambah JavaScript dan Flash Player untuk Dapatkan Internet Explorer Bekerja - Bahagian 2 </h3><p> Malangnya, kami masih belum selesai. Kita perlu memberitahu IE untuk menggunakan pemain video FlowPlayer Flash yang kami rujuk di atas. </p> <h3> Langkah 4: Hidupkan <video> Unsur Ke Flash </h3><p> Untuk ini, kita memerlukan naskah lain. Kami mendapat skrip dari <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5</a> . Tetapi apabila kami mencubanya, ia tidak berfungsi sehingga kami membuat beberapa penyesuaian: </p> <ul><li> Sekitar talian 31: tambah lokasi pemasangan FlowPlayer anda. </li><li> Sekitar talian 42: tukar jenis fail dari <blockquote> video / mp4 </blockquote> kepada <blockquote> video / x-flv </blockquote></li><li> Sekitar talian 94: bermula dengan <blockquote> jika (!! $ && !! $ (document) .ready) { </blockquote> hingga akhir dokumen itu, ubah bahagian itu untuk dibaca: <blockquote> // if (!! $ && !! $ (document) .ready) { <br> / * Pengguna jQuery boleh dimulakan sebaik sahaja DOM siap * / <br> // $ (dokumen) .ready (html5_video_init); <br> // lain { <br> / * Semua orang boleh menunggu sehingga onload * / <br> / * addEvent berfungsi melalui http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = fungsi (obj, jenis, fn) { <br> jika (obj.addEventListener) <br> obj.addEventListener (jenis, fn, palsu); <br> lain jika (obj.attachEvent) <br> obj.attachEvent ('on' + type, function () {return fn.apply (obj, Array baru (window.event));}); <br> } <br> addEvent (tetingkap, "beban", html5_video_init); <br> //} </blockquote></li></ul><p> Sebaik sahaja anda telah mengedit fail JavaScript, muat naik ke pelayan anda dan hubungkannya di bahagian bawah halaman HTML anda (sebelum </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Whew! Sekarang bahawa anda telah melakukan semua itu, anda harus memuat naik HTML anda supaya anda dapat memulakan ujian. </p> <p> <strong>10 daripada 10</strong> </p> <h3> Uji dalam Sebagai Banyak Pelayan Seperti Anda Boleh </h3><p> Menguji halaman video adalah kritikal jika anda ingin mempunyai pelancaran yang berjaya. Anda perlu menguji halaman anda dalam pelayar dan versi yang paling popular untuk tapak web anda. </p> <p> Kami mendapati bahawa walaupun ada kemungkinan untuk menggunakan alat seperti BrowserLab dan AnyBrowser untuk menguji video, ia tidak semestinya mengembalikan halaman pada pelayar. Apabila anda berbuat demikian, anda benar-benar dapat melihat jika ia berfungsi atau tidak. </p> <p> Oleh kerana anda pergi ke semua masalah untuk menyandikan video anda dalam tiga format, anda harus mengujinya untuk memastikan ia dipaparkan dalam ketiga-tiga. Maksudnya, sekurang-kurangnya, anda harus mengujinya dalam: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 atau 4 </li><li> Internet Explorer 7 atau 8 </li></ul><p> Anda boleh menguji di Chrome, tetapi kerana Chrome akan melihat ketiga-tiga kaedah (walaupun Flash, jika anda mempunyai pemalam), sukar untuk mengetahui jika ada masalah dengan salah satu daripada dua atau codec lain yang digunakan oleh Chrome. </p> <p> Untuk ketenangan fikiran anda, anda juga harus menguji pada pelayar lama untuk melihat apa yang mereka lakukan, terutamanya jika banyak pembaca menggunakan pelayar lama. </p> <h3> Mendapatkan Video Bekerja Dalam Pelayar Lama </h3><p> Seperti mana-mana laman web, anda harus terlebih dahulu mempertimbangkan betapa pentingnya untuk mendapatkan penyemak imbas tersebut. Sekiranya 90% daripada pelanggan anda menggunakan Netscape, maka anda harus mempunyai pelan sandaran untuk mereka. Tetapi sekiranya kurang dari 1%, ia tidak begitu penting. </p> <p> Sebaik sahaja anda memutuskan apa yang pelayar anda cuba untuk menyokong, cara yang paling mudah adalah dengan hanya membuat halaman ganti bagi mereka untuk melihat video masuk. Pada halaman ganti itu, anda akan membenamkan video menggunakan HTML 4. Dan kemudian sama ada menggunakan beberapa bentuk pengesanan pelayar untuk mengalihkannya di sana atau hanya menambah pautan ke halaman tersebut pada yang satu ini. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://ms.eyewated.com/adakah-terdapat-tag-html-space/"> <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://ms.eyewated.com/adakah-terdapat-tag-html-space/">Adakah terdapat Tag HTML Space?</a></h3> <div class="amp-related-meta"> Reka Bentuk Web & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/nota-facebook-tidak-mendukung-html-tetapi-masih-memiliki-pilihan/"> <amp-img src="https://exse.eyewated.com/pict/ff980faaa43d2ff6-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/nota-facebook-tidak-mendukung-html-tetapi-masih-memiliki-pilihan/">Nota Facebook Tidak Mendukung HTML, Tetapi Masih Memiliki Pilihan</a></h3> <div class="amp-related-meta"> Reka Bentuk Web & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/kod-html-untuk-karakter-bahasa-perancis/"> <amp-img src="https://exse.eyewated.com/pict/04d644e10f713376-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/kod-html-untuk-karakter-bahasa-perancis/">Kod HTML untuk Karakter Bahasa Perancis</a></h3> <div class="amp-related-meta"> Reka Bentuk Web & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/petua-untuk-menggunakan-tags-komen-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://ms.eyewated.com/petua-untuk-menggunakan-tags-komen-html/">Petua untuk Menggunakan Tags Komen HTML</a></h3> <div class="amp-related-meta"> Reka Bentuk Web & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/bagaimana-menggunakan-kod-html-untuk-karakter-bahasa-jerman/"> <amp-img src="https://exse.eyewated.com/pict/141f4379729d345c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/bagaimana-menggunakan-kod-html-untuk-karakter-bahasa-jerman/">Bagaimana Menggunakan Kod HTML untuk Karakter Bahasa Jerman</a></h3> <div class="amp-related-meta"> Reka Bentuk Web & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/kotak-skrol-html/"> <amp-img src="https://exse.eyewated.com/pict/f47bdac8d880303c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/kotak-skrol-html/">Kotak Skrol HTML</a></h3> <div class="amp-related-meta"> Reka Bentuk Web & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/tutorial-pantas-dan-dirty-html/"> <amp-img src="https://exse.eyewated.com/pict/a813bb3a17c93131-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/tutorial-pantas-dan-dirty-html/">Tutorial Pantas dan Dirty HTML</a></h3> <div class="amp-related-meta"> Reka Bentuk Web & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/senarai-komprehensif-kod-html-untuk-watak-bahasa-turki/"> <amp-img src="https://exse.eyewated.com/pict/c2d45c92534f347a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/senarai-komprehensif-kod-html-untuk-watak-bahasa-turki/">Senarai Komprehensif Kod HTML untuk Watak Bahasa Turki</a></h3> <div class="amp-related-meta"> Reka Bentuk Web & Dev </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/menulis-kod-html-di-dreamweaver/"> <amp-img src="https://exse.eyewated.com/pict/c28f4e88a9aa328f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/menulis-kod-html-di-dreamweaver/">Menulis Kod HTML di Dreamweaver</a></h3> <div class="amp-related-meta"> Reka Bentuk Web & Dev </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <a href="https://ms.eyewated.com/kajian-lampu-flash-sb-900-nikon/"> <amp-img src="https://exse.eyewated.com/pict/a999f58aa7d23290-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/kajian-lampu-flash-sb-900-nikon/">Kajian Lampu Flash SB-900 Nikon</a></h3> <div class="amp-related-meta"> Ulasan Produk </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/apakah-google-play/"> <amp-img src="https://exse.eyewated.com/pict/2532572d049e2fbf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/apakah-google-play/">Apakah Google Play?</a></h3> <div class="amp-related-meta"> Android </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/apakah-kod-bip/"> <amp-img src="https://exse.eyewated.com/pict/ab8049839fb4326f-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/apakah-kod-bip/">Apakah Kod Bip?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/rangkaian-mudah-alih-4g-kebaikan-dan-kekurangan/"> <amp-img src="https://exse.eyewated.com/pict/ae30019cfd932fff-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/rangkaian-mudah-alih-4g-kebaikan-dan-kekurangan/">Rangkaian Mudah Alih 4G: Kebaikan dan Kekurangan</a></h3> <div class="amp-related-meta"> Baru & Seterusnya </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/kajian-laman-web-speedtest-net/"> <amp-img src="https://exse.eyewated.com/pict/70e7cd861516387a-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/kajian-laman-web-speedtest-net/">Kajian Laman Web Speedtest.net</a></h3> <div class="amp-related-meta"> Perisian & Aplikasi </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/kelemahan-ip-suara/"> <amp-img src="https://exse.eyewated.com/pict/fdc9d2b62c9530c0-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/kelemahan-ip-suara/">Kelemahan IP suara</a></h3> <div class="amp-related-meta"> E-mel & Pesanan </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://ms.eyewated.com/mengurus-pengguna-pelbagai-di-google-chrome-windows/"> <amp-img src="https://exse.eyewated.com/pict/7217bec06228389e-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/mengurus-pengguna-pelbagai-di-google-chrome-windows/">Mengurus Pengguna Pelbagai di Google Chrome (Windows)</a></h3> <div class="amp-related-meta"> Pelayar </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/ketahui-cara-cari-berat-ream-jenis-kertas/"> <amp-img src="https://exse.eyewated.com/pict/fb9e8608d4974206-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/ketahui-cara-cari-berat-ream-jenis-kertas/">Ketahui Cara Cari Berat Ream Jenis Kertas</a></h3> <div class="amp-related-meta"> Perisian </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/pangkalan-data-atas-atas/"> <amp-img src="https://exse.eyewated.com/pict/d5e562a96b35318a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/pangkalan-data-atas-atas/">Pangkalan Data Atas Atas</a></h3> <div class="amp-related-meta"> Perisian </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/bagaimana-menyerlahkan-surat-sender-satu-secara-automatik/"> <amp-img src="https://exse.eyewated.com/pict/af22f774bd223308-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/bagaimana-menyerlahkan-surat-sender-satu-secara-automatik/">Bagaimana Menyerlahkan Surat Sender Satu Secara Automatik</a></h3> <div class="amp-related-meta"> E-mel & Pesanan </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/cara-cari-tweet-anda-sendiri-di-feed-twitter-anda/"> <amp-img src="https://exse.eyewated.com/pict/3c135e41179a33a5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/cara-cari-tweet-anda-sendiri-di-feed-twitter-anda/">Cara Cari Tweet Anda Sendiri di Feed Twitter anda</a></h3> <div class="amp-related-meta"> Media Sosial </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/cheats-oblivion-rings-amulets-and-clothing-codes/"> <amp-img src="https://exse.eyewated.com/pict/38d9abb3571c33d8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/cheats-oblivion-rings-amulets-and-clothing-codes/">Cheats Oblivion - Rings Amulets and Clothing Codes</a></h3> <div class="amp-related-meta"> Permainan </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/recolor-objek-asas-untuk-the-sims-2/"> <amp-img src="https://exse.eyewated.com/pict/f3ab89dc37c73580-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/recolor-objek-asas-untuk-the-sims-2/">Recolor Objek Asas untuk "The Sims 2"</a></h3> <div class="amp-related-meta"> Permainan </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/bagaimana-untuk-membaiki-ralat-400-permintaan-buruk/"> <amp-img src="https://exse.eyewated.com/pict/44320fdb67e23481-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/bagaimana-untuk-membaiki-ralat-400-permintaan-buruk/">Bagaimana untuk Membaiki Ralat 400 Permintaan Buruk</a></h3> <div class="amp-related-meta"> Internet & Rangkaian </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/helaian-watak-animasi-asas-keruntuhan-watak/"> <amp-img src="https://exse.eyewated.com/pict/f440bfe34a23346a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/helaian-watak-animasi-asas-keruntuhan-watak/">Helaian Watak Animasi / Asas Keruntuhan Watak</a></h3> <div class="amp-related-meta"> Perisian </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/trend-dalam-percetakan-3d/"> <amp-img src="https://exse.eyewated.com/pict/f31a35905bb936c7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/trend-dalam-percetakan-3d/">Trend dalam Percetakan 3D</a></h3> <div class="amp-related-meta"> Baru & Seterusnya </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/panduan-langkah-demi-langkah-untuk-menetapkan-format-mesej-lalai-dalam-outlook/"> <amp-img src="https://exse.eyewated.com/pict/b60ba1f151583427-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/panduan-langkah-demi-langkah-untuk-menetapkan-format-mesej-lalai-dalam-outlook/">Panduan Langkah demi Langkah untuk Menetapkan Format Mesej Lalai dalam Outlook</a></h3> <div class="amp-related-meta"> E-mel & Pesanan </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/perintah-penggunaan-bersih/"> <amp-img src="https://exse.eyewated.com/pict/48005ba792ef331c-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/perintah-penggunaan-bersih/">Perintah Penggunaan Bersih</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/tapak-ujian-kelajuan-internet/"> <amp-img src="https://exse.eyewated.com/pict/a3bbf7f97fba4055-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/tapak-ujian-kelajuan-internet/">Tapak Ujian Kelajuan Internet</a></h3> <div class="amp-related-meta"> Perisian & Aplikasi </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/panduan-ultimate-untuk-penggalakkan-sinyal-cell-phone/"> <amp-img src="https://exse.eyewated.com/pict/490c842cfbeb3663-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/panduan-ultimate-untuk-penggalakkan-sinyal-cell-phone/">Panduan Ultimate untuk Penggalakkan Sinyal Cell Phone</a></h3> <div class="amp-related-meta"> Baru & Seterusnya </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/5-tapak-muat-turun-muzik-percuma-dan-perundangan/"> <amp-img src="https://exse.eyewated.com/pict/afcc28f99ea13458-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/5-tapak-muat-turun-muzik-percuma-dan-perundangan/">5 Tapak Muat turun Muzik Percuma dan Perundangan</a></h3> <div class="amp-related-meta"> Perisian & Aplikasi </div> </div> </div> <div class="amp-related-content"> <a href="https://ms.eyewated.com/bagaimana-untuk-mempertahankan-server-dari-malware-dengan-hosting-bulletproof/"> <amp-img src="https://exse.eyewated.com/pict/f42e7f163d5a3793-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://ms.eyewated.com/bagaimana-untuk-mempertahankan-server-dari-malware-dengan-hosting-bulletproof/">Bagaimana untuk mempertahankan Server dari Malware dengan Hosting Bulletproof</a></h3> <div class="amp-related-meta"> Carian sesawang </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 ms.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.266 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 23:30:22 --> <!-- 0.001 -->