memodifikasi tampilan teks di html

setelah dulu (lama .. lama … sekali) belajar struktur dasar html, sekarang aku akan belajar bahasa dasar html kedua, yaitu modifikasi teks hml. kalian tahu, sebenarnya kebanyakan isi halaman html adalah teks, jadi bahasa html lebih banyak berfungsi memodifikasi teks agar tampilannya berubah menjadi lebih baik. istilah lainnya “markup” jadi html singkatan dari hypertext markup language.
bagaimana cara memodifikasi teks di html?

caranya dengan menambahkan kode-kode di depan dan dibelakang suatu teks. jadi teks itu diapit dua kode. kode pertama adalah kode pembuka sedangkan kode kedua adalah penutup. struktur umumnya seperti ini: teks.
kode-kode ini bermacam-macam sesuai fungsinya. kode-kode itu antara lain sebagai berikut:

  • h. kode ini untuk membuat judul atau heading paragraf. kode h berisi dari angka 1 sampai 6. jadi h1, h2,h3 … h6. teks h1 yang paling besar. yang berikutnya semakin kecil, semakin kecil seterusnya sampai yang paling kecil adalah h6. semua bercetak tebal.
  • p untuk membuat paragraf. di dalam kode ini bisa diberi atribut align kemudian diisi right, center atau left. artinya masing-masing kanan, tengah dan kiri.
  • ul, untuk daftar tak bernomor. jadi seperti bullet di ms word. modelnya bisa lingkaran, persegi atau panah.
  • ol untuk daftar bernomor. model penomorannya bisa 1,2,3 ; ab,c ; I, II, III dll.
  • li, untuk setiap item di dalam daftar.
  • b, untuk bercetak tebal.
  • i untuk bercetak miring.
  • sup, untuk membuat tanda pangkat.
  • sub untuk membuat tanda indeks, yaitu angka kecil di bawah.
  • strong, untuk membuat teks kuat. efeknya sama dengan b.
  • em, untuk membuat teks emphasize. efeknya sama dengan i.
  • big, untuk membuat teks menjadi lebih besar.
  • small, untuk membuat teks menjadi lebih kecil.
  • pre, untuk membuat teks terlihat tidak diformat. jadi dia terlihat seperti saat diketik. belum dirapikan oleh browser.
  • kbd, untuk menampilkan teks hasil buatan keyboard.
  • samp untuk memperlihatkan teks sebagai sampel.
  • var, untuk memperlihatkan teks sebagai variabel program. efeknya sama seperti i.
  • address, untuk memperlihatkan sistem alamat seseorang/lembaga/ instansi. efeknya bisa dirapikan rata kiri dan miring.
  • abbr untuk menampilkan dan menyembunyikan kepanjangan dari suatu singkatan.
  • blockquote, untuk menampilkan teks kutipan panjang. efeknya hampir sama dengan i, tapi dibuat seperti menjorok di tengah, tapi tetap rata kiri, bukan rata tengah.
  • q, untuk menampilkan kutipan pendek. teks berkode ini tetap tegak.
  • cite, untuk kutipan atau judul pekerjaan.
  • ins, untuk menyisipkan teks lain di dalam suatu teks.
  • del untuk mencoret suatu teks di dalam teks yang lain.
  • tt, untuk menuliskan teks teletype
  • a, untuk menyisipkan link. syaratnya harus ditambahi href = “rujukan” untuk menyertakan link sumber. teks “rujukan” di atas harus diisi url halaman rujukan biar link bisa berfungsi. misalnya “ttps://livestring.wordpress.com/”.
  • dl, untuk membuat daftar definisi.
  • dt, untuk membuat kata yang didefinisikan.
  • dd, untuk membuat penjelasan dari teks berkode dt.
  • div, untuk mendefinisikan suatu bagian dari dokumen.
  • table, untuk membuat tabel.
  • tr, untuk membuat baris tabel.
  • th, untuk membuat kolom kepala tabel. teks di dalam kode ini akan dicetak tebal
  • caption, untuk memberi judul tabel.
  • td, untuk membuat sel tabel. teks di sini dicetak biasa.

itu saja kode-kode untuk mmemodifikasi teks di html yang bisa aku ceritakan di sini. sebenarnya ada lebih banyak lagi, tapi takutnya nanti kepanjangan. jadi aku tulis sebagian saja.
untuk bagian lain sebenarnya masih ada, misalkan gambar, video dan musik, bahkan ada bagian ganti baris, garis mendatar, komentar, frame dan form. tapi belakangan.
untuk contohnya sebenarnya aku juga ingin buatkan tapi karena aku nggak ingin posting ingin kepanjangan, aku buatkan di halaman lain, ya?
aku sudah buatkan halaman web yang berisi contoh-contoh semua kode di atas. halaman web itu hanya berupa satu file dan akan aku taruh di web lain.  kalau mau lihat bisa download atau lihat di browser saja. linknya ada di sini : https://www.4shared.com/document/mIW8wDJIda/contoh_kode_teks_hml.html
itu saja kode html untuk teks hari ini. wassalam.

Leave a Comment

Your email address will not be published. Required fields are marked *