Pada pembahasan kali ini Saya akan menjelaskan tips menciptakan paragraf di HTML, selain paragraf teman juga akan mempelajari tips menciptakan baris gres di HTML. Silahkan baca article ini hingga selesai :-).
Tag <p>
HTML menyediakan tag khusus untk menciptakan paragraf yaitu tag <p>. Tag <p> menyatakan awal dari suatu paragraf sedangkan final dari suatu paragraf ditandai dengan tag </p>.Silahkan buka text editor teman di sini Saya memakai Notepad++, kemudian ketikan aba-aba di bawah ini :
<!DOCTYPE html> <html> <head> <title>Belajar Membuat Paragraf di HTML</title> </head> <body> <p>Paragraf pertama</p> <p>Paragraf kedua</p> </body> </html>Jika sudah di ketikan silahkan simpan dengan nama Paragraf.html, kemudian buka di broser. Maka alhasil akan menyerupai gambar di bawah ini :
Pada tag
<p> teman juga sanggup menambahkan atribut align yang dipakai untk menampilkan paragraf antara rata kanan, kiri, tengah ataupun kiri dan kanan sesuai impian sobat. Berikut ini nilai dari atribut align :| Nilai | Fungsi |
| Left | Untuk meratakan teks ke kiri |
| Right | Untuk meratakan teks ke kanan |
| Center | Untuk meratakan teks ke tengah |
| Justify | Untuk meratakan teks ke kanan dan kiri |
Berikut ini pola penggunaan atribut align :
<!DOCTYPE html> <html> <head> <title>Belajar Membuat Paragraf di HTML</title> </head> <body> <p align="left">Meratakan teks paragraf ke kanan</p> <p align="right">Meratakan teks paragraf ke kiri</p> <p align="center">Meratakan teks paragraf ke tengah</p> <p align="justify">Meratakan teks paragraf ke kanan dan kiri</p> </body> </html>Maka tampilannya kalau dibuka di broser akan menyerupai gambar di bawah ini :
Silahkan buka text editor teman lagi, kemudian ketikan aba-aba di bawah ini :
<!DOCTYPE html> <html> <head> <title>Belajar Membuat Paragraf di HTML</title> </head> <body> <p> Paragraf pertama Baris 1 Baris 2 Baris 3 </p> <p> Paragraf kedua Spasi 1 Spasi 2 Spasi 3 </p> </body> </html>Maka tampilannya sehabis dibuka di broser akan menyerupai gambar di bawah ini :
<p> akan di abaikan termasuk juga spasi pemanis yang berada di "Paragraf kedua" juga ikut di abaikan.Tenang HTML menyediakan tag khusus untk mengatasi msumberah tersebut yaitu dengan memakai tag
<pre>. Tag <pre>
Jika teman ingin menampilkan teks yang sesuai dengan aslinya baik itu pemanis spasi dan baris, maka teman sanggup memakai tag <pre>. Tag <pre> adlah abreviasi dari Preformatted Text yang dipakai untk teks yang tidak akan di format. Maksudnya kalau di buka di broser tampilan spasi dan baris akan sama persis dengan ada yang di dalam tag <pre>.Tag
<pre> termasuk ke dalam Blok level element yang maksudnya teks yang berada di tag <pre> akan ditampilkan di baris gres dan terpisah dari teks yang berada diluar Tag <pre>. Pada umumnya jenis font yang dipakai adlah Monospace dengan panjang karakter yang sama setiap hurufnya.Silahkan buka text editor sobat, kemudian ketikan aba-aba di bawah ini :
<!DOCTYPE html> <html> <head> <title>Belajar Membuat Paragraf di HTML</title> </head> <body> <pre> Paragraf pertama Baris 1 Baris 2 Baris 3 Paragraf kedua Spasi 1 Spasi 2 Spasi 3 </pre> </body> </html>Maka tampilannya kalau dibuka di broser akan menyerupai gambar di bawah ini :
Terlihat dari gambar di atas, teks yang ditampilkan di broser sesuai dengan yang teman ketikan dimana pemanis baris dan spasi akan ditampilkan di broser. Penggunaan Tag
<pre> ini biasa dipakai untk menampilkan aba-aba progmemory ram. Tag <br>
Jika teman ingin menciptakan baris gres di HTML maka teman sanggup memakai tag <br>. Tag <br> merupakan abreviasi dari break.Berikut ini pola penggunaan tag
<br> di HTML :<!DOCTYPE html> <html> <head> <title>Belajar Membuat Paragraf di HTML</title> </head> <body> Ini adlah baris 1 <br/> Ini adlah baris 2 </body> </html>Maka tampilannya kalau dibuka di broser akan menyerupai gambar di bawah ini :
Tag
<br> termasuk ke dalam single text yang artinya tag <br> tidak mempunyai tag penutup, teman sanggup menulis <br> atau <br/>.Refrensi Tag HTML
| Tag | Deskripsi |
|---|---|
| <p> | Membuat paragraf |
| <br> | Membuat baris baru |
| <pre> | Mendefinisikan teks yang tidak diformat |
No comments:
Post a Comment