Apa fungsi dari atribut align dalam html

Pada kode di atas, tertinggal tag penutup </b> dan tag penutup </u> , sehingga hasilnya menjadi seperti gambar ini.

Baiklah, saya kira bahasan tentang elemen dicukupkan saja dulu, nanti akan dibahas lagi pada tulisan lain. Intinya, yang disebut dengan elemen adalah segala sesuatu yang berada di antara tag pembuka dan tag penutup. Simpel kan? 😎

Atribut pada Tag HTML

Di atas sudah disebutkan bahwa atribut adalah properti yang melekat atau menempel pada suatu tag. Dan setiap properti atau atribut memiliki value atau keterangan. Misalnya tag <p> . Tag tersebut memiliki properti, salah satunya adalah align, di mana align ini berfungsi sebagai perataan teks, memiliki beberapa pilihan value, di antaranya adalah left, right, center dan justify. Contoh cara penulisan kodenya adalah <p align="center">

Untuk melihat seperti apa fungsinya, ketik kode berikut, simpan dengan nama 04-html-atribut.html.

<!DOCTYPE html> <html> <head> <title>Atribut pada Tag HTML</title> </head> <body> <h1>Atribut pada Tag HTML</h1> <p align="right"> Ini adalah paragraf KESATU dengan atribut <b>align</b>, dengan value <i>right</i>. Menghasilkan paragraf dengan perataan sebelah <u>kanan</u>. </p> <p align="justify"> Ini adalah paragraf KEDUA dengan atribut <b>align</b> dan value <i>justify</i>. Menghasilkan paragraf dengan perataan <u>kanan dan kiri</u>. </p> <p align="center"> Ini adalah paragraf KETIGA dengan atribut <b>align</b> menggunakan value <i>center</i>. Menghasilkan paragraf yang semua teksnya rata <u>tengah</u>. </p> <p align="left"> Ini adalah paragraf KEEMPAT dengan atribut <b>align</b>, value <i>left</i>. Menghasilkan paragraf dengan perataan sebelah <u>kiri</u>. Value <i>left</i> ini jarang digunakan karena sama dengan tanpa value. </p> </body> </html>

Contoh kode di atas ini menunjukkan atribut yang sama tetapi dengan value yang berbeda-beda. Hasilnya adalah seperti gambar di bawah ini.

Okeee… saya cukupkan dulu untuk bahasan tentang atribut ini, cukup 1 contoh, nanti ketika membahas tag-tag lain dalam HTML ini akan dicontohkan lagi macam-macam atribut beserta value-nya. Sepertinya pembahasan elemen dan atribut ini panjang, jadi saya lanjutkan pada tulisan berikutnya. 😎

Adimandala333 @Adimandala333

November 2018 2 30 Report

Apa fungsi atribut "align" dalam HTML?

aRafsanjani Maksudnya untuk Merubah Posisi Tulisannya.
misal : align="center"

2 votes Thanks 3

ardi92 Memfirmat tulisan agar berada di posisi yg di inginkan,contoh; align="right" berarti rata kanan
semoga bermanfaat

0 votes Thanks 1

Perilaku yang di tampilkan dalam perwujudan kedaulatan Rakyat dan Hukum

Answer

Recommend Questions

irfan6145 May 2021 | 0 Replies

apa fungsi hp android

refiana8293 May 2021 | 0 Replies

1)Position value system bilangan octal adalah perpangkatan dari nilai…Pilih salah satu:a. 16b. 4c. 8d. 10e. 22)Berikut ini merupakan storage device adalahPilih salah satu:a. Keyboardb. Pentiumc. Monitord. Flashdiske. Core i73)Fungsi operasi komputer yang dapat menghubungkan komputer dengan lingkungan luar adalahPilih salah satu:a. Fungsi operasi pemindahan datab. Fungsi operasi pengolahan datac. Fungsi operasi perhitungan datad. Fungsi operasi penyimpanan datae. Fungsi operasi kontrol data

Rani9091 May 2021 | 0 Replies

Tentukan atribut dan metode dari objek supermarket? tolong dijawab, saya sangat butuh

Mariomantarlo5640 May 2021 | 0 Replies

berikan contoh dalam kehidupan sehari-hari dari e-commerce tentang1. bisnis to bisnis (b2b)2. bisnis to customer (b2c)3. customer to bisnis (c2b)4. bisnis to goverment (b2g)5. goverment to bisnis (g2b)6. customer to customer (c2c)

almayuniarto5085 May 2021 | 0 Replies

jarak yang masih dapat dijangkau sinyal wifi dari titik akses adalah

Alvinkjl3172 May 2021 | 0 Replies

Sebutkan tujuan penetapan harga jangka pendek dan 2 tujuan penetapan harga panjang

myname5972 May 2021 | 0 Replies

siapa pencipta mesin jahit?

livi81 May 2021 | 0 Replies

langkah paling awal dalam pemeriksaan ulang konektifitas jaringan yaitu

oktav4524 May 2021 | 0 Replies

berikut bahan yang diperlukan dalam instalasi jaringan lokal adalah? A. crimping tool. B. Konektor Rj-45. C. kuas. D. hub. E.cable taster

irfan6145 May 2021 | 0 Replies

bagaimana cara menyambungkan hotspot wifi ke laptop

Sebuah sel di dalam suatu tabel secara default memiliki nilai perataan teks dengan rata kiri. Untuk mengatur perataan teks pada suatu tabel dilakukan dengan memberikan nilai pada atribut align. Seperti halnya elemen division, dan paragraf, tabel juga memiliki atribut align yang digunakan untuk perataan teks. Atribut align digunakan untuk mengatur perataan teks dengan berbagai nilai seperti rata kiri, rata kanan, rata tengah, rata justify (rata kanan kiri).

Jika nilai perataan teks ini ditempatkan pada elemen tabel row <tr>, maka seluruh tabel data <td> yang menginduk pada tabel baris <tr> akan mengikuti nilai yang ditetapkan pada tabel row tersebut. Misalnya <tr align="right">, maka tabel data <td> yang berada di tabel baris <tr> tersebut akan ditetapkan dengan nilai perataan kanan.

Penulisan Syntax:

Berikut ini contoh perataan teks pada tabel:

HTML

1.   <!DOCTYPE html>
2.  <html>
3.  <head>
4.     <title>Atribut align pada tabel</title>
5.  </head>
6.  <body>
7.     <h4>Menggunakan atribut align pada tabel</h4>
8.     <table border="1">
9.      <tr><th>Description</th></tr>
10.     <tr>
11.     <td align="left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ut iure quisquam consequuntur id, iusto vitae molestiae assumenda ipsam eaque ipsa sit porro earum alias ratione.</td>
12.     </tr>
13.     <tr>
14.     <td align="center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ut iure quisquam consequuntur id, iusto vitae molestiae assumenda ipsam eaque ipsa sit porro earum alias ratione.</td>
15.     </tr>
16.     <tr>
17.     <td align="right">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ut iure quisquam consequuntur id, iusto vitae molestiae assumenda ipsam eaque ipsa sit porro earum alias ratione.</td>
18.     </tr>
19.     <tr>
20.     <td align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ut iure quisquam consequuntur id, iusto vitae molestiae assumenda ipsam eaque ipsa sit porro earum alias ratione.</td>
21.     </tr>
22.    </table>
23. </body>
24. </html>

Nilai atribut valign pada tabel :

Nilai atribut	Penjelasan
left	Membuat konten dengan nilai perataan kiri
center	Membuat konten dengan nilai perataan tengah
right	Membuat konten dengan nilai perataan kanan
justify	Membuat konten dengan nilai perataan kiri dan kanan

Atribut align Deprecated Pada HTML5

Atribut align digunakan untuk meratakan konten pada tabel, namun sayangnya atribut ini sudah dianggap deprecated pada HTML5. Sebagai penggantinya silahkan menggunakan cascade style sheet (CSS) untuk mengatur perataan konten secara horisontal pada tabel. Berikut ini contoh pengaturan perataan konten dengan menggunakan CSS :

HTML

1.  <!DOCTYPE html>
2.  <html lang="en">
3.  <head>
4.     <meta charset="utf-8">
5.     <title>Demo Penataan align dengan style CSS</title>
6.     <style>
7.     .left{text-align: left;}
8.     .center{text-align: center;}
9.     .right{text-align: right;}
10.    .justify{text-align: justify;}
11.    </style>
12. </head>
13. <body>
14.    <h2>Penataan align dengan style CSS</h2>
15.    <table border="1">
16.     <tr><th>Description</th></tr>
17.     <tr>
18.     <td class="left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ut iure quisquam consequuntur id, iusto vitae molestiae assumenda ipsam eaque ipsa sit porro earum alias ratione.</td>
19.     </tr>
20.     <tr>
21.     <td class="center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ut iure quisquam consequuntur id, iusto vitae molestiae assumenda ipsam eaque ipsa sit porro earum alias ratione.</td>
22.     </tr>
23.     <tr>
24.     <td class="right">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ut iure quisquam consequuntur id, iusto vitae molestiae assumenda ipsam eaque ipsa sit porro earum alias ratione.</td>
25.     </tr>
26.     <tr>
27.     <td class="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ut iure quisquam consequuntur id, iusto vitae molestiae assumenda ipsam eaque ipsa sit porro earum alias ratione.</td>
28.     </tr>
29.    </table>
30. </body>
31. </html>
32.