Beranda » HTML » Mengatur Format Kalimat Dengan Tag HTML

Mengatur Format Kalimat Dengan Tag HTML

Halo kawan semua, semoga semuanya dalam keadaan semangat dan penuh gairah (hehehe jangan dipikir yang macam2 loh ya) untuk ngeblog atau sekedar blogwalking. Pada kesempatan kali ini akan dibahas mengenai Cara Mengatur Format Kalimat Dengan Tag HTML. Bagi Anda yang sedang membuat sebuah blog tanpa menggunakan platform open source plus free seperti blogspot, blog, wordpress, joomla, prestashop dsb. pasti akan sering menggunakan tag HTML berikut ini.

Tag <p>

Untuk membuat sebuah paragraph maka kita dapat meletakkan dokumen diantara tag pembuka <p> dan tag penutup </p>. Setiap akhir dari tag penutup </p> selalu ada tambahan sebuah baris kosong untuk memulai paragraph yang baru. contoh pemakaian tag ini adalah seperti berikut: (Anda bisa lakukan copy & paste alias CoPas kode HTML ini dan simpan menggunakan text editor lalu buka menggunakan browser kesayangan).

<html>
<head><title>Contoh penggunaan tag <p> untuk membuat paragraph</title></head>
<body>
    <p> Paragraph 1 ini dibentuk dengan menggunakan tag <p>
    dan buktikan bahwa setiap diakhir paragraph akan di tambahkan
    sebuah baris kosong </p><p>Ini adalah paragraph 2 untuk membuktikan
    bahwa setiap akhir tag penutup </p> selalu ditambahkan sebuah
    baris kosong </p>
</body>
</html>

Tag <div>

Tag ini berfungsi untuk mengatur alignment satu blok text seperti rata kiri, kanan atau tengah. Cara menggunakan tag ini yaitu meletakkan dokumen diantara tag pembuka <div> dan tag penutup </div> dan mengatur alignmentnya dengan menggunakan paramater tag <div> seperti contoh aplikasi dibawah ini lho

<html>
<head><title> Contoh penggunaan tag <div> </title></head>
<body>
<div align="center">Ini adalah contoh block text yang menggunakan
tag <div> dengan format align adalah rata tengah</div>
</body>
</html>

Tag <pre>

Kita dapat membuat sebuah tulisan yang tata letaknya sesuai dengan tampilan pada saat penulisan dengan cara meletakkan satu blok tulisan tersebut diantara tag pembuka <pre> dan tag penutup </pre>. Untuk lebih jelasnya Anda bisa copy & paste kode HTML di bawah ini kemudian buka dengan web browser dan lihat. Anda pun dapat mencoba dengan kreasi sendiri. SELAMAT MENCAOBA dan jangan khawatir jika ada kesulitan ya tanya saja melalui form comment disetiap artikel.

<html>
<head><title>Contoh Penggunaan tag <pre></title></head>
<body>
<pre>Ini adalah jadwal kereta api
-------------------------------------------
| No | Nama Kereta | Berangkat | Tiba |
-------------------------------------------
| 01 | Gajayana | 12.00 | 18.00 |
| 02 | Pasundan | 06.00 | 20.00 |
-------------------------------------------</pre>
</body>
</html>

Gimana sudah paham belum cara format kalimat dengan menggunakan tag HTML seperti yang dijelaskan tersebut diatas??? jika belum jangan sungkan untuk bertanya langsung ke penulis melalui kotak komentar. Dan untuk membuktikan apakah contoh dalam tutorial ini sudah berjalan dengan baik, langsung saja diaplikasikan dan dicoba.

Demikianlah tutorial yang dapat disampaikan pada hari ini, atas kunjungan dan kritiknya Saya sampaikan banyak terimakasih. Salam kenal dan Sukses selalu..... Semangat dan semangatlah karena dengan semangat kita dapat memecahkan sebuah misteri.

Info: Semua file tersebut diatas telah berhasil dijalankan menggunakan browser FireFox, IE dan Opera.

Belum ada tanggapan untuk "Mengatur Format Kalimat Dengan Tag HTML"

Post a Comment