Postingan

Menampilkan postingan dari Mei, 2020

Membuat List Pakai HTML

Gambar
            MEMBUAT LIST PADA HTML List Merupakan fungsi dalam HTML yg digunakan untuk menampilkan data secara berurutan kebawah atau yg dikenal dengan daftar berurutan. Dalam penulisan List menggunakan tag <li> huruf kecil semua.  Terdapat 2 jenis tampilan list yg bisa digunakan yaitu : - Ordered list - Unordered list 1. Ordered List berfungsi untuk menampilkan daftar list dalam bentuk huruf atau angka, tag yg digunakan dalam Ordered List ini yaitu <ul> huruf kecil semua. 2. Unordered List berfungsi untuk menampilkan daftar list dalam bentuk bulatan atau kotak diawalnya, tag yg digunakan dalam Unordered List ini yaitu <ol> huruf kecil semua. Penggunaan list pada HTML tidak hanya untuk membuat daftar saja, dengan menggabungkan CSS & JAVASCRIPT tag list ini bisa digunakan untuk membuat menu navigasi pada halaman web.  Ok ini tutorialnya sudah Q persiapkan ini tutorialnya Q gabungkan Ordered List s...
Posting Komentar
Baca selengkapnya

Membuat Tabel Pakai HTML

Gambar
          MEMBUAT TABEL PADA HTML Tabel merupakan struktur yg digunakan untuk menampilkan informasi dalam bentuk baris dan kolom. Pada HTML itu membuat tabel menggunakan tag <table>  untuk membuat baris <tr> dan untuk membuat kolom <td>  Penjelasanya ↩️ 1. <table> merupakan tag pembuka dalam membuat tabel pada html, tanpa <tablet> ini, penggunaan <tr> dan <td> tidak bisa berfungsi dengan baik. 2. <tr> dikenal dengan table row merupakan tag yg digunakan untuk membuat baris dalam table html. 3. <td> dikenal dengan table data  merupakan tag yg digunakan untuk membuat kolom dalam baris dan untuk menampilkan data dalam table. 4. <th> untuk membuat table head atau bagian kepala pada table. Contoh pembuatan table ↩️ Klik Disini Tutorialnya Guys Pada tag table Q memberikan garis tepi pada table dan nilai 1 ini merupakan nilai garis tepi pada table yg Q buat tadi. Creat...
Posting Komentar
Baca selengkapnya

Membuat Paragraf Pada HTML

Gambar
MEMBUAT PARAGRAF PADA HTML Paragraf disini merupakan suatu tag untuk membuat suatu element dalam penulisan HTML. Dalam paragraf itu sendiri terdapat 3 element/tag lain yg bisa dikombinasikan langsung dgn tag paragraf <p>. Element tag tersebut yaitu : 1. Penggunaan paragraf rata kiri menggunakan align left 2. Penggunaan paragraf rata kanan menggunakan align right 3. Paragraf rata tengah menggunakan align center 4. Paragraf rata kiri kanan menggunakan align justify Penulisan paragraf <p> HTML menggunakan tag khusus untuk membuat paragraf yaitu <p>  Perhatikan contohnya Dari contoh di atas penulisan paragraf nya kurang tepat bukan? Dikarenakan paragraf 1 dan paragraf 2 tidak dipisahkan melainkan disatukan. Dalam HTML enter dan spasi itu diabaikan.  Biar lebih tepat penulisan paragraf menggunakan <p> berikut emplementasi <p> dalam dokumen HTML Dari contoh di atas bahwa penulisan paragraf 1 dan paragraf 2 ...
Posting Komentar
Baca selengkapnya

Format text pada HTML

Gambar
FORMAT TEXT PADA HTML 1. Format Text bold (tebal) untuk membuat teks menjadi tebal pada tampilan halaman web menggunakan tag <b>  Berikut syntax HTML untuk membuat format Text tebal : <b>ini Text tebal</b> 2. Format Text Italic (Miring) untuk membuat teks miring pada HTML menggunakan tag <i>, contohnya <i>ini Text miring</i> 3. Format Text underline (garis bawah) untuk membuat teks underline/garis bawah pada HTML menggunakan tag <u> contohnya <u>ini teks underline</u> Berikut contoh penulisan tag/element format Text yg sudah dipelajari diatasi  1. <!DOCTYPE html> 2. <html> 3. <head> 4.          <title>belajar format text</title> 5. </head> 6. <body> 7. <b>ini format text tebal</b><br/> 8. <i>ini format text italic</i><br/> 9. <u>ini format text underline</u...
Posting Komentar
Baca selengkapnya

Heading Pada HTML

Gambar
                  HEADING PADA HTML Heading merupakan element atau tag HTML Yg berfungsi untuk menunjukan bagian penting  pada halaman web. Element tag heading memiliki 6 tingkatan yg berurutan yaitu  <h1>, <h2>, <h3>, <h4>, <h5>, <h6> yg bisa digunakan untuk menambahkan ke struktur halaman web. Perbedaan masing - masing heading yaitu besar hingga kecil teks. Contohnya tag/element <h1> lebih besar dari element/tag  <h2> dan seterusnya. Berikut penggunaan masing - masing tag/element heading yg sering digunakan pada pengolahan halaman web : 1. <h1>heading yg digunakan untuk penulisan judul utama dari dokumentasi 2. <h2>heading yg digunakan sebagai sub <h1> 3. <h3> heading yg digunakan sebagai sub <h2> 4. Untuk penggunaan <h4>, <h5>, <h6> tergantung programmer sendiri untuk memperindah halaman web. Contoh penerap...
1 komentar
Baca selengkapnya

Mengenal Tag, element, atribut pada html

Gambar
          MENGENAL TAG, ELEMENT & ATRIBUT HTML Tag HTML Tag Merupakan kode yg digunakan untuk memperkenalkan pada web browser untuk apa html ditulis. HTML membutuhkan cara memperkenalkan Text yg ditulis didalamnya kepada web browser baik Text itu berupa list, paragraf, link dsb.. Hampir semua menggunakan pembuka dan penutup tag, dimana objek yg dimasukan berada diantara pembuka dan penutup tag.  Ini contoh penulisan tag yg digunakan dalam HTML  <tag>objek yg diisi</tag> Perbedaan antara tag pembuka & tag penutup yaitu, pada tag pembuka diawali kurung sudut pembuka, dan diakhiri dengan kurung sudut penutup.  Sedangkan pada tag penutup tag itu diawali dengan kurung sudut pembuka, dan diakhiri dengan penutup kurung sudut. Element HTML Element pada HTML merupakan isi / objek yg berada ditag.  Contoh penulisanya ↩️ 1. <! DOCTYPE html >   2. <html>   3. ...
Posting Komentar
Baca selengkapnya