#18 Belajar Atribut align pada HTML

Belajar Atribut align pada HTML

Atribut align adalah atribut yang menentukan perataan teks.

ada beberapa macam nilai atribut align sebagai berikut.

  • center : membuat seluruh teks ke tengah halaman web, penulisannya align=”center”
  • left : membuat seluruh teks ke sisi kiri halaman web, penulisannya align=”left”
  • right : membuat seluruh teks ke sisi kanan halaman web, penulisannya align=”right”
  • justify : meregangkan baris sehingga setiap baris memiliki lebar yang sama ( seperti dikoran dan majalah ), penulisannya align=”justify”

baca selengkapnya tentang atribut di tutorial #3 Atribut pada HTML

kita bisa menggunakan atribut align di beberapa tag seperti di bawah ini

Dengan tag heading

<h1 align="right"> .. </h1>Code language: HTML, XML (xml)

Dengan tag paragraph

<p align="right" > ... </p>Code language: HTML, XML (xml)

Dengan tag Horizontal Rule

<hr align="right">Code language: HTML, XML (xml)

contoh:

<!DOCTYPE html>
<html>
<head>
    <title> Belajar atribut align </title>
</head>
<body>
    <h1 align="center"> Hi kamu yang disana </h1>
    <p align="right">
        semoga kamu baik - baik saja, ada yang selalu merindukanmu disini
    </p>
    <hr align="center">
    <p align="center">
        senyum manis kamoeh yang ngebuat akoh terus kangen sama kamoeh #eaaa
    </p>
    <p align="justify">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Curabitur ullamcorper, mi sit amet porttitor porttitor, velit sapien iaculis ipsum,
        a rhoncus felis elit non mauris. Praesent orci tellus, faucibus sed tellus vel,
        posuere posuere lorem. Integer mi nunc, tempor a auctor non, mollis a tellus.
        Etiam nibh lectus, consectetur vel lectus vitae, imperdiet pretium purus.
        Quisque vehicula lacus vel porttitor ultricies. Nam dignissim eu augue sit
        amet maximus. Fusce lacus ligula, porttitor a tristique eget, tempor sit amet tellus.
        Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
        Nullam eu maximus nibh. Nulla vulputate lorem tellus, quis rhoncus erat sagittis non
    </p>
</body>
</html>Code language: HTML, XML (xml)

kita akan menemui masalah meratakan posisi teks dalam pengembangan web. namun disarankan memakai style

Atribut align tidak disarankan dalam merubah perataan teks, tutorial ini hanya sekedar pengetahuan saja karena kemungkinan tidak disupport lagi oleh semua browser, ditutorial sebelumnya ada beberapa atribut yang tidak disupport html 5 di tutorial #17 Membuat Garis Horizontal menggunakan Tag hr pada HTML

Pencarian di thohirdev:

  • belajar menulis atribut align
  • pengertian atribut align
  • apa yang dimaksud dengan atribut align
  • fungsi dari tag atribut align

Tutorial Terbaru