Tutorial belajar HTML ini saya tujukan untuk  pengunjung duniailkom.com sebagai sarana dalam belajar HTML. HTML sendiri merupakan langkah pertama untuk belajar membuat web. Untuk menjadi programmer web, HTML adalah dasar yang mutlak dipelajari. Setelah mempelajari HTML, anda bisa melanjutkan untuk mempelajari CSS, JavaScript, dan PHP.
Tutorial HTML ini akan saya bagi menjadi beberapa bagian.
Tutorial HTML Dasar lebih ditujukan kepada pemula yang ingin mempelajari cara membuat web dengan cepat. Langkah demi langkah akan saya jelaskan dengan contoh, agar mudah memahami. Diharapkan setelah mempelajari bagian dasar, sedikit banyak anda telah memahami apa itu HTML dan dapat membuat halaman web sederhana dengan HTML.
Bagian kedua adalah Tutorial HTML Lanjutan yang saya maksudkan untuk mempelajari lebih dalam tentang HTML. Misalnya jika pada Tutorial HTML Dasar kita pelajari tentang cara membuat tabel sederhana menggunakan tag <tr> dan <td>, pada Tutorial HTML Lanjutan kita akan mempelajari pembuatan tabel HTML beserta atribut-atribut nya seperti tag <thead>.
Tutorial HTML ini akan saya update secara reguler. Komentar, pertanyaan dan saran rekan-rekan sangat saya hargai untuk lebih memudahkan dalam memahami tutorial ini. Semoga dengan Tutorial HTML ini bagi yang ingin belajar HTML dapat terbantu, dan bagi yang sudah mahir sekedar merefresh kembali tentang HTML.
Tutorial Belajar HTML Dasar Untuk Pemula
Duniailkom telah mempersiapkan 15 tutorial HTML dasar yang ditujukan untuk pemula yang ingin mempelajari HTML dari awal. 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.
- 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)
 Tutorial Belajar HTML Lanjutan
Tutorial HTML lanjutan akan membahas tag-tag penting HTML yang memerlukan pembahasan lebih dalam.
- Tutorial HTML Lanjutan: Pengertian Tag Span dan Div dalam HTML
- Tutorial HTML Lanjutan: Pengertian Meta Tags dalam HTML
- Tutorial HTML Lanjutan: Cara Mengatur Tampilan Gambar HTML (atribut align dan border)
- Tutorial HTML Lanjutan: Cara Membuat Description List HTML (tag dl, dt dan dd)
- Tutorial HTML Lanjutan: Cara Membuat Internal Link ke Bagian Lain Dokumen (atribut id)
Tutorial Belajar Format Text HTML
Tutorial Format Text HTML akan membahas tag-tag HTML yang digunakan untuk mengubah text, seperti bagaimana membuat huruf miring, membuat huruf tebal, membuat kutipan, menambahkan kode program, dll.
- Tutorial HTML Lanjutan: Tag dan Atribut untuk Pembuatan Text dan Format Text HTML
- Tutorial Text HTML Part 1: Perbedaan Block Element dengan Inline Element tag HTML
- Tutorial Text HTML Part 2: Cara Membuat Huruf Miring dalam HTML (tag i dan tag em)
- Tutorial Text HTML Part 3: Cara Membuat Huruf Tebal dalam HTML (tag b dan tag strong)
- Tutorial Text HTML Part 4: Cara Membuat Huruf Garis Bawah (underline) HTML (tag u dan ins)
- Tutorial Text HTML Part 5: Cara Membuat Huruf Tercoret (Strikethrough) HTML (tag s dan del)
- Tutorial Text HTML Part 6: Cara Menulis Persamaan Matematis dalam HTML (tag sup dan sub)
- Tutorial Text HTML Part 7: Cara Membuat Kutipan di dalam HTML (tag blockquote dan q)
- Tutorial Text HTML Part 8: Cara Membuat Text HTML Tanpa Format (tag pre dan tag code)
- Tutorial Text HTML Part 9: Cara Untuk Merubah Arah Text dalam HTML (tag bdo)
- Tutorial Text HTML Part 10: Tag HTML Untuk Penulisan Hal Teknis (tag samp, kbd, dan var)
- Tutorial Text HTML Part 11: Cara Menampilkan dan Memasukkan Karakter Khusus HTML
- Tutorial Text HTML Part 12: Tag abbr, cite, dfn, dan small untuk Struktur Text HTML
- Tutorial Text HTML Part 13: Tag-tag Deprecated untuk Struktur Text dalam HTML
Tutorial Belajar Tabel HTML
Tutorial Tabel HTML akan membahas tag-tag yang digunakan untuk membuat tabel di dalam HTML.
- Tutorial HTML Lanjutan: Tag dan Atribut untuk Pembuatan Tabel HTML
- Tutorial Tabel HTML Part 1: Mengenal atribut border, cellpadding dan cellspacing dalam Tabel
- Tutorial Tabel HTML Part 2: Cara Menggabungkan Sel Tabel (atribut rowspan dan colspan)
- Tutorial Tabel HTML Part 3: Cara Membuat Judul Kolom Header Tabel HTML (tag th)
- Tutorial Tabel HTML Part 4: Cara Membuat Judul Tabel HTML (tag caption)
- Tutorial Tabel HTML Part 5: Cara Membuat Struktur Tabel HTML (tag thead, tfoot dan tbody)
- Tutorial Tabel HTML Part 6: Cara Membuat Group Kolom Tabel (tag colgroup dan tag col)
- Tutorial Tabel HTML Part 7: Cara Membuat Garis Antara Baris dan Kolom Tabel (atribut rules)
- Tutorial Tabel HTML Part 8: Cara Mengatur dan Mengubah Lebar Tabel HTML (atribut width)
- Tutorial Tabel HTML Part 9: Cara Mengatur dan Mengubah Tinggi Tabel HTML (atribut height)
 Tutorial Belajar Form HTML
Tutorial Form HTML akan membahas tag-tag HTML yang digunakan untuk merancang form secara lebih detail
- Tutorial HTML Lanjutan: Tag dan Atribut untuk Pembuatan Form HTML
- Tutorial Form HTML Part 1: Fungsi dan Cara Penggunaan Tag Label HTML
- Tutorial Form HTML Part 2: Fungsi dan Cara Penggunaan Tag Fieldset dan Tag Legend
- Tutorial Form HTML Part 3: Fungsi dan Cara Penggunaan Tag Button HTML
- Tutorial Form HTML Part 4: Fungsi dan Cara Penggunaan tag input type text dan password
- Tutorial Form HTML Part 5: Fungsi dan Cara Penggunaan tag input type checkbox HTML
- Tutorial Form HTML Part 6: Fungsi dan Cara Penggunaan tag input type radio HTML
- Tutorial Form HTML Part 7: Fungsi dan Cara Penggunaan tag input type file (form upload)
- Tutorial Form HTML Part 8: Fungsi dan Cara Penggunaan tag input type image
- Tutorial Form HTML Part 9: Fungsi dan Cara Penggunaan tag input type hidden HTML
- Tutorial Form HTML Part 10: Fungsi dan Cara Penggunaan tag select Form HTML
- Tutorial Form HTML Part 11: Fungsi dan Cara Penggunaan tag textarea Form HTML
 Tutorial HTML5
List Tutorial HTML5 duniailkom:
- Tutorial Belajar HTML5 Part 1: Perbedaan HTML5 dengan HTML 4 dan XHTML 1.1
- Tutorial Belajar HTML5 Part 2: Perbedaan antara HTML5 dengan HTML 5
- Tutorial Belajar HTML5 Part 3: Cara Penulisan DOCTYPE pada HTML5
- Tutorial Belajar HTML5 Part 4: Pengertian Meta tag Charset UTF-8 pada HTML5
- Tutorial Belajar HTML5 Part 5: Pengertian Semantic Tag pada HTML5
- Tutorial Belajar HTML5 Part 6: Cara Membuat Struktur HTML5 (Tag header, footer dan aside)
mantap gan tahapan2 tutorialnya, lanjutkan spy kita yg pd msh gaptek ini bs mengenal dan belajar, thank's bgt
Terimakasih atas kunjungannya rizaldi, semoga tutorial HTML ini bisa bermanfaat ,,,
ane bakal mulai dari sini
Silahkan agan abdi, semoga tutorial dasar HTML ini bisa bermanfaat,,,
Thank gan info nya ,
mulai belajar gan .
Silahkan gan.. :)
makasih om atas tutorial di web sampeyan… sangat membantu bagi saya yg masih awam ini. Semoga nantinya saya bisa bikin web kaya om ini :)
Terimakasih juga atas kunjungannya mas danang, mudah-mudahan apa yang saya tulis bisa bermanfaat :)
Gan .. cara font warna warni gimana Ya? mkasih .. sebelumnya …..
Untuk merubah tampilan (termasuk juga merubah font menjadi warna warni atau menjadi besar) sebaiknya menggunakan CSS.
Walaupun tidak disarankan, HTML memang memiliki cara untuk merubah font langsung dari tag HTML tanpa menggunakan CSS, yakni dengan atribut font. Untuk lebih jelasnya, akan saya bahas di Tutorial Text HTML: Tag-tag Deprecated untuk Struktur Text dalam HTML
mantab men siip buat lu yg udah bikin blog ini semoga bisa berkembang lagi ya gan
Terimakasih gan, amiin.. mudah2an saya akan terus aktif untuk update artikel-artikel baru di duniailkom ini,..:)
Bro izin sedot ya . saya mau bljar dari sini dan post ke blog ane .
Silahkan gan, tp nanti kasih link dan sumbernya kesini ya, biar rekan2 yang lain bisa belajar juga :)
thnx
top markotop… mantep bgt tutorialnya, sgt membantu & mudah skali dicerna.
thanx to : https://www.duniailkom.com
Terimakasih mas bayu.. mudah2an tutorialnya bisa bermanfaat…
Bismillah ,. saya akan memulainya dari sini. mohon bimbingannya pak andre .. semoga bermanfaat dan berkah.
Silahkan zul, mudah2an bisa memahami HTML dengan mudah, namun jika ada kendala bisa posting di kolom komentar, mudah2an saya atau rekan2 yang lain bisa membantu.. :)
Dah lama banget pengen belajar buat WEB ….. bingung mo mulai dari mana belajarnya …. ga sengaja ketemu web ini …. semangat lagi ….. sedikit sedikit mulai NGEH: Terima kasih untuk pengelola situs ini, semoga ALLAH memberkatinya …. trims
Amiin.. Alhamdulilah y mas, saya juga senang tutorial yang ada bisa bermanfaat, mudah2an tak lama lagi sudah bisa melaunching webnya :)
belajar ah biar bisa edit blog ane :D thanks gan
Silahkan gan,.. semoga blognya jadi tambah menarik dan lebih canggih lagi :)
Gan Script Php Memperpanjang durasi user gimana ya ?
Misal : kan ane udah mendaftarkan user dengan durasi 7 hari… nah terus itu nambah durasi / memperpanjang durasinya gimana yaa ?
Mohon bantuannya Mas…
Wah, kalau untuk hal ini, bergantung kode srcipt yang digunakan di websitenya. Sebuah website bisa menggunakan cookie atau database untuk menyimpan lama durasi user. Untuk mengetahui hal ini kita harus mempelajari source code web tersebut.
Apakah agan menggunakan CMS? kalau iya mungkin bisa dicari di bagian dokumentasinya mengenai hal ini.
wah Ikut belajar yak gan, hehe
Silahkan gan :)
Dahsyat sistematika penulisannya…, bergizi
sungguh inspiratif dan edukatif. saya ikutan belajar yang ngaji kitab PHP nih :)
pengen belajar lebih giat lagi nih tentang html
gan kalo boleh nih gan saya minta versi e-booknya bisa gan soalnya ini kan online jd agak ribet koneksinya gan, kalo boleh tolong kirim email [email protected]
kenapa gak bikin ebooknya juga gan ???
Untuk ebooknya sedang saya susun dengan penambahan materi yang belum dibahas disini, terutama untuk HTML5. Mudah2an dibulan april ini bisa selesai… ditunggu saja ya gan :)
terima kasih infonya, mohon ijin untuk belajar.
Silahkan gan… Semoga tutorialnya bisa dipahami dengan mudah :)
mksh bnyk gan,mencoba pelajari dasar nya dulu..
Great Information.
Thankful gan materi pembelajaranya, membantu sekali untuk kami belajar HTML dasar, :-)
Terimakasih ilmunya, enak dan cukup mudah untuk dipahami. Sudah beberapa malam ini saya selalu jadwalkan utk "ngaji" bagian per bagian. bahkan sampai saya "bookmark"an biar nyarinya lagi ga peke lama. sip dan jempol dah
Terimakasih gan, saya juga senang tutorialnya bisa bermanfaat :)
mantap gan. bagus tutornya. mudah di pahami. dan konsisten… lengkap lg. jadi g mesti serch kemana-mana lg. makasih gan sangat membantu…
Sama2 gan, senang bisa bermanfaat :)
gan, ane pusing nihh pelajarinnya… tolng bantu yahh,,, agan org mana?
Saya domisili di Padang sis, jauh dari perkotaan, hehe…
Jika maksudnya ingin mulai mempelajari HTML, Saya sudah membuat eBook HTML Uncover.
Buku ini ditujukan untuk pemula yang ingin belajar HTML dari dasar. Saya juga menyediakan bantuan jika kurang paham tentang materi yang dibahas dalam buku ini. Apabila berminat bisa menghubungi saya di [email protected]
thanks so much
sangat bermanfaat tutorialnya lengkap saya rasa tak perlu kursus, tutorial yg disajikan di sini cukup lengkap dan mudah di mengerti.
terimakasih mas. Dg berbagi ilmu semoga hidup anda penuh berkah. amin
Amiin… Terimakasih mas, semoga ilmunya bisa bermanfaat :)
saya sangat bahagia. semoga dunialkom update terus tentang it, dan semoga maju. nih web aku simpen loh ke bookmarks dan favorit. authornya mudah mudahan sehat sentosa biar bisa bagi bagi ilmu. saran dari saya cuman gaya bahasanya yang di perbaiki. mungkin para reader sedikit bingung. itu aja makasih top banget loh nih web…. :)
Amiin… terimakasih gan :)
Artikel yang sangat bermanfaat , semoga dari artikel ini saya bisa membuat website saya sendiri. terima kasih buat mas andre buat artikelnya , semoga berkah mas andre . oiya udah saya bookmarks web ini , makasih ya mas andre :D
mantap banget tulisannya, sangat membantu bagi pemula spt saya.
izin share mas andre ;)
Siip, silahkan mas.. :)
Kalau ilmu di atas tersebut penerapan web nya itu bisa buat template blog atau penerapan pada web desain ya mas? Maklum masih awam.
komplit sekali artikelnya…. bisa kunjungi web mas bos berhari-hari nih…..
lebih mantap lagi kalau ada kompetisi di blog ini
Hehe, berminat jadi sponsornya gan?
banyak inspirasi dari A sampai Z tetap konsen agar lebih mantap
thanks lot Gan
wah mantap kang . bermanfaat sekali.terimaksih banyak.izin belajar kang
Siap silahkan..
Sy pingin belajar tolong di pandu mulai dari mn
Silahkan ikuti seluruh tutorial yang ada di duniailkom ini gan. Jika pengen materi yang lebih lengkap, bisa order eBook HTML Uncover Duniailkom.
Ini sangat membantu , tetapi ada tidak khusus Ebook nya agar mudah dipahami lebihh
eBook HTML sudah tersedia gan, dan dengan materi yang jauh lebih banyak daripada tutorial di website ini. Penjelasan lebih lanjut bisa baca2 kesini: https://www.duniailkom.com/html-uncover-panduan-belajar-html-lengkap-untuk-pemula/
Apabila berminat, bisa menghubungi saya ke [email protected]
Makasih gan infonya!
mantab gan tutorialnya :)
ini sudah cukup lengkap untuk pemula seperti saya :)