HTML #3

12 Komentar / Oleh / Maret 7, 2022
  • Cara membuat daftar/list di html <tag li>

dalam bahasa html kita dapat membuat urutan data atau dibuat menjadi “list”. Tipe list itu sendiri dibagi menjadi dua, yaitu ordered list atau pengurutan menggunakan angka dan unordered list atau pengurutan berdasarkan simbol. Cara pemakaian ordered list menggunakan tag “<ol>…..</ol>” sedangkan untuk unordered list menggunakan “<ul>…..</ul>”. Setelah dideklarasikan tipe pengurutannya, selanjutnya adalah mengisi urutannya, dengan menggunakan tag “<li>…….</li>” Sebagai tanda per data.

CONTOH BERIKUT.

Hasil dari code diatas:

CONTOH BERIKUT.

simbol atau angka yang digunakan untuk tanda pengurutan pun dapat diganti menggunakan atribut “Type”.

  • Cara membuat link di html <tag a>

salah satu fungsi paling sering digunakan adalah Hypertext atau text yang jika di klik dapat menghubungkan dengan file atau halaman lain. Cara membuatnya dengan menggunakan tag “<a>…….</a>”

namun ada atribut dasar yang harus ada didalam tag ini, yaitu “href” atau link directory yang dituju, dapat berupa ID, ataupun alamat, ID adalah suatu atribut dari sebuah tag yang digunakan untuk memberi nama atau identitas tag tersebut, dapat kita isi sesuai keinginan. Sebelumnya mencoba buatlah coding dibawah disebuah file baru, terpisah dari file tutorial sebelumnya. Kemudian isi nilai dari “href” dapat diisi nama file dari tutorial sebelumnya.

<!DOCTYPE html>
  <html>
    <head>
      <title> Title dari head</title>  
    </head>  
    <body>
      <header>
        Isi header  
      </header>  
      <h1>Ordered List</h1>
      <a href = "https://facebook.com/">FACEBOOK</a>
      <br>
        <a href = "https://Instagram.com/" target = "_blank">INSTAGRAM</a>
        <footer>Isi footer</footer>
    </body>
  </html>

Hasil dari code diatas:

CONTOH BERIKUT.

dari code atas didapat dilihat atribut “Target” didalam tag “<a>….</a>”. Untuk mengatur Hypertext itu terbuka dijendela yang sama atau di jendela baru, untuk new tab menggunakan “_Blank”.

  • Cara menambahkan gambar di html <tag image>

selanjutnya adalah cara memasukkan gambar pada html. Tag yang digunakan disini ialah tag “<img>” didalam tag ini dasarnya memerlukan sebuah atribut”src”. Atau bisa dianggap sebagai source. Yaitu file sumber yang ingin ditampilkan di halaman. File gambar dapat berupa jpg, png, dan yang lain selama masih berwujud gambar.

cara penggunaan pastikan file gambar atau foto berada di folder yang sama dengan file html.

<html>
  <head>
    <title> CONTOH</title>  
  </head>  
  <body>
    <header>
      ANJASCYBER7  
    </header>  
    <img src = "https://d.top4top.io/p_20576uau70.jpg" height = "125px" width = "125px">
  <footer>CONTOH</footer>
  </body>
</html>

hasil dari code diatas:

CONTOH BERIKUT.
  • Cara membuat table di html <tag table>

didalam bahasa html dikenal fungsi atau tag untuk membuat tab

didalam sebuah halaman. Dalam versi html yang masih awal dikembangkan dahulu pembuatan tabel ini digunakan untuk membuat template ataupun memetakan layaout sebuah halaman. Cara pembuatan tabel ini menggunakan tag “<table>……..”</table>” untuk mengawali dan mengakhiri Membuat tabel. Kemudian yang pertama dibuat setelah itu ialah Membuat row/baris, menggunakan tag “<tr>……</tr>” setelah itu tinggal diisakan dengan data atau kolom menggunakan tag “<td>……</td>”. Jangan lupa juga tambahkan atribut yang dibutuhkan seperti Border untuk membuat garis tepi, width untuk mengatur panjang, height untuk mengatur lebar dan yang lain sesuai kebutuhan.

<!DOCTYPE html>
  <html>
    <head>
      <title>title dari head</title>  
    </head>  
    <body>
      <header>
        ANJASCYBER7  
      </header> 
      <table border = "1px" width = "500px" height = "250px" align = "center">
        <tr>
          <td>1</td>  
          <td>2</td>
          <td>3</td>
          <td>4</td>
        </tr>  
        <tr>
          <td>1</td>  
          <td>2</td>
          <td>3</td>
          <td>4</td>
        </tr>
      </table>
      <footer>CONTOH</footer>
    </body>
  </html>

hasil dari code diatas:

CONTOH BERIKUT.

12 komentar untuk “HTML #3”

  3. samantha young read online

    Austin is a citgy loaded with entertaining, exhilaration and vibrancy.
    Austin, texas singles occasions will be the ideal place
    to meet new people and habe a blast. From meals annd cruises to
    delighted several hours and night clubs, there’s some thing for all.

    And, naturally, Austin, texas is an ideal area for
    pace dating. Whether you’re trying to find a severe relationship
    or simply aan enjoyable particular date, Austin has all you
    need. So geet out there and start off conference new folks!
    Who knows that you might satisfy at one among Austin’s
    wonderful singles situations.
    https://www.plurk.com/LenaDiaz
    https://hitabs.com/AJmk55zS
    http://www.sitehoover.com/rachel-jennings/

    Balas
  4. craigslist ft myers backpage

    It appears as if everyone’s performing itt nowadays – online dating services.

    Whether or not you’re searching for really like, or perhaps a hookup, there’s
    no question that the world of dating online
    might be somewhat of a minefield.
    https://medium.com/@EvaJacobs12/10-things-you-should-never-do-on-a-first-date-a66a206670da
    http://love-me-again.website2.me/dating-blog/how-to-use-doublelist-com-full-user-s-review
    https://hub.docker.com/r/erik22mendoza/love

    Balas
  7. san marcos wedding venues

    Austin, texas is acxtually a city filled wifh exciting, exhilaration and
    vibrancy. Austin, texas single menn and women situations will be
    the best place to make nnew friends and have a blast. From
    meals and luxury cruises to delighted time aand groups, there’s
    anything for everybody. And, needless to say, Austin is an ideal location for speed internet dating.
    Whether or not you’re searching for a critical relationship
    or perhaps an enjoyable evening out, Austin, texas has all you need.

    So just go and start getting together with nnew people! You
    never know whom you might fulfill at among Austin’s fantastic singles
    events.
    https://www.bandlab.com/post/43b7f155-79df-ec11-b656-2818783151a1
    https://www.deviantart.com/everettortiz45/status-update/https-bestdates678-blogspot-com-2022-05-top-10-b-917690028
    https://janes-wondrous-site-a025d7.webflow.io

    Balas

Tinggalkan Komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Scroll to Top