Mengenal Markah / Tag Posisi

Markah Posisi!? 😕

Markah atau tag posisi ini merupakan markah yang digunakan untuk menentukan posisi konten, tentu saja penyebutan markah posisi ini hanya baru ada di web ini. Ini untuk memudahkan penulis dalam memahami sekaligus menghafal markah/tag/elemen yang ada di dalam HTML.

Kebanyakan orang mungkin mengenal materi ini dengan sebutan tag formatting, sebab memang digunakan untuk melakukan format posisi yang diinginkan. Seperti apakah berada di pinggir kiri, tengah, kanan atau rata kanan dan kiri.

Jadi pada materi ini, berfokus pada ke empat posisi :

  1. Kanan
  2. Tengah
  3. Kiri
  4. Rata Kanan dan Kiri
Untuk poin yang nomor empat, umunya hanya bisa teraplikasikan untuk sebuah paragraf. Dalam HTML memposisikan konten web menggunakan kata dalam bahasa inggris dan menggunakan atribut align. Kanan menggunakan right, tengah dengan center, kiri dengan left dan rata kanan-kiri menggunakan justify.

Perataan posisi menggunakan atribut align dengan isi right, left, center atau justify.

Misal akan menambahkan sebuah paragraf dengan posisi rata kanan, maka perintah dalam HTML adalah <p align = "right"> dan kalau untuk rata kiri tinggal diganti menjadi left. Namun, sebenarnya kalau perataan ini sudah otomatis. Walaupun tidak menggunakan markah perataan posisi, maka auto menjadi rata kiri.

Try it! ✌😄

    <body>
        <p>
            Belajar dasar pemrograman bersama MSC. Materi dasar sampai tingkat lanjut.
            Ada beberapa pilihan pemrograman yaitu : Web, Mobile dan Desktop.
            Yuk pantau web pemrograman di halaman bit.ly/blog-mycode
            Jangan ketinggalan!
        </p>
    </body>

Buat dokumen HTML, beri nama seperti biasa index.html

Berikan markah atau tag <p dengan paragraf seperti diatas.

Lihat hasilnya 


Kemudian tambahkan aribut align di dalam markah <p, menjadi <p align = "right"

    <body>
        <p align="right">

Lihat kembali hasilnya 


Taraaa, berubah ke posisi rata kanan 😎

Sekarang coba ubah kembali menjadi align = "left", bagaimana hasilnya ?

Uji coba selanjutnya, coba ganti dengan value justify, hasilnya 



Jadi rapi dong, inilah yang dinamakan dengan rata kanan dan kiri 😍

There's one question!

Apakah atribut align ini hanya berlaku untuk teks ?

Yaaa, jawabannya cobalah! 😁

Ahmad Istakim

Alumni dari jurusan Manajemen Informatika di Universitas Sains Al-Qur'an (UNSIQ ) Wonosobo. Tertarik dalam bidang pendidikan, teknologi komputasi dan disiplin ilmu keislaman ( Tafsir, Hadits, Arudl, Nahwu-Sharaf, Fiqh maupun Aqidah ) - https://s.id/blog-islamQ. Pernah juga mengenyam pendidikan di beberapa pesantren yang ada di Kab. Wonosobo dan Kab. Purworejo

Posting Komentar

Lebih baru Lebih lama