Cara membuat paragraf menggunakan CSS

Hello all ! kali ini saya akan berbagi tentang cara menggunakan CSS pada artikel blog dan sebagainya. Artikel ini di khususkan buat para blogger yang baru dan belum terlalu paham mengenai posting-memosting menggunakan CSS.

Apa itu Paragraf ?

Paragraf adalah tulisan yang awalannya lebih masuk ke dalam (perhatikan awalandari paragraf ini !) yang merupakan gabungan dari beberapa kalimat yang isinya sejalan menjadi satu. Contoh dari paragraf adalah apa yang kamu baca ini.

Sebelumnya, apa itu CSS ?

CSS adalah code yang digunakan untuk memberi warna atau memberi gaya pada tampilan situs, elemen, text, dan semacamnya. Sebenarnya CSS dan HTML itu berkaitan erat. HTML adalah rangkanya sementara CSS adalah gaya yang di berikan kepada rangka tersebut.

Untuk mempelajari CSS, kamu harus belajar HTML terlebih dahulu. Oh iya, tutorial ini saya sarankan untuk blogger.com saja, karena blogger.com bisa memposting menggunakan HTML lebih ekspresif.

Sedikit penjelasan disini, pada HTML cara membuat paragraf dilakukan dengan menggunakan tag paragraf seperti :

<p> INI PARAGRAFNYE GANNN.... </p> 

Disini <p> adalah pembuka dan </p> adalah penutup paragraf

Tag paragraf ini jika kamu gunakan dengan cara di atas, (tentunya berisi kalimat-kalimat)akan menghasilkan tampilan yang sama seperti saat kamu mengetik paragraf di Ms. Word tanpa Tab sebagai awalan.

<p>Tag paragraf ini jika kamu gunakan dengan cara di atas, (tentunya berisi kalimat-kalimat)akan menghasilkan tampilan yang sama seperti saat kamu mengetik paragraf di Ms.Word tanpa Tab sebagai awalan.</p> 

    
   Hasilnya :
Tag paragraf ini jika kamu gunakan dengan cara di atas, (tentunya berisi kalimat-kalimat)akan menghasilkan tampilan yang sama seperti saat kamu mengetik paragraf di Ms. Word tanpa Tab sebagai awalan. 

Tapi apa yang saya buat menggunakan tag paragraf barusan adalah bukan paragraf, karena tak sesuai dengan pengertian paragraf. Tapi kamu pasti bingungkan, kenapa saya bisa membuat paragraf seperti yang kamu baca ini ? Caranya, cukup ketik ini :

<div style="text-indent: 40px;">  </div>

Isi tag tersebut dengan isi paragraf kamu. Tampilanya akan seperti paragraf sebenarnya. Kegunaan "style" sebagai penerjemah CSS pada HTML (penggabung) dan itu artinya kamu bebas memodifikasi apa saja yang ada di dalam tag div. "Text-indent" adalah milik CSS yang berfungsi membuat tulisan lebih masuk kedalam. Kalau nilainya kamu besarkan, maka akan lebih masuk lagi dan sebaliknya.

Untuk mempelajari tag div lebih lanjut, silahkan buka belajar tag div.