
1 Belajar HTML : Pengenalan
HTML merupakan bahasa markup utama untuk menggambarkan struktur halaman web.HTML merupakan kepanjangan dari Hyper Text Markup Language. HTML merupakan dasar pondasi dalam membangun World Wide Web (WWW). Lanjut baca…
2. Belajar HTML : Membuat File HTML Pertama
File HTML hanyalah file teks yang disimpan dengan ekstensi .html atau .htm. Dalam tutorial ini kalian akan belajar betapa mudahnya membuat dokumen HTML atau halaman web. Untuk mulai coding HTML, kalian hanya perlu dua hal yaitu editor teks sederhana dan browser web. Lanjut baca…
3. Belajar HTML : Syntax Elemen
Pada tutorial ini kita akan mempelajari macam-macam elemen pada HTML. Elemen HTML adalah komponen individual dari dokumen HTML. Sebagai contoh, elemen judul mewakili judul dokumen. Sebagian besar elemen HTML ditulis dengan tag awal (atau tag pembuka) dan tag akhir (atau tag penutup), dengan konten di antara tag-nya Lanjut baca…
4. Belajar HTML : Atribut
Atribut mendefinisikan karakteristik tambahan atau properti elemen seperti lebar dan tinggi gambar. Atribut selalu ditentukan dalam tag awal (atau tag pembuka) dan biasanya terdiri dari pasangan nama / nilai seperti name = “value”. Nilai atribut harus selalu dilampirkan dalam tanda kutip. Lanjut baca…
5. Belajar HTML : Heading
Heading membantu dalam menentukan hierarki dan struktur konten suatu halaman web. Tag heading biasanya digunakan untuk membuat judul pada halaman web, tag heading pada HTML terdiri dari 6 tingkatan yaitu yang terdiri dari h1,h2,h3,h4,h5,h6. Lanjut baca…
6. Belajar HTML : Paragraph
Pada tutorial ini kalian akan mempelajari mengenai cara membuat paragraph, elemen penutup paragraph, membuat line break, membuat garis horizontal, dan membuat spasi. Elemen paragraf digunakan untuk mempublikasikan teks di halaman web. Lanjut baca…
7. Belajar HTML : Formating Text
HTML menyediakan beberapa tag yang dapat digunakan untuk membuat beberapa teks menjadi berbeda, misalnya kalian dapat menggunakan tag <b> untuk membuat teks bold, tag <i> untuk membuat teks italic, beri tag <mark> untuk membuat teks yang disorot/ditandai, beri tag <code> untuk menampilkan fragmen kode komputer, tag <ins> untuk membuat teks yang telah dimasukkan ke dalam dokumen, dan <del> untuk menghapus teks dari dokumen, dan banyak lagi. Lanjut baca…
8. Belajar HTML : Link
Pada tutorial ini kita akan mempelajari bagaimana cara membuat link pada HTML, syntax link HTML, dan setting target link. Tautan atau hyperlink merupakan koneksi dari satu sumber web ke web yang lainnya. Lanjut baca…
9. Belajar HTML : Style
HTML sangat terbatas dalam menyajikan halaman web. Awalnya dirancang sebagai cara sederhana untuk menyajikan informasi. CSS (Cascading Style Sheets) diperkenalkan pada Desember 1996 oleh World Wide Web Consortium (W3C) untuk memberikan cara yang lebih baik dalam mendesain elemen HTML. Lanjut baca…
10. Belajar HTML : Image
Web bukan hanya berisi tentang teks, multi-media dan fitur multimedia HTML saja tetapi memungkinkan kalian untuk memasukkan gambar, klip audio, klip video, dan elemen multimedia lainnya di halaman web. Lanjut baca…
11. Belajar HTML : Tabel
Tabel dalam HTML ditulis dengan tag <table>. Tabel dibagi menjadi baris dengan tag <tr>, yang merupakan singkatan dari baris tabel (Table Row), dan setiap baris dibagi menjadi data sel dengan tag <td>, yang merupakan singkatan dari tabel data (Table Data). Lanjut baca…
12. Belajar HTML : List
List HTML digunakan untuk menyajikan daftar informasi dengan cara yang baik dan semantik (berkaitan). Ada tiga jenis daftar dalam HTML dan masing-masing memiliki tujuan dan makna tertentu yaitu unordered list, ordered list, dan description list. Lanjut baca…
13. Belajar HTML : Form
Form HTML diperlukan untuk mengumpulkan berbagai macam informasi user, seperti detail kontak nama, alamat email, nomor telepon, atau detail lainnya seperti informasi kartu kredit, dll. Form berisi elemen khusus yang disebut kontrol seperti inputbox, kotak centang, radio-button, tombol kirim, dll. Lanjut baca
14. Belajar HTML : iFrame
Iframe digunakan untuk menampilkan halaman web di dalam halaman web lain. Iframe merupakan sebuah tag html yang berfungsi untuk menampilkan halaman website tanpa harus membuka website tersebut. Lanjut baca…
15. Belajar HTML : Membuat Form
Elemen HTML mendefinisikan formulir yang digunakan untuk mengumpulkan input data pengguna. Mungkin biasanya kita melakukan registrasi ke dalam suatu sistem dari sebuah website. Hal ini dengan tujuan bahwa, supaya kita bisa akses berbagai fitur web tersebut jika kita sudah terdaftar. Lanjut baca…
16. Belajar HTML : Membuat Table
Dalam dunia informasi, tentunya tabel sangat dibutuhkan untuk sajian dari kumpulan data-data. Jadi, di sebuah website juga sudah menjadi sebuah kebutuhan. Lanjut baca…
17. Belajar HTML : Dasar HTML, Heading, Paragraf, Gambar, Link, List
HyperText Markup Language (HTML) adalah bahasa inti dari hampir semua konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda adalah sebuah deskripsi, secara mendasar, menggunakan HTML. Lanjut baca…
18. Belajar HTML : Menambahkan Audio Pada HTML
Sahabat Webhozz dimanapun berada, semoga sehat selalu ya, amin. Oke pada kesempatan kali ini kita akan belajar memasang audio pada html, jadi, kita bisa memutar audio pada website. Selain itu, dilengkapi juga dengan controlnya. Lanjut baca…
19. Belajar HTML : Atribut Required Pada HTML
Sahabat Webhozz dimanapun berada, kali ini kita akan belajar tentang atribut required pada html. Biasanya atribut ini pernah digunakan untuk form. Nah, tentunya atribut required ini dipakai untuk meminimalisir kesalahan pemakai tiap input. Lanjut baca…
20. Belajar HTML : Membuat Spesifikasi Data Menggunakan Tabel HTML
Pada kesempatan kali ini kita akan membuat Spesifikasi data. Tentunya teman-teman pernah belanja di toko online. Saat melihat daftar produk. Lalu klik salah satu produknya. Maka akan dipindahkan ke sebuah halaman. Lanjut baca…
21. Belajar HTML : Memasukkan video youtube dalam html
Pada kesempatan kali ini, Webhozz akan berbagi ilmu lagi lewat postingan. Sebelumnya tentunya kita pernah melihat blog atau website yang memiliki video youtube di postingan atau bahkan di sisi blognya. Lanjut baca…
22. Belajar HTML : Membuat Halaman Profil Sederhana Dengan HTML5
Halo Sobat Webhozz, kali ini kita akan mempelajari bagaimana cara membuat biografi di dalam html.
langsung aja yuk kita masuk ke pembahasannya, begini caranya. Lanjut baca…
23. Belajar HTML : Membuat Icon Title Pada HTML
Pada kesempatan kali ini Webhozz akan berbagi ilmu lagi nih. Disini kita akan belajar tentang membuat icon title pada sebuah website. Tentunya kita akan membuat file dalam format HTML. Sebelumnya, apa sih itu icon title? Oke icon title itu biasanya terletak di bagian atas sebuah website, alias judul website. Lanjut baca…
24. Belajar HTML : Cara Memasukkan Google Maps ke Dalam File HTML
Pada kesempatan ini, kita akan membahas tentang penggunaan Google Map pada file HTML. Hal tersebut dibuat dengan tujuan untuk mempermudah pengunjung website agar pengunjung bisa mengetahui lebih jelas tentang alamat perusahaan tersebut. Lanjut baca…
25. Belajar HTML : Membuat Link Download dengan Menggunakan HTML
Pada tutorial kali ini kita akan membuat link download dengan menggunakan HTML. Link pada HTML berfungsi untuk mengarahkan user/pengguna dari suaru halaman menuju halaman atau file lain. Lanjut baca…
26. Belajar HTML : Cara Membuat Tombol Submit di Sebelah Kanan
Defaultnya suatu form atau inputan selalu berada pada sebelah kiri. Tapi terkadang kita membutuhkan tombol submit yang berada di sebelah kanan halaman. Contohnya pada kasus dibawah yaitu tombol next dan prev page. Lanjut baca…
27. Belajar HTML : Penggunaan Tag Form
Dalam membuat sebuah inputan data, kita dapat menggunakan tag form yang terdapat dalam bahasa HTML . Terdapat banyak pilihan inputan di dalam tag form. Berikut jenis-jenis inputan dalam tag form seperti Textbox, Radio Button, Checkbox, Textarea, dll. Lanjut baca…
28. Belajar HTML : Pengertian HTML dan Contohnya
HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). Lanjut baca…
29. Belajar HTML : Kesalahan yang sering Dilakukan dalam Menulis HTML
Pada artikel ini, kita akan membahas sedikit tentang HTML. Ya, mungkin untuk teman-teman programmer web tidak asing mendengarnya. Karena HTML itu, merupakan suatu bahasa yang paling pertama untuk dipelajari dalam membangun sebuah website. Lanjut baca…
30. Belajar HTML : Membuat Daftar Istilah dan Singkatan Pada HTML5
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai membuat daftar istilah dan singkatan. Selain berupa daftar urut dan daftar tak berurut, secara spesifik kalian juga bisa membuat daftar istilah menggunakan tag-tag khusus untuk keperluan tersebut. Lanjut baca…
31. Belajar HTML : Membuat Meta Viewport
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai menggunakan meta viewport. Agar template web menjadi mobile friendly, maka sisipkan tag meta viewport persis di bawah tag meta charset. Lanjut baca…
32. Belajar HTML : Menyiapkan Elemen Body di Template
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai menyiapkan elemen body di template. Struktur elemen body untuk template kalian dapat dibuat menggunakan teknik sectioning. Lanjut baca…
33. Belajar HTML : Cara Membuat Kutipan
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai membuat kutipan pada HTML5. Saat menguraikan sebuah artikel, pencantuman sebuah kutipan dan penyebutan sumbernya lazim dilakukan. Lanjut baca…
34. Belajar HTML : Tips Dalam Memilih Font
Desain logo dewasa ini lazim disusun berdasarkan huruf, contohnya logo Google, Yahoo, Facebook, dan lainnya. Kalian tinggal memfokuskan pada pilihan font yang akan kalian pakai sebagai logo. Ada ratusan font yang bisa dipilih. Lanjut baca…
35. Belajar HTML : Tips Dalam Memilih Tagline
Tagline atau slogan adalah teks singkat untuk menjelaskan visi dan misi website kalian. Contoh tagline misalnya “Think Different” (Apple), “Intel Inside (Intel), dan “Connecting People” (Nokia). Tagline akan mempermudah dan mempercepat pengunjung dalam memahami topik, bidang, atau fokus utama layanan web kalian. Lanjut baca…
36. Belajar HTML : Memisah Kata Baris dan Konten
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai memisah kata, baris, dan konten. Nah untuk menjawab pertanyaan tersebut langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz. Lanjut baca…
37. Belajar HTML : Menghindari Pemakaian Tag Kadaluarsa
Saat menyusun dokumen HTML. Kalian mungkin mendapatkan referensi atau contoh kode HTML yang belum menggunakan standar HTML5. Pastikan kalian tidak memakai tag-tag di bawah ini, karena sudah kadaluarsa atau lazim disebut deprecated atau obsolete. Lanjut baca…
38. Belajar HTML : Membuat Metadata
Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai membuat teks judul dan paragraf. Teks merupakan bagian yang paling dominan di sebuah halaman web. Penggunaan teks yang paling umum adalah untuk membuat judul dan paragraph informasi di halaman web. Lanjut baca…
39. Belajar HTML : Membuat Skala Pada HTML5
Pada tutorial kali ini saya ingin membagikan artikel mengenai hal yang Harus dikuasai untuk membuat skala pada HTML5. Untuk kebutuhan tertentu, kalian bisa menggunakan tag-tag skala. Bentuk dan warna bilah skala yang dihasilkan tergantung masing-masing browser. Lanjut baca…
40. Belajar HTML : HTML Forms
Tag Form bentuk HTML digunakan untuk mengumpulkan input pengguna. Bentuk HTML mengandung Unsur Bentuk. Elemen bentuk BERBAGAI JENIS masukan elemen, checkbox, radio Tombol, Tombol mengirimkan, Dan Banyak Lagi. Lanjut baca…
41. Belajar HTML : HTML Symbols
Banyak simbol matematika, teknis, dan simbol mata uang, yang tidak ada pada keyboard normal.Untuk menambahkan simbol-simbol ini ke halaman HTML, maka kalian dapat menggunakan nama entitas HTML. Lanjut baca…
42. Belajar HTML : HTML Layouts
Website sering menampilkan konten dalam beberapa kolom (seperti majalah atau koran). layout html sendiri menggunakan elemen. Div elemen sering digunakan sebagai alat untuk membuat layout, karena dengan mudah dapat diposisikan dengan CSS. Lanjut baca…
43. Belajar HTML : HTML Block dan Inline Elements
Setiap elemen HTML memiliki nilai tampilan default tergantung pada jenis elemen itu. Tampilan nilai default untuk sebagian besar elemen adalah blok atau inline. Sebuah elemen blok selalu dimulai pada baris baru dan mengambil lebar penuh yang tersedia. Lanjut baca…
44. Belajar HTML : Tag HTML p (Paragraph)
Pada tutorial kali ini, kita akan mempelajari Tag p (Paragraph) pada HTML. Tag HTML ini berfungsi layaknya sebuah paragraf pada sebuah website. Dengan menghasilkan jarak pada setiap tag p. Lanjut baca…
45. Belajar HTML : Tag HTML Link (a)
Tutorial kali ini kita akan mempelajari Tag Link (a), lebih tepatnya seperti ini(a href=””). Berfungsi untuk menyisipkan sebuah link atau alamat situs. Lanjut baca…
46. Belajar HTML : Tag HTML h (Heading)
Pada tutorial kali ini, kita akan mempelajari Tag H (heading) pada HTML. Tag HTML ini berfungsi memberikan tulisan cetak tebal sekaligus memberikan jarak 1 baris dan memiliki tingkat ketebalan dari h1, h2 ,h3, h4, h5 dan h6. Lanjut baca…
47. Belajar HTML : Berkenalan dengan Viewport Meta Tag
Apabila kita tidak memberikan Meta Tag Viewport ini, mungkin tampilan dekstop tidak akan berpengaruh tetapi akan memberikan efek berbeda bila dilihat di perangkat mobile, atau monitor dengan ukuran layar yang kecil. Lanjut baca…
48. Belajar HTML : Semantik HTML
Dalam penulisan sebuah dokumen HTML di perlukan adanya tag-tag HTML yang berfungsi untuk melakukan pemformatan atau me-markup suatu dokumen. HTML bukan untuk membuat bagaimana dokumen tersebut ditampilkan, tetapi biasanya digunakan untuk memberikan penekanan kepada suatu teks yang diformat. Lanjut baca…
49. Belajar HTML : Perbedaan Antara Tag DIV dan SPAN
Kita sekarang akan mempelajari perbedaan antara tag DIV dan tag SPAN dalam HTML. Tag Div (division) biasanya sering kita gunakan ketika kita akan membuat website dengan tujuan untuk membuat suatu seksi atau pengelompokan sebuah file HTML menjadi beberapa bagian, agar mempermudah untuk melakukan manipulasi style dengan CSS. Lanjut baca…
50. Belajar HTML : Membuat Website Full dengan Background Image
Oke teman-teman WebHozz, pada tutorial kali ini kita akan mencoba bagaimana membuat background sebuah website menjadi terlihat full satu halaman. Baik kita akan mencobanya. Yang kita perlukan untuk memanipulasi tampilan background agar terlihat full adalah dengan perintah css seperti dibawah ini teman-teman. Lanjut baca…
51. Belajar HTML : HTML 6
Baru kemarin rasanya mempelajari HTML 5 dan semuanya belum dipelajari., eh sekarang akan muncul penerusnya “HTML6” . Hal ini menandakan bahwa perkembangan teknologi terkhusus dibidang web development berkembang begitu cepat. Lanjut baca…
52. Belajar HTML : Elemen datalist
HTML5 memperkenalkan sejumlah elemen baru, diantaranya beberapa bentuk kontrol yang menarik.
Fungsi datalist adalah untuk mengeluarkan teks secara otomatis dalam elemen select. Jadi elemen ini sangat membantu user apabila jumlah pilihan banyak. Lanjut baca…
53. Belajar HTML : Elemen Detail dan Summary
Pada tutorial kali ini kita akan mempelajari tentang elemen detail dan summary. Cara kerja elemen detail dan summary sama seperti accordian widget di JQuery . Elemen detail dapat digunakan dimana saja , asalkan masih didalam elemen body. Lanjut baca…
54. Belajar HTML : Menambahkan Video Pada Website
Untuk membuat website lebih menarik dan berkesan bagi pengunjung, tampilan saja terkadang tidak cukup. Kita juga bisa memasukkan video pada website kita. Elemen video digunakan untuk tujuan ini, dan sama seperti elemen img dan audio, kita harus memberikan nilai tempat menyimpan file audio melalui atribut src. Lanjut baca…
55. Belajar HTML : Menambahkan Audio Pada Website
Pada tutorial kali ini kita akan mempelajari cara menambahkan audio pada website. Elemen audio digunakan untuk tujuan ini, dan sama seperti elemen img, kita harus memberikan nilai tempat menyimpan file audio melalui atribut src. Tetapi berbeda dengan img, elemen audio memiliki tag penutup. Lanjut baca…
56. Belajar HTML : Menampilkan Gambar di HTML
Ada banyak cara untuk membuat website kita terlihat menarik. Salah satu cara adalah dengan menggunakan gambar. Kali ini saya akan membahas bagaimana caranya memanggil gambar di html.
Dengan adanya gambar tentu nya web akan terlihat lebih menarik, adanya banner, logo, galllery, dsb. Lanjut baca…
57. Belajar HTML : Menampilkan Chatroom di Website
Adanya chatroom di website kita akan membuat nyaman pengunjung, karena mereka akan kembali untuk mengunjungi website kita . selain melihat update perkembangan dari website juga melakukan obrolan di ruang chat, sehingga website kita lambat laun akan memiliki banyak pengunjung. Lanjut baca…
58. Belajar HTML : Membuat Peta Google
Mungkin pembaca pernah melihat atau ingin meng-klik sebuah link lihat alamat, lalu link tersebut nantinya akan menuju ke google maps. Nah sekarang kita akan membuat peta berupa gambar. Lanjut baca…