Peformatan Teks dan Paragraf

Halo Sobat Codeman!! sudah lama saya tidak membuat update-update baru pada blog ini dikarenakan tidak tugas dari guru saya :v.Kali ini akan sedikit berbeda dengan yang kemarin,disini saya akan memprogram sebuah WEB !1!1!.Walau saya tidak terlalu bisa dalam bidang web karena menurut saya web terlihat pusing dibanding desktop programing.langsung sadja ke topik pembahasan

Hal yang harus disiapkan saat ngoding web yaitu harus adalah compiler nya terlebih dahulu.Saya menggunakan notepad++ .Kalian bebas menggunakan compiler manapun asal enak untuk digunakan

Peformatan Teks dan Paragraf

Saya disini akan langsung menjelaskan ke performatan teks dan paragraf,tidak menjelaskan tag tag yang ada di html.Tpi jika kalian butuh tinggal request sadja di komentar :)

Pemformatan adalah penambahan sentuhan pada teks untuk membuat teks mudah dibaca dan lebih menarik. Pemformatan teks pada halaman web dapat dilakukan dengan berbagai cara. bentuk huruf yang ditampilkan di halaman web. Dalam pemformatan teks dipelajari penggunaan dari beberapa tag yang digunakan dalam melakukan pemformatan tampilan halaman web supaya lebih sesuai dengan keinginan atau agar lebih rapi dan terstruktur. 

Perhatikan beberapa daftar tag di bawah ini, serta kegunaan utamanya dalam sebuah halaman HTML. Beberapa diantaranya telah dihilangkan dari daftar tag HTML standar, namun masih memungkinkan untuk ditampilkan pada beberapa browser tertentu atau browser lama.Pada pemformatan teks menggunakan beberapa tag dasar yang mengatur teks. Pada tulisan ini dibahas sedikit mengenai pemformatan teks dan pemformatan paragraf.

1. Pemformatan Teks

Teks dalam dokumen web dapat diformat secara khusus untuk menunjukkan perbedaan dan penekanan terhadap isi dan maksud dari teks tersebut. Perbedaan ditampilkan dalam bentuk huruf tebal, miring, digarisbawahi,dan lain sebagainya seperti contoh di bawah ini :

Tag	Deskripsi	Contoh
<b>	Mendefinisikan teks tebal	<b>contoh</b> hasil contoh
<em>	Mendefinisikan teks menekankan	<em>contoh</em> hasil contoh
<i>	Mendefinisikan teks miring	<i>contoh</i> hasil contoh
<small>	Mendefinisikan teks kecil	<small>contoh></small> hasil contoh
<strong>	Mendefinisikan teks penting	<strong>contoh</strong> hasil contoh
<sub>	Mendefinisikan teks di bawah garis	<sub>contoh</sub> hasil contoh
<sup>	Mendefinisikan teks di atas garis	<sup>contoh</sup> hasil contoh
<ins>	Mendefinisikan teks sisipan	<ins>contoh</ins> hasil contoh
<del>	Mendefinisikan teks dicoret	<del>contoh</del> hasil contoh
<mark>	Mendefinisikan teks ditandai	<mark>contoh</mark> hasil contoh

Tag HTML “keluaran computer”

Tag	Deskripsi
<code>	Mendefinisikan teks code computer
<kbd>	Mendefinisekan teks keyboard
<samp>	Mendefinisikan teks contoh code
<var>	Mendefinisikan teks variable
<pre>	Mendefinisikan teks terformat

HTML Citations, Quotations, and Definition Tags

Tag	Deskripsi
<abbr>	Mendefinisikan sebuah singkatan
<address>	Mendefinisikan alamat atau kontak informasi
<bdo>	Mendefinisikan arah teks
<blockquote>	Mendefinisikan sebuah bagian yang dikutip dari sumber lain
<q>	Mendefinisikan sebuah kutipan pendek
<cite>	Mendefinisikan judul karya
<dfn>	Mendefinisikan sebuah istilah definisi

2. Pemformatan Paragraf

Paragraf atau alinea merupakan sekumpulan kalimat yang saling berkaitan antara kalimat yang satu dengan kalimat yang lain. Agar tampilan paragraf dalam halaman web terlihat rapi dapat menggunakan pemformatan sebagai berikut.

1. Untuk mengelompokan teks dalam suatu paragraf gunakan tag paragraf <p>teks</p>
2. Untuk mengatur perataan suatu paragraf gunakan tag paragraf dengan fungsi align left <p align="left">untuk rata kiri</p>, align right <p align="right">untuk rata kanan</p>, align center <p align="center">untuk rata tengah<p>, dan align justify <p align="justify">untuk rata kiri kanan</p>
3. Text-indent digunakan untuk memberikan indentifikasi ke dalam terhadap teks. Nilai negatif tidak diperbolehkan. Pada contoh di bawah menggunakan text-indent sebesar 25px.

Nah saya disini akan menampilkan contoh contoh dari tag-tag diatas dengan menggunakan google drive agar dapat diedit sesuka hati dengan menggunakan HTML editey :

Untuk Format Teks linknya    DISINI

Untuk Preformat linknya        DISINI

Untuk Preformat 2 linknya     DISINI

Untuk Quatation linknya        DISINI

Nah sekarang saya akan membagikan source kode dari contoh penggunaan tag-tag diatas.Masih sama menggunakan google drive karena dapat di edit menggunakan HTML editey 

Contoh 1

Contoh 2

Contoh 3

Sekian sadja dari saya semoga bermanfaat dan dapat dimanfaatkan kearah yang lebih baik.maaf atas kurang kurangnya bila ada kesalahan mohon dimaafkan.Dan jangan lupa untuk memberikan kritik dan saran agar blog ini berkembang dengan baik.Sekiann dan Terima Kasih

Salam Codeman!1!1!