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
More Questions From This User See All
Adimandala333 November 2018 | 0 Replies
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
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 laptopSebuah 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:
<td align="left|right|center|justify">
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 :
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.
Jika dijalankan akan menghasilkan gambar sebagai berikut :