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

Postingan populer dari blog ini

membuat navbar menggunakan css dan bootstrap

Assalamu alaikum wr.wb kali ini kita akan membahas beberapa fungsi css dan boostrap contoh output : Hello, world! Navbar Home (current) Link Dropdown Action Another action Something else here Disabled Search Hello, world! This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting p...

Tag-tag yang digunakan pada HTML

mybiodata Assalamu alaikum Wr.Wb kembali lagi di blog saya. kali ini kita akan mempelajari kembali beberapa perintah Tag yang digunakan pada HTML contoh output FUNDAMENTAL WEB HTML JavaScrip CSS PHP HyperText Markup Language (HTML) adalah sebuah markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai berbagai informasi dalam sebuah penjelajahan web internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menhasilkan tampilan wujud yang terintegrasi. CSS (Cascading Style Sheet) adalah kependekan dari Cascading Style Sheeat. CSS merupakan kumpulan kode-kode yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik. C...

pengertian CSS

Assalamu Alaikum Wr.Wb 1     Jelaskan apa yang dimaksud dengan CSS!       Jawaban : Cascading Style Sheet (CSS) adalah suatu bahasa yang bekerja sama dengan dokumen HTML untuk mendefinisikan cara bagaimana suatu halaman web ditampilkan atau dipresentasikan. Presentasi ini meliputi style atau gaya pada teks, link maupun tata letak (layout) halaman. Script CSS disimpan dengan forma t ekstensi .css 2        Jelaskan 3 cara pemanggilan CSS serta tuliskan bentuk penggunaannya! Jawaban : ·          Internal CSS kode CSS yang ditulis di dalam tag  <style> . Intarnal CSS juga dikenal dengan sebutan  Embeded CSS . Contoh : ·          Eksternal CSS kode CSS yang ditulis terpisah dengan kode HTML. Eksternal CSS ditulis disebuah file khusus yang berekstensi  .css . contoh : ·  ...