struktur HTML yang dibentuk pada tutorial sebelum ini, dan menambahkan beberapa text. Silahkan buka kembali text editor, kemudian ketikkan instruksi berikut:
Paragraf yang dimaksud disini yaitu paragraf yang sanggup menciptakan elemen dan penulisan di HTML. Kita juga akan kombinasikan beberapa tipe tipe peragraf dengan tag paragraf <p> yang akan kita gunakan yaitu :
Save sebagai paragraf.html, kemudian jalankan di web browser, maka akan muncul menyerupai ini :
Dari hasil yang kita lihat bahwa paragraf tersebut tidaklah pada baris yang sama melainkan dalam satu barus yang sama. Ingat! Dalam penggunaan HTML space akan diabaikan sepanjang panjang space yang kita buat maka HTML akan mengabaikan itu semua.
Termasuk jikalau kita merubahnya menjadi :
Kita harus memberi tahu web browser bahwa kedua kalimat itu harus terpisah. Dan bahwa masing-masing kalimat itu yaitu sebuah paragraf.
Penggunakan Tag (<p>)
Tag <p> atau sering disebut paragraf yaitu tag khusus untuk menciptakan paragraf pada HTML. Dimana suatu website memakai tag ini untuk artikelnya yang bisanya kita baca menyerupai kita membaca artikel.
HTML menyediakan tag khusus untuk menciptakan paragraf. Penulisannya memakai abjad p, sebagai berikut : <p>. Mari kita revisi tumpuan instruksi HTML sebelumnya, dan menambahkan tag <p>.
Maka jadinya akan terlihat bahawa kedua paragraf tersebut telah berada posisi yang sesuai. Pada setiap paragraf, web browser akan menunjukkan space pada setiap paragrafnya.
Penggunakan Tag break <br>
Tag <br> dengan kepanjangan dari break merupakaan cara lain untuk memisahkan suatu paragraf. Kita sanggup memakai tag ini dengan gampang akan memisahkan antar paragraf. Berikut misalnya :
Jika instruksi HTML diatas dijalankan, maka jadinya hampir sama dengan memakai tag <p>. Namun pemisahan paragraf memakai tag <br> bukanlah untuk menciptakan paragraf. Tag <br> berfungsi untuk memisahkan sebuah kepingan text dengan text lain. Jika yang kita butuhkan yaitu struktur paragraf, maka gunakan tag <p>.
Penggunakan Tag <hr>
Tag <hr> kepanjangan dari Horizontal Line (garis horizontal) digunakan untuk menciptakan garis pembatas pada setiap paragraf ataupun kalimat pembeda. Untuk melihat penggunaannya ketik instruksi dibawah ini:
dan berikut yaitu hasil dari penggunaan tag <hr> :
Jenis Paragraff daalam Penggunaannya :
Pragraf Rata Kiri :
Eksekusi dalam HTML :
Untuk menggunakaan tag tag diatas kita sanggup sematkan di tag <p> untuk melihat perubahan apa saja yang akan terjadi pada paragraf yang kita buat. Silakan ketik instruksi dibawah ini:
Baca Juga !!
Sumber http://informasigameindo11.blogspot.com
Paragraf yang dimaksud disini yaitu paragraf yang sanggup menciptakan elemen dan penulisan di HTML. Kita juga akan kombinasikan beberapa tipe tipe peragraf dengan tag paragraf <p> yang akan kita gunakan yaitu :
- Paragraf rata kiri align left
- Paragraf rata kiri align right
- Paragraf rata kiri align center
- Paragraf rata kiri align justify
<!DOCTYPE html>
<html>
<head>
<title>Arm4nChannel</title>
</head>
<body>
Ini yaitu paragraf pertama
Ini yaitu paragraf kedua
</body>
</html>
Save sebagai paragraf.html, kemudian jalankan di web browser, maka akan muncul menyerupai ini :
Dari hasil yang kita lihat bahwa paragraf tersebut tidaklah pada baris yang sama melainkan dalam satu barus yang sama. Ingat! Dalam penggunaan HTML space akan diabaikan sepanjang panjang space yang kita buat maka HTML akan mengabaikan itu semua.
Termasuk jikalau kita merubahnya menjadi :
<!DOCTYPE html>
<html>
<head>
<title>Arm4nChannel</title>
</head>
<body>
Ini yaitu paragraf pertama Ini yaitu paragraf kedua
</body>
</html>
Kita harus memberi tahu web browser bahwa kedua kalimat itu harus terpisah. Dan bahwa masing-masing kalimat itu yaitu sebuah paragraf.
Penggunakan Tag (<p>)
Tag <p> atau sering disebut paragraf yaitu tag khusus untuk menciptakan paragraf pada HTML. Dimana suatu website memakai tag ini untuk artikelnya yang bisanya kita baca menyerupai kita membaca artikel.
HTML menyediakan tag khusus untuk menciptakan paragraf. Penulisannya memakai abjad p, sebagai berikut : <p>. Mari kita revisi tumpuan instruksi HTML sebelumnya, dan menambahkan tag <p>.
<!DOCTYPE html>dan jadinya akan terlihat menyerupai ini :
<html>
<head>
<title>Arm4nChannel</title>
</head>
<body>
<p>ini yaitu paragraf pertama</p>
<p>ini yaitu paragraf kedua</p>
</body>
</html>
Maka jadinya akan terlihat bahawa kedua paragraf tersebut telah berada posisi yang sesuai. Pada setiap paragraf, web browser akan menunjukkan space pada setiap paragrafnya.
Penggunakan Tag break <br>
Tag <br> dengan kepanjangan dari break merupakaan cara lain untuk memisahkan suatu paragraf. Kita sanggup memakai tag ini dengan gampang akan memisahkan antar paragraf. Berikut misalnya :
<!DOCTYPE html>
<html>
<head>
<title>Arm4nChannel</title>
</head>
<body>
Ini yaitu paragraf pertama
<br>
Ini yaitu paragraf kedua
</body>
</html>
Jika instruksi HTML diatas dijalankan, maka jadinya hampir sama dengan memakai tag <p>. Namun pemisahan paragraf memakai tag <br> bukanlah untuk menciptakan paragraf. Tag <br> berfungsi untuk memisahkan sebuah kepingan text dengan text lain. Jika yang kita butuhkan yaitu struktur paragraf, maka gunakan tag <p>.
Catatan :Perhatikan penulisan tag <br>, tag break yaitu salah satu dari beberapa tag yang tidak mempunyai tag penutup, dan sanggup ditulis sebagai<br > atau <br />. Penulisan <br /> merupakan bawaan dari xHTML yang dianggap lebih rapi. Namun dalam standar HTML5, penulisan <br> maupun <br /> tetap dianggap valid.
Penggunakan Tag <hr>
Tag <hr> kepanjangan dari Horizontal Line (garis horizontal) digunakan untuk menciptakan garis pembatas pada setiap paragraf ataupun kalimat pembeda. Untuk melihat penggunaannya ketik instruksi dibawah ini:
<!DOCTYPE html>
<html>
<head>
<title>Arm4nChannel</title>
</head>
<body>
Ini yaitu paragraf pertama
<hr>
Ini yaitu paragraf kedua
</body>
</html>
dan berikut yaitu hasil dari penggunaan tag <hr> :
Jenis Paragraff daalam Penggunaannya :
Pragraf Rata Kiri :
<p align="left">1. ini merupakan penulisan paragraf rata kiri dalam dokument HTML</p>Pragraf Rata Kanan:
<p align="right">2. ini merupakan penulisan paragraf rata kanan dalam dokument HTML</p>Pragraf Rata Tengah:
<p align="center">3. ini merupakan penulisan paragraf rata tengah dalam dokument HTML</p>Pragraf Rata Kiri Kanan :
<p align="justivy">4. ini merupakan penulisan paragraf rata kiri kanan dalam dokument HTML</p>
Eksekusi dalam HTML :
<!DOCTYPE html>
<html>
<head>
<title>belajar menciptakan paragraf</title>
</head>
<body>
<p align="left">1. ini merupakan penulisan paragraf rata kiri dalam dokument HTML</p>
<p align="right">2. ini merupakan penulisan paragraf rata kanan dalam dokument HTML</p>
<p align="center">3. ini merupakan penulisan paragraf rata tengah dalam dokument HTML</p>
<p align="justivy">4. ini merupakan penulisan paragraf rata kiri kanan dalam dokument HTML</p>
</body>
</html>
Informasi untuk materi ini !!!
Tag <i> atau italic digunakan untuk menciptakan teks miring.
Tag <u> digunakan untuk menciptakan garis bawah pada teks.
Tag <b> atau bold digunakaan untuk menciptakan tampilan abjad menjadi lebih tebal.
Tah <s> digunakan untuk menciptakan abjad menjadi tercoret ditengah tengah abjad tersebut.
Untuk menggunakaan tag tag diatas kita sanggup sematkan di tag <p> untuk melihat perubahan apa saja yang akan terjadi pada paragraf yang kita buat. Silakan ketik instruksi dibawah ini:
<!DOCTYPE html>
<html>
<head>
<title> Arm4nChannel</title>
</head>
<body>
<p> sedikit memakai <i>teks miring</i>, <u>teks bergaris bawah</u>, <b>teks tebal</b>,dan <s>teks tercoret</s> itulah penggunaan pada tag p</p>
</body>
</html>
Kita juga akan menemukan bahwa HTML mempunyai tag <i> (italic) untuk memiringkan huruf, dan <b> (bold) untuk menebalkan huruf. Pakar HTML yang mendukung pemisahan konten dengan tampilan tidak menyarankan memakai tag <i> dan <b>, sebab kedua tag ini akan mempengaruhi tampilan dari HTML.
Tampilan halaman web seharusnya di tangani oleh CSS, bukan di dalam instruksi HTML. Pada xHTML, tag <i> dan <b> sudah dianggap lama dan tidak akan digunakan lagi, namun dalam spesifikasi HTML5, tag <i> dan <b> kembali dianggap relevan.
Baca Juga !!
Cara Membuat Judul (heading) di HTML !!
Sumber http://informasigameindo11.blogspot.com
EmoticonEmoticon