Setelah Web Browser selesai diinstal, dan Text Editor sudah tersedia, kali ini kita akan membahas tentang cara menjalankan file HTML dari web browser.
Untuk memudahkan dalam mengakses file, sebaiknya buat sebuah folder "BelajarHTML" di Drive D. Folder ini akan kita jadikan tempat seluruh halaman HTML yang akan dibuat.
Selanjutnya, buka aplikasi Notepad++ , atau aplikasi text editor lainnya, lalu ketik text berikut ini:
Selamat Pagi Dunia, Hello World!
Save teks diatas sebagai hello.html pada folder BelajarHTML. Setelah itu jalankan file hello.html kita dengan cara double klik file tersebut, atau klik kanan –> Open With –> Firefox (jika anda menggunakan web browser firefox)
Selamat! file HTML kita sudah dapat berjalan, walaupun sebenarnya belum ada satupun kode HTML didalamnya.
Dari percobaan ini kita dapat melihat bahwa setiap halaman HTML harus diakhiri dengan ekstensi .html. Anda mungkin juga akan menemukan beberapa halaman juga memiliki ekstensi .htm, ekstensi ini digunakan untuk mendukung Windows versi lama yang masih menggunakan ekstensi 3 huruf di belakang sebuah file.
Setelah mempelajari cara menjalankan file HTML dari komputer lokal, Pada tutorial selanjutnya, kita akan mulai mempelajari kode-kode HTML, yakni Pengertian tag, elemen, dan atribut dalam HTML.
kalo file HTML tadi kan harusnya masuk ke google chrome (karena saya pake google chrome). tapi pas saya buka filenya kok malah nyasar ke baidu ya? gimana dong, apa bisa kalo cuma di copas ke google chrome?
Saya agak bingung nih gimana maksudnya. Mungkin di komputernya ada link ke baidu, jadi g sengaja ter klik jadi pindah kesana.
WKWKWK
Apakah halaman html yang kita buat bisa di buka semua browser?
Betul, jika kode HTML nya benar dan standar, file HTML tersebut bisa di buka pakai web browser apa saja.
Ubah chrome sebagai default browser
Betul sekali, gan alba. Ganti default browsernya di control panel> Program>Default Program> Pilih Google Chrome. Btw Uninstall saja baidunya :v
jadiin default browser chrome nya o
pake notepad++ atau droidedit
ini mah settingan broswernya, harus di rubagh lagi settingannya
Web saya tidak bisa di lihat,karena bagian masih di dalam IFRAME, gimana solusinya bos……
Boleh tanya klo ingin membuka file html di android gimna ya , file yg di android saya ambil dari laptop
Kalau menjalankannya saja, tinggal buka file explorer, cari file HTMLnya lalu klik. Biasanya akan langsung tampil di web browser. Tapi kalau yang dimaksud untuk mengedit kode HTML di android, bisa coba aplikasi seperti DroidEdit, AWD, atau Quoda (search di google play).
Cara buka scriptnya lewat uc browser atatu chrome gimana,,
Mau buka di HP y? file HTML disimpan ke HP, kemudian buka aplikasi explore / file manager dan open dari sana. Biasanya nanti ada pertanyaan mau buka pakai aplikasi apa.
kalo cara nulis postingan biar kayak di notepad itu gmna gan ?
Maksudnya pengen menambahkan fitur teks editor di website y? bisa cek http://tinymce.com. Tp agar bisa menggunakannya, agan mesti paham HTML, CSS, dan JavaScript.
Jika maksudnya cara saya membuat postingan ini, itu menggunakan plugin wordpress: https://wordpress.org/plugins/syntaxhighlighter/
gan .. kan website.html saya udah jadi caranya biar orang lain bisa akses gimana ya mohon pencerahannya
Untuk meng-onlinekan sebuah website harus sewa web hosting dan web domain. Untuk tutorial singkatnya bisa kesini: https://www.duniailkom.com/tutorial-cara-membuat-website-online/
saya benar2 pemula buta yang namanya html dkk tp pas buka ini web. saya sdh bisa sampai step ini dan berhasil, walaupun td nya bingung dari notepad++ g mau lgs save ke drive D tp ke document. jd saya save di doc trus copi ke drive D baru mau ke save .. thx ya info nya
Hehe, siip gan…
mas make internet explore kok jadi gin i"D:/BelajarHTML/hello.html"
G masalah kok, selama kode HTMLnya bisa jalan…
Ikut belajar gan, kode html emang perlu di pelajari. Salam kenal gan
mau tanya nih, udah ikutin cara2nya dari awal. kendalanya… notepad++ pas di klik kanan, engga ada tulisan "open with" itu gimana ya?
udah tauuu, makasih2
Hehe, siip… yang di klik kanan file HTMLnya, bukan dari Notepad++.
gan ane mau tanya, aplikasi untuk bikin html enaknya apa ya…? untuk sementara ini sih ane pake atom
Yup, Atom pun sudah cukup kok… Untuk edit yang ringan2, saya sering pakai Notepad++ saja. Kalau yang agak panjang, pakai Komodo Edit
Gan kan saya udah bkin html di note pad++ nah biar bisa di share di google gmna/ pas saya pencarian google itu ada web yg udah saya buat di notepad itu #mks
Ini berarti pengen men-onlinekan websitenya y? kita harus sewa hosting dan domain dulu. Lengkapnya bisa kesini: https://www.duniailkom.com/tutorial-cara-membuat-website-online/
Makasih gan. sangat bermanfaat semoga sehat selalu & di lancarkan rezeki nya.
Aamiin… terimakasih juga untuk doanya
makasih mas infonya karenha ini saya bisa membuat sebuah web dan memahami apa itu bahasa pemrograman dan saya akhirnya bisa belajar membuat sebuah web.
semoga sehat sel;alu dalam karyanya dan bisa berkarya lebih banyak lagi bagi orang lain
Aamiin :)
Thanks Gan.. artikel yg bgus n bermanfaat :)
MkaSih Gan atas ilmunya, semoga sehat selalu dan di berikemudahan dalam mendapatkan ilmu yang baru.. aamiin
Aamiin… sama2, semoga materinya bisa bermanfaat
Belajar cara ny menggunakan HTML
Setelah HTML dibuat, bagaimana cara HTML itu dapat diakses global?
Mohon Pencerahannya, masih pemula
Maksud di akses global ini bisa diakses di internet y? itu harus sewa web hosting dan web domain lagi. Tutorialnya bisa ke sini: https://www.duniailkom.com/tutorial-cara-membuat-website-online/
Lanjut terus tulisanya. Semoga ente sehat selalu dan rizki nya lancar. Amin
Aamiin.. terimakasih doa dan dukungannya
Mau tanya nih, pas open with ko gk ada pilihan google chrome atau firefox ya
Boleh di cek kembali filenya memang sudah berextensi .html dan di komputernya sudah terinstall web browser Google Chrome atau Mozilla Firefox.
Mas mau nanya, pas saya save as type html, tapi pas di foldernya malah bukan tipe html file, iconnya kertas putih gitu, solusinya gmna ya? Thanks
Untuk gambar icon, itu tergantung pengaturan di komputer (pengaturan di Windows yang dipakai).
Tapi bisa dipastikan lagi apakah filenya sudah berakhiran .html atau tidak. Jika sudah ada tambahan .html namun iconnya tetap kertas putih, itu tidak masalah.
Terimakasih kepada pembuat duniailkom.com, semoga sehat selalu, dan di berkahi,. Saya yang awam bisa memahaminya dengan cepat. Semangat terus bikin karya karya amal jariyah nya gan… barokalloh fiik..
Aamiin… terimakasih juga untuk doa dan dukungannya…
sama :( ….harus diapain ya?
Maaf, saya mencoba membuat mmi dg articulate, hasil akhir publish menjadi html5. Dijalankan pada browser laptop is good, tapi saya masukan ke browser android cuma ngeblank putih saja, kenapa ya? Padahalkan harusnya HTML bisa jalan pada browser, menurut saya.
Kebetulan saya juga belum pernah mencoba articulate, jadi juga g bisa ngasih solusi.
Mungkin bisa coba kontak tim support articulate terkait apa yang harus ditambah atau mana tau ada pengaturan lain.
Kak kan file html saya setelah di save tuh bentuknya firefox nah gimana caranya mengubah jadi google crome?
Itu efek pengaturan di Windows. Bisa klik kanan salah satu file HTML, pilih Properties, lalu tukar nama aplikasi default di baris "Opens With".
kak,jadi saya ada project untuk penambahan teks di footer,sudah saya buat lalu disave saat saya ingin menjalankan di googlechrome dia gak terbaca gitu,harusnya saat dijalankan dia ada hasil si footernya,tapi ini hanya teksnya saja,saya sudah savenya pake format .html,untuk codingnya pun tidak ada yg typo ataupun kurang,kira-kira crush dimananya ya kak
Hmm… Untuk yang seperti ini harus cek kode programnya langsung nih…
Tapi kalau dilihat dari pertanyaan, ini sudah edit kode yang sudah jadi ya? (kode orang lain yang di modif?)
Mungkin lebih pas coba belajar HTML dari dasar, agar jika ketemu error lebih mudah dipecahkan karena sudah ada basicnya.
kaka saya kan udah buat website dgn html di notpad ++ tapi saat link nya dibagikan kok gk bisa ya kak
Contoh link yang dibagikan apa ya? kalau maksudnya agar bisa diakses dari internet, maka harus disimpan ke web hosting terlebih dahulu.
ini kenapa ya kok gk bisa
ini maksutnya gimana ya:
Save teks diatas sebagai hello.html pada folder BelajarHTML. Setelah itu jalankan file hello.html kita dengan cara double klik file tersebut, atau klik kanan –> Open With –> Firefox (jika anda menggunakan web browser firefox)