HTML atau Hypertext Markup Language adalah dasar dari semua halaman web di internet. Jika anda ingin mempelajari cara membuat website, maka Tutorial Belajar HTML Dasar Untuk Pemula di duniailkom ini adalah langkah pertama anda.
Duniailkom telah mempersiapkan 15 tutorial HTML dasar yang ditujukan untuk pemula yang ingin mempelajari HTML dari awal. Dalam tutorial ini kita akan mempelajari tentang pengertian HTML, cara membuat file HTML, berkenalan dengan tag dan atribut HTML, hingga membahas tag-tag penting HTML, seperti tag <a>, tag <img>, <table>, dan tag <form> HTML.
Dalam mempelajari HTML, harap diingat bahwa HTML dirancang untuk membuat struktur dasar dari halaman web. Jika anda ingin merubah tampilan dari sebuah tag, misalnya ingin membuat background paragraf berwarna merah, atau ingin memberi efek bayangan pada gambar, sebaiknya menggunakan CSS, bukan langsung dari HTML.
Tutorial ini ditujukan sebagai tutorial singkat untuk membuat halaman web sederhana dengan cepat.
Pembahasan mendalam untuk topik topik yang lebih lengkap akan dipisahkan ke dalam Tutorial HTML Lanjutan, seperti Cara membuat menggunakan tabel, cara menformat text, cara membuat form, serta pembahasan khusus mengenai perkembangan terbaru dari HTML, yakni HTML5.
Berikut adalah 15 Tutorial Belajar HTML Dasar untuk Pemula:
- Tutorial HTML Part 1: Pengertian HTML
- Tutorial HTML Part 2: Mengenal Fungsi Browser
- Tutorial HTML Part 3: Memilih Aplikasi Editor HTML
- Tutorial HTML Part 4: Menjalankan File HTML
- Tutorial HTML Part 5: Pengertian Tag, Element, dan Atribut pada HTML
- Tutorial HTML Part 6: Mengenal Struktur Dasar HTML
- Tutorial HTML Part 7: Cara Membuat Paragraf di HTML (tag p)
- Tutorial HTML Part 8: Cara Membuat Judul di HTML (tag h1)
- Tutorial HTML Part 9: Cara Membuat Daftar/List di HTML (tag li)
- Tutorial HTML Part 10: Cara Membuat link di HTML (tag a)
- Tutorial HTML Part 11: Cara Menambahkan Gambar di HTML (tag image)
- Tutorial HTML Part 12: Cara Membuat tabel di HTML (tag table)
- Tutorial HTML Part 13: Cara Menambahkan komentar di HTML
- Tutorial HTML Part 14: Cara Membuat Form di HTML (tag form)
- Tutorial HTML Part 15: Tutorial HTML Dasar (Finish)
Sebagai tutorial lanjutan dari 15 tutorial diatas, duniailkom telah menyediakan sesi lanjutan, yakni:
- Tutorial HTML Lanjutan: Format Text
- Tutorial HTML Lanjutan: Pembuatan Tabel
- Tutorial HTML Lanjutan: Perancangan Form
- Tutorial HTML Lanjutan: HTML5
Semoga tutorial belajar HTML ini bisa menjadi panduan dan referensi dalam belajar pemrograman web.
eBook HTML Uncover Duniailkom
Apabila anda membutuhkan tutorial HTML yang lebih lengkap dan detail, Duniailkom telah menerbitkan eBook HTML Uncover.
eBook setebal 399 halaman A4 ini akan memandu anda menguasai HTML dari dasar hingga fitur terbaru dari HTML 5 seperti <canvas>, <audio>, <video> serta proses validasi form. Semuanya dibahas lengkap disertai contoh program dan tampilan gambar.
Penjelasan lebih lanjut tentang eBook ini bisa mengunjungi: HTML Uncover – Panduan Belajar HTML Untuk Pemula
untuk html jika saya sudah memiliki Gallery.php yang isi adalah menampilkan foto-foto dari database tapi di halaman tersebut saya hanya mau menampilkan 9 foto saja jika ada lebih dari 9 maka akan membuat halaman 2 secara otomatis, bagaimana cara menambahkan halaman tesebut??terima kasih
Wah, ini harus melihat source codenya mas.. tergantung bagaimana cara membuatnya. Dalam istilah web, memecah tampilan menjadi beberapa halaman ini dikenal dengan istilah pagination. Mungkin bisa di googling menggunakan istilah tersebut.
Oh ya, yang ditanyakan lebih tepatnya ke bagian PHP, bukan lagi HTML :)
Masbro Bagaimana cara mengganti icon social media bawaan template yg kita download, soalnya kayak linkedin/ pinterest kan nggak terlalu banyak yg punya account.
Waktu saya ganti alamat URLnya dengan sosmed lain spt instagram kok icon linkedinnya ikutan ilang
Mohon tutorialnya utk mengganti icon sosmed, makasih banget sebelumnya
Kalau untuk ini harus melihat bagaimana kode yang digunakan di dalam templatenya gan. Setiap template pasti berbeda-beda tergantung programmernya. Sebaiknya hal ini ditanya ke pembuat template :)
Alhamdulillah akhirnya nemu juga nih situs yang membahas tentang HTML.
Makasih banyak mas. Saya sedang dalam perencanaan membuat template blogger.. Oleh karena itu saya harus memahami terlebih dahulu dasar-dasarnya.. Thanks!
Terimakasih juga untuk kunjungan dan komentarnya mas,
Semoga tutorial HTML di duniailkom ini bisa membantu.. :)
mas kenapa belajar bikkin web gak semudah kita bikin blog ya?? saya pengen bgt bisa bikin web mhon arahannya saya harus mulai dari mana?
Hehe..namanya juga kita bikin dari 0 gan… sama seperti menggunakan facebook yang tinggal klik sana klik sini, tapi kalau ingin membuat situs seperti facebook, harus belajar codingnya dulu…
Untuk pertanyaan mengenai harus mulai dari mana, bisa lanjut kesini gan: Ingin belajar web programming? harus mulai dari mana?. Disitu saya sudah menjelaskan langkah-langkah yang harus ditempuh untuk menjadi seorang web programmer.
Programming memang tidak untuk semua orang, bagi yang senang menulis dan tidak suka hal teknis seperti kode-kode program, malah lebih enak pakai blog saja kok :)
terima kasih infonya bang…
sangat bermanfaat
Sama2 gan, semoga bermanfaat :)
Bermanfaat banget mas..
Belajar HTML memang dasar yang penting.
Yup benar mas, untuk menguasai cara membuat web memang harus dimulai dari HTML :)
Sumpah kalo ketemu saya cium lu bang, ty atas ilmunya semoga bermanfaat pas interview nanti
Untung kita belum ketemu.. hehe..
Silahkan gan, mudah2an tutorial disini bisa bermanfaat :)
Jujur Ane masih bingung dengan HTML dasar, Ijin nyoba dulu Sob cara belajar HTML nya.
Tutorial keren ini gak mungkin Ane sia – siain begitu saja hehe.. :-D
Lanjut gan! :)
baru baca 1x 15 Tutorial Belajar HTML udah langsung ngerti, tanks bang ilmu nya barokah dah udah ngeshare, terutama dalam penjelasan nya singkat bisa di mengerti
Sama2 gan, saya juga senang tutorialnya bisa dipahami dengan mudah :)
Terima kasih banyak mas andre,,postingannya agan sangat membantu sekali. dasar-dasar memahami HTML pada postingan ini lebih daripada istilah kata cukup, tepatnya ISTIMEWA step by step, terutama bagi saya sebagai pemula yang belum memahami sama sekali dunia informartika.
Thanks a lot of, mas andre :-)
Sama2 mas, semoga tutorialnya bisa bermanfaat :)
Makasih mas andre tutorialnya…
Meskipun saya belum mempraktekannya, tapi setidaknya saya jadi sedikit lebih mengerti cara pembuatan web…
Prakteknya belum karna di rumah belum ada komputernya…
Jadi baru teori aja…
Hehehe
Sudah jelas sekali bahwa belajar html itu begitu penting….. sekarang yang paling banyak dibahsa html 5 ya… web saya aslinya dokumen xhtml tapi udah diupgare ke html 5
Saya masih kurang paham soal HTML. Apalagi Css :( Tapi semuanya butuh perjuangan
Hehe, semuanya butuh proses mas, pelan2 saja. Kalau ada yang ragu bisa tanya2 di kolom komentar, atau jika butuh penjelasan yang lebih detail bisa membeli eBook HTML dan CSS Duniailkom :)
cara beli nya dong mas bingung saya mau beli
Silahkan… bisa kontak saya via email ke duniailkom@gmail.com untuk informasi lebih lanjut, atau bisa juga diisi alamat emailnya sewaktu membuat komentar ini.
thankz information ;)
Wah, makasi banget ni min utk tutorial nya, semoga saya bisa ikuti tutorial dari kang andre trus bisa cepat paham. mohon doa nya hehe
Amiin… :)
mas kalo mau beli ebooknya gmn caranya
Silahkan di cek emailnya mas Arif, cara pembelian eBook HTML Uncover sudah saya kirim, terimakasih :)
Hai, saya mau tanya, klo mau buat aplikasi semacam kamus yg bsa dipakai tanpa koneksi internet (kamus.exe) gitu, pemrograman apa yg cocok? makasih
Itu lebih cocok pakai bahasa pemrograman Visual Basic gan, atau keluarga Visual Studio (bisa C#, C++, dll).
Cepet bgt dah dibales, makasih. Saya baru mau belajar html :D
pak…cara beli ebooknya gmn,mhn penjelasanya..
Silahkan, bisa dengan menghubungi saya di duniailkom@gmail.com :)
Sangat bermanfaat mas…..
Siip, lanjut gan :)
mantap gan.
Ini Website paling berguna yang saya temui, walaupun saya baru belajar tahap 2.
Apresiasi deh buat agan yang buat website ini!
#NicePost :)
Siip gan, semoga ilmu yang di dapat bisa bermanfaat :)
bang mau dong e book html nya. Gimana cara donasi lewat pulsa
Siap mas, udah dibalas lewat email ya, terimakasih :)
okee… siap-siap untuk belajar nih aku… terimaksih infonya… :)
Gan, sekedar ingin tau aja, untuk website ini sendiri Agan bagun sendiri ( mendesain serta men-script menggunakan bahasa pemrograman layaknya HTML dll) atau cari website yang sudah lansung jadi (semacam beli gtu) ? Maaf kalau ada salah kata Gan, ehehe.
Saya g bangun semua dari awal gan. Web duniailkom ini menggunakan WordPress dengan theme premium (themenya dibuat orang lain, lalu saya beli). Tapi dari sisi tampilan memang banyak saya edit, misalnya halaman home duniailkom itu saya edit sendiri, dan bukan bawaan themenya.
Mas kalo menghilangkan postingan yang dobel caranya gimanA….
Untuk blogger y? saya g terlalu paham blogger gan.. lebih banyak utak-atik wordpress, hehe…
klo beli semua ebookx berapa mas.thanks bgt ilmux semoga saya cepat paham.thanks
Siap, silahkan langsung di cek emailnya, terimakasih :)
mau tany mas, sebaiknya sebagai pemula, belajar html dasar dulu atau bahkan bisa langsung ke html5nya?thank
HTML5 ini sebenarnya penambahan fitur untuk HTML "biasa". Jadi g ada masalah jika langsung belajar HTML5, dengan catatan belajarnya tetap dari awal.
Biasanya kalau ada buku yang berjudul "HTML5", ini hanya membahas fitur2 terbaru di HTML5, bukan HTML dari awal. Oleh karena itulah eBook HTML Uncover tidak saya buat menjadi HTML5 Uncover. Walaupun pembahasannya sudah mencakup HTML5.
salam hormat.
terima kasih banyak atas hadirnya website Duniailkom ini.
ini tentunya sangat bermanfaat sekali untuk saya yg hanya berpendidikan SD yg berfikir keras untuk belajar dunia tentang programmer secara otodidak.
yg mampu saya berikan hanya sebatas terima kasih banyak dari lubuk hati.
serta do'a agar yg mengembangkan,menciptakan web ini selalu di beri kesehatan,kesejahteraan dan tentunya kebahagian oleh Tuhan yang ESA. aaminn
besar harapan saya agar situs edukasi ini selalu berkembang dan selalu ada sepanjang masa.
sedikit saran mas bro????
klo boleh minta. sama tutorial video dalam copy CD atau apa gitu . hehe???? maklum ane cuma sarjana desa (SD)
tapi sebenarnya ini aja sudah sangat lebih dari cukup sih. hehehe
mantap broo..
sukses selalu ya????
Terimakasih atas doanya mas Andika…
Untuk tutorial berupa video saat ini belum tersedia mas… yang ada baru tutorial berupa eBook (file pdf) dengan pembahasan yang jauh lebih banyak daripada yang ada di website duniailkom. Kalau untuk materi HTML, tersedia eBook HTML Uncover.
Tp eBook Uncover duniailkom merupakan materi berbayar, sekedar untuk mengganti uang lelah menulis materi dan menutup biaya operasional duniailkom. Silahkan apabila berminat :)
Saya penasaran ….kenapa setiap saya cari sesuatu….website ini yang nangkring di page 1 google search. Emang udah berapa jumlah artikelnya.
Hehe, yang penting agan buat artikel yang bermanfaat dan tidak copy paste punya orang (re-write). Artikel di duniailkom saat ini sekitar 400an.
Sangat mudah di pahami kata-katanya gan.
Semoga tambah banyak pengunjungnya ya.
#SuksesBersamaAmin
Amiin, terimakasih doanya… :)
Om cara beli ebook via pulsa gimana?
Silahkan di cek emailnya gan, cara pemesanan eBook HTML Uncover sudah saya kirim ke email :)
mas saya mau beli buku html caranya gimna?
yang kemren belom dijawab
Kemaren sudah saya kirim langsung mas, mungkin masuk ke folder spam. Barusan sudah saya kirim ulang, bisa di cek juga folder spam-nya. Jika tetap tidak masuk, boleh kirim email dulu ke duniailkom@gmail.com.
Sangat mudah di pahami kata-katanya gan.
Siip gan, semoga bisa bermanfaat..
Lengkap Thankyouu…
Membantu sekali Sukron Jzk
terimakasih sudah ngasi ilmu
Siip, semoga bisa bermanfaat…
izin share
setelah membaca artikel duniailkom sy baru tahu ,dari mana sy harus melangkah., untuk menjadi progremer web yang ahli!!!!! trmkasih atas artikelnya mas semoga duniailkom maju terus….
Siip, sama2… semoga tutorial di duniailkom ini bisa bermanfaat :)
Mas tutorial xml sama java kok gk ada mas
kalau misal ada tolong segera terbitkan ke wbsite dunia ilkom
Secara bertahap akan dilengkapi…
Tp saat ini duniailkom masih fokus ke web programming dulu. Untuk tutorial JAVA, XML, dan pemrograman android mungkin masih agak lama.
Mas saya mau beli buku html nya. Bagaimana caranya ?
Siap, silahkan di cek emailnya, cara pemesanan buku HTML Uncover sudah saya kirim ke email, terimakasih :)
MAS BROO GMANA CARA BELI EBOOK NUHUN
Siap, silahkan di cek emailnya, cara pemesanan eBook Uncover Duniailkom sudah saya kirim ke email, terimakasih :)
Ternyata alamat emailnya salah gan… mungkin bisa langsung saja kontak saya via email ke duniailkom@gmail.com
perintah tab pada html apa sih ?
Di HTML tidak mengenal perintah "tab" gan. Kalau mau ada jarak atau spasi, bisa diakali dengan kode khusus .
Pilihan lain bisa menggunakan CSS.
Haduh jadi pengen masuk jurusan Informatika
Hehe… silahkan :D
Terima kasih infonya, saya masih SMK Kls 11 baru pemula, saya sangat terbantu sekali dengan tutorialnya sekali lagi Terima kasih
A saya mau beli bukunya,
Siap, silahkan di cek emailnya, cara pemesanan eBook Uncover Duniailkom sudah saya kirim ke email, terimakasih :)
Permisi bang, saya ingin mulai belajar programming lewat web duniailkom. Tapi saya memakai aplikasi editor Sublime Text 3, karena lebih nyaman di mata saya. Kira2 bakal kebingungan gk ya buat ngikutin tutorialnya?
G masalah, silahkan lanjut…
Tp boleh dicoba teks editor Komodo Edit yang tampilannya mirip2 Sublime Text, namun free (gratis), tidak berbayar seperti Sublime Text / terpaksa pakai bajakan Sublime Text..
Permisi mas kalau saya mau beli bukunya di mana ya..???
udh edar di toko buku apa blm.??
Untuk buku duniailkom saat ini belum masuk ke toko buku mas, hanya bisa dipesan online saja. Jika berminat, saya sudah kirim cara pemesanannya via online, silahkan di cek emailnya…
gue mau buat website online shop/ online store nih bang , gimana caranya dan apa aja yang harus di lakukan ? untuk bahan pembelajaran bang
Untuk membuat online shop sebaiknya pakai CMS seperti wordpress atau prestashop. Jika belajar web programming dari nol, lumayan banyak yang mesti dipelajari.
Izin download suhu
artikel yang bermanfaat mas. Sudah di buat daftar artikel-artikel untuk belajar HTML untuk pemula. Sehingga membuat kita menjadi lebih terstruktur untuk belajarnya.
Siip, semoga materinya bisa mudah dipahami…
Wanjer,nih article bikin ketagihan,..keren banget pengetahuan Bahasa HTML-nya,sumpah..keren abis mas Andre,.. :v
Kapan bisa jadi kek lu,.. :v
<strong>MANTAV JIWA..</strong>
Hehe,.. :)
Hehe… asal punya kemauan untuk belajar dan tidak cepat bosan, agan bisa kok. Tinggal cari sumber materi belajar seperti buku, tutorial, atau video.
Ebook HTML nya sudah saya download, isi mantap dan dengan bahasa yang begitu mudah dipahami, terima kasih banyak mas. sukses selalu….
Amiiin… terimakasih untuk dukungannya mas :)
Mantap Banget Om semoga selalu diberi kesehatan untuk terus berbagi Pengetahuan,..
Amiin… terimakasih untuk doanya.
Mau tanya mas.
Pascal sama C++ lebih mudah dipelajari yang mana?
Maaf kalau pertanyaannya kurang berbobot, soalnya saya benar-benar bingung
Menurut saya lebih mudah pascal, soalnya keyword atau istilah programming yang ada di pascal menggunakan kata2 bahasa inggris seperti begin, end, write, read, dll. Kalau C atau C++ lebih banyak menggunakan simbol2 seperti {, }, cin, cout, dll.
Terimakasih banyak mas. Artikel yang ada di https://www.duniailkom.com sangat2 membantu sekali dalam pembelajaran programmer dasar
kalau boleh izin ambil buat pembelajaran setiap hari masbro, biar code2 nya ga lupa2an ane rencana mau pake di wordpress gratisan…
dengan meneyertakan Sumber pasti nya https://www.duniailkom.com
Silahkan, selama mencantumkan sumbernya kesini…
izin copy gan
upload di playstore/books dong mas, biar bisa beli lebih mudah
Usulnya di pertimbangkan ya… Soalnya kalau di playstore harus bagi hasil dengan Google.
gan lebih sulit mana web programming/aplikasi programming?
Tantangannya beda2. Sama2 susah, dan sama2 mudah.
Web programming ribet karena setiap bidang saling terpisah, misalnya struktur web dibuat dengan HTML, design dari CSS, programming ada di PHP dan JavaScript. Jadi semuanya harus dipelajari untuk membuat website. Tapi keuntungannya, website ini bersifat universal. Kita tidak terbatas apakah webnya akan diakses dari sistem operasi Windows, Linux atau yang lain.
Aplikasi desktop umumnya sudah satu kesatuan, jadi hanya perlu belajar 1 bahasa pemrograman saja seperti Visual Basic. Hanya saja, aplikasi deskop tidak fleksibel. Jika ingin membuat aplikasi yang sama untuk sistem operasi Linux dan Mac OS, semua harus dibuat ulang dari awal menggunakan bahasa pemrograman lain.
Terima kasih tutorialnya, mas!.
Siip, sama2… semoga bisa bermanfaat.
Terima kasih mas.. artikel ini saya jadikan referensi yaa ehhehe
Silahkan, mohon ditulis juga sumber referensinya ke web duniailkom ya…
Min bolehkah saya banyak tanya di WA ? ada yang mau dibahas soal bukunya juga :)
Silahkan, bisa WA ke 083180285808. Tapi berhubung kesibukan, pertanyannya saya batasi seputar pembelian buku atau materi yang ada di buku saja ya…
Kalau untuk tugas / skripsi / project pribadi, saya mungkin belum bisa bantu.
Alhamdulillah sedikit dikit paham tentang HTML setelah baca artikel ini. thank mas
maaf saya mau tanya, cara nya bagaimanax jika ingin data yang diambil dari mysql itu bisa ngelink?misalnya saya mencoba ambil data hp dari database, itu caranya supaya bisa dibuat <a link> itu bagaimanax?mohon infonya
Penjelasannya bisa 1 buku nih, soalnya itu sudah gabungan HTML, PHP, dan MySQL sekaligus.. Nanti isi alamat web harus disimpan ke dalam database, lalu diakses pakai PHP untuk ditampilkan ke dalam tag <a> punya HTML.
Mas bro mau tanya nih, kan itu ada kuliah bagian apa aja? apa ini juga masuk di dalem Informatika atau yang lainnya mas? atau sama ky webnya ilkom? mohon pencerahannya mas. Makasih juga webnya sgt membantu :)
Jika saya ingin membuat aplikasi sederhana (membuat database surat masuk), apakah saya harus mempelajari HTML, CSS, PHP, dan MYSQL secara keseluruhan, atau saya dapat mempersingkat waktu belajar saya dengan mempelajari hal-hal yg berkaitan (yang akan digunakan) pada proses pembuatan database tersebut?
Mohon penjelasan dan masukannya
Sebenarnya aplikasi database surat masuk itu bukan aplikasi sederhana, sudah termasuk kompleks malah.
Kalau dibuat berbasis web, nanti harus paham gimana memroses form HTML menggunakan PHP, bagaimana input data ke MySQL, bagaimana merancang database yang baik, dst. Semua tutorial yang ada di web duniailkom ini juga belum cukup untuk sampai kesana.
Jika berangkat dari nol (tidak punya background IT), butuh waktu cukup lama untuk bisa membuat ini. Apabila buru2, saran saya sebaiknya pertimbangkan cari jasa programmer professional saja untuk membuatkan. Atau bisa cari aplikasi yang sudah jadi.
Terimakasih, Tutorialnya bagus-bagus dan pastinya sangat bermanfaat. Apalagi untuk pemul. Maju terus dunia ilkom
Thanks…
Sangat terbantu banget tutorialnya.
Makasih Banyak Mas Atas Sharing Ilmunya.. Sangat Membantu..
Siip, sama2…
mas andre,kalo web duniailkom ini buatnya pakai apa mas?
Web duniailkom dibuat menggunakan WordPress. "Daleman" dari WordPress ini berasal dari perpaduan HTML, CSS, PHP, JS dan MySQL.
gan gak ada discount untuk pembelian paket gtu ?
Silahkan, pengen pesan eBook apa saja ya?
Baru mau belajar Programming setelah sekian lama banget lagi nih mas….
Terima kasih banyak atas sharingnya ya mas, semoga mas selalu dilancarkan rezekinya, aamiin…
Aamiin… terimakasih doanya :)