Belajar Html Bab 7 : Cara Menciptakan Paragraf Di Html
Saturday, February 27, 2016
Add Comment
Paragraf ialah serangkaian kalimat yang terdiri dari satu kalimat pokok dan beberapa kalimat penjelas. Di dalam HTML, tentunya terdapat tag untuk menciptakan paragraf.
Pada pembahasan kali ini Saya akan menjelaskan cara menciptakan paragraf di HTML, selain paragraf teman juga akan mempelajari cara menciptakan baris gres di HTML. Silahkan baca artikel ini hingga selesai :-).
Tag
HTML menyediakan tag khusus untuk menciptakan paragraf yaitu tag
Silahkan buka text editor teman di sini Saya memakai Notepad++, kemudian ketikan arahan di bawah ini :
Jika sudah di ketikan silahkan simpan dengan nama Paragraf.html, kemudian buka di browser. Maka kesannya akan menyerupai gambar di bawah ini :
Pada tag
Berikut ini pola penggunaan atribut align :
Maka tampilannya kalau dibuka di browser akan menyerupai gambar di bawah ini :
Silahkan buka text editor teman lagi, kemudian ketikan arahan di bawah ini :
Maka tampilannya sesudah dibuka di browser akan menyerupai gambar di bawah ini :
Terlihat terang "Paragraf pertama" pada "Baris 1", "Baris 2" dan "Baris 3" tersebut tidaklah berada pada baris yang berbeda, namun berada pada satu baris yang sama dengan "Paragraf pertama". Hal ini alasannya ialah baris pelengkap yang berada di dalam tag
Tenang HTML menyediakan tag khusus untuk mengatasi problem tersebut yaitu dengan memakai tag
Tag
Jika teman ingin menampilkan teks yang sesuai dengan aslinya baik itu pelengkap spasi dan baris, maka teman sanggup memakai tag
Tag
Silahkan buka text editor sobat, kemudian ketikan arahan di bawah ini :
Maka tampilannya kalau dibuka di browser akan menyerupai gambar di bawah ini :
Terlihat dari gambar di atas, teks yang ditampilkan di browser sesuai dengan yang teman ketikan dimana pelengkap baris dan spasi akan ditampilkan di browser. Penggunaan Tag
Tag
Jika teman ingin menciptakan baris gres di HTML maka teman sanggup memakai tag
Berikut ini pola penggunaan tag
Maka tampilannya kalau dibuka di browser akan menyerupai gambar di bawah ini :
Tag
Setelah teman memahami cara menciptakan paragraf di HTML, maka pada artikel selanjutnya teman akan mempelajari Cara Membuat Heading di HTML.
Pada pembahasan kali ini Saya akan menjelaskan cara menciptakan paragraf di HTML, selain paragraf teman juga akan mempelajari cara menciptakan baris gres di HTML. Silahkan baca artikel ini hingga selesai :-).
Tag <p>
HTML menyediakan tag khusus untuk menciptakan paragraf yaitu tag <p>
. Tag <p>
menyatakan awal dari suatu paragraf sedangkan simpulan dari suatu paragraf ditandai dengan tag </p>
.Silahkan buka text editor teman di sini Saya memakai Notepad++, kemudian ketikan arahan 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 browser. Maka kesannya akan menyerupai gambar di bawah ini :
Pada tag
<p>
teman juga sanggup menambahkan atribut align yang dipakai untuk menampilkan paragraf antara rata kanan, kiri, tengah ataupun kiri dan kanan sesuai cita-cita 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 browser akan menyerupai gambar di bawah ini :
Silahkan buka text editor teman lagi, kemudian ketikan arahan 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 sesudah dibuka di browser akan menyerupai gambar di bawah ini :
Terlihat terang "Paragraf pertama" pada "Baris 1", "Baris 2" dan "Baris 3" tersebut tidaklah berada pada baris yang berbeda, namun berada pada satu baris yang sama dengan "Paragraf pertama". Hal ini alasannya ialah baris pelengkap yang berada di dalam tag
<p>
akan di abaikan termasuk juga spasi pelengkap yang berada di "Paragraf kedua" juga ikut di abaikan.Tenang HTML menyediakan tag khusus untuk mengatasi problem tersebut yaitu dengan memakai tag
<pre>
. Tag <pre>
Jika teman ingin menampilkan teks yang sesuai dengan aslinya baik itu pelengkap spasi dan baris, maka teman sanggup memakai tag <pre>
. Tag <pre>
ialah kependekan dari Preformatted Text yang dipakai untuk teks yang tidak akan di format. Maksudnya kalau di buka di browser 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 ialah Monospace dengan panjang karakter yang sama setiap hurufnya.Silahkan buka text editor sobat, kemudian ketikan arahan 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 browser akan menyerupai gambar di bawah ini :
Terlihat dari gambar di atas, teks yang ditampilkan di browser sesuai dengan yang teman ketikan dimana pelengkap baris dan spasi akan ditampilkan di browser. Penggunaan Tag
<pre>
ini biasa dipakai untuk menampilkan arahan program. Tag <br>
Jika teman ingin menciptakan baris gres di HTML maka teman sanggup memakai tag <br>
. Tag <br>
merupakan kependekan dari break.Berikut ini pola penggunaan tag
<br>
di HTML :<!DOCTYPE html> <html> <head> <title>Belajar Membuat Paragraf di HTML</title> </head> <body> Ini ialah baris 1 <br/> Ini ialah baris 2 </body> </html>
Maka tampilannya kalau dibuka di browser 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 |
0 Response to "Belajar Html Bab 7 : Cara Menciptakan Paragraf Di Html"
Post a Comment