Langsung ke konten utama

Belajar membuat table, list dan link pada HTML

Assalamu Alaikum wr.wb
Halo teman-teman.....
Diblog kali ini kita akan mempelajari bagaimana cara membuat TABLE, LIST dan LINK pada HTML

1. Tag Table
     Tag table digunakan untuk membuat tabel pada html, untuk membuat tabel  memerlukan tag lain misalnya:
  • tag <tr> atau table row berfungsi untuk membuat baris dan kolom
  • tag <td> atau table data berfungsi untuk menginput data ke tabel   
contoh:
<table>
                <tr>
                     <td>Nama Lengkap</td>
                    <td> : llfah Sahra</td>
                    <td rowspan="5"><img src="ilfah.jpg" alt="ilfah" width="100" height="150"></td>
                </tr>
                <tr>
                    <td>Tempat,Tanggal Lahir</td>
                    <td> : Maros,23 Oktober 2000</td>
                </tr>
</table>

2. Tag list
       Tag list pada html digunakan untuk menampilkan data secara berurutan kebawah. List sendiri di bagi  menjadi 2 yaitu :
  • tag <ol> atau ordered list berfungsi untuk menampilkan daftar list dalam bentuk huruf dan angka 
  • tag <ul> atau unordered list berfungsi untuk menampilkan daftar list dalam bentuk bulatan dan kotak
contoh:
  • ordered list
<ol type="A">
    <li>DATA PRIBADI </li>

  • unorderd list

<ul> 
         <li>Facebook : ilfahhsahhra</li>
         <li>Instagram : ilfahhsahhra</li>
      </ul>

hasilnya


3.Tag Link
     Tag link adalah tujuan Hypertext dari HTML adalah membuat sebuah text yang ketika di-klik akan pindah ke halaman lainnya. HTML menggunakan tag <a>untuk keperluan ini.
     Link ditulis dengan <a> yang merupakan singkatan cari anchor (jangkar). Setiap tag <a> setidaknya memiliki sebuah atribut href. Dimana href berisi alamat yang dituju (href adalah singkatan dari hypertext reference).
contoh:
        <p>baca juga :   <a href="https://ilfahsahra.blogspot.com/2020/03/membuat-cv-sederhana-menggunakan-html.html
  ">membuat cv sederhana menggunakan html</a></p>


hasinya





terima kasih :)


baca juga : membuat cv sederhana menggunakan html

Komentar

Posting Komentar

Postingan populer dari blog ini

Pengertian HTML, Tag dan Atribut beserta fungsinya

Assalamu Alaikum Wr.Wb Kali ini saya akan menjelaskan mengenai HTML, Tag, dan atribut yang biasa digunakan 1.        Jelaskan apa yang dimaksud dengan HTML beserta fungsinya ! ( Jawaban:    HTML singkatan dari Hyper-Text Markup Language yaitu bahasa (aturan) standar yang digunakan untuk menampilkan teks, gambar, video dan audio ke dalam halaman web yang disimpan dalam sebuah file dengan ekstensi html. Pada HTML dikenal istilah Tag yang merupakan istilah untuk elemen- elemen penyusun file teks HTML -           Fungsi HTML a.        Membuat halaman web b.       Menampilkan beragai informasi di dalam sebuah browser c.        Memuat link menuju halaman web lain dengan kode tertentu 2.        Jelaskan perbedaan antara Tag, Atribut, Value dan Element pada HTML ! Jawa...
1 komentar
Baca selengkapnya

Perbedaan Rowspan dan colspan pada tag table

Assalamu Alaikum Wr.Wb 1.     Jelaskan perbedaan rowspan dan colspan pada table? Jawaban : ·     COLSPAN atribut html atribut yang digunakan untuk menggabungkan beberapa baris ·     ROWSPAN   adalah atribut html atribut yang digunakan untuk memperlebar atau menggabungkan beberapa kolom 2.       Jelaskan perbedaan Method POST dan GET pada Form? Jawaban : ·       Method POST akan mengirimkan data atau nilai langsung ke action untuk ditampung, tanpa menampilkan pada URL. ·         M ethod GET akan menampilkan data/nilai pada URL, kemudian akan ditampung oleh action. 3.     Berikan Contoh Syntax membuat table di SQL dan lakukan percobaan DML pada table yang telah ada! ·                      Sintax membuat table pada Sql Ø ...
1 komentar
Baca selengkapnya

Membuat CV sederhana menggunakan HTML

ASSALAMU ALAIKUM WR.WB Hy temen-teman, ini adalah posting pertama saya lhoo… 😊 Nah pada postingan pertama ini saya akan memberikan contoh bagaimana cara membuat cv sederhana menggunakan html beserta sedikit pejelasan mengenai perintah-perintah yang saya gunakan pada html kali ini. Berikut caranya: <html>  <head>          <title>mybiodata</title> <!-- untuk memberikan informasi berupa judul dokumen html-->    </head>   <head>  <!--  <head  sebagai tempat kumpulan data-->        <body bgcolor="BLUE">     <!-- <body> untuk mendefinisikan isi dari html-->       <!-- bgcolor untuk membuat background lebih berwarna -->              ...
Posting Komentar
Baca selengkapnya