HTML textarea tag

Belajar CSS, tutorial css, javascript, demo online, html editor online, html, xHTML, tutorial desain blog, tutorial css3

Textarea merupakan sebuah elemen yang secara khusus berfungsi sebagai area bagi teks. Dikatakan demikian karena elemen ini hanya menampilkan teks dan tidak bagi yang lain. Semua teks ditampilkan seperti apa yang tertulis, sehingga ketika anda bermaksud menampilkan sebuah image dalam bentuk kode HTML di textarea, maka yang akan terlihat bukanlah image yang diinginkan, melainkan kode HTML seperti yang dituliskan. Sebagai contoh anda bisa melihatnya di bawah ini:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIy8YCRcFO_z5t4Infs6zDAhdDyTZASiBLZGKR_rfxdP7Fi-cdXoJcBI5hcKYJhzkjMS_F7xKNk-tN-T75ujfcNDeMlLOHUmRoYGHrHoleJhhx9c14qG078bQT6tW8m2vcHFmVfe8-NxM/s400/gambar-harimau-02-400x300.jpg" width="400" height="300" alt="Singa Jantan" />

Textarea ditampilkan sebagai sebuah box dengan tinggi dan lebar yang dapat diatur melalui attribute rows (tinggi/height) dan cols (lebar/width) dengan nilai dalam bentuk angka.

Tag HTML h1 s/d h6 - html h1 to h6 tags

Tag h1 s/d h6 adalah elemen yang berfungsi untuk membuat "judul" diberbagai bagian blog dan lebih dikenal sebagai "heading". Elemen h1 s/d h6 ditetapkan dalam 6 tingkatan "heading" dengan ukuran font berbeda. Tag h1 merupakan elemen dengan font berukuran terbesar, kemudian diikuti tag h2 hingga h6. Dalam desain web, tag h1 lebih banyak digunakan sebagai pembentuk "blog title" atau untuk membuat "nama blog". Tag ini selanjutnya dipadukan dengan tag "a" hingga membentuk sebuah "link".
Sekalipun tanpa pengaturan secara khusus, semua browser secara otomatis akan menampilkan tag h1 s/d tag h6 (heading) dengan bentuk dan karakter tertentu (dg ukuran font tertentu sesuai tag yg digunakan), namun pengaturan ulang melalui kode css sangat penting dilakukan agar didapatkan bentuk dan karakter tag h1 s/d h6 yang sesuai dengan keinginan (ini menunjukkan betapa pentingnya belajar kode css sekaligus desain blog/web). Pengaturan terutama dilakukan pada ukuran font. Pengaturan yang berbeda juga dapat dilakukan saat tag h1 s/d h6 digunakan bersama dengan tag "a" untuk membuat link.

HTML <p> tag

HTML "p" tag ditandai dengan tag pembuka <p> dan tag penutup </p>, dimana tag "p" mendefinisikan sebuah fungsi paragraf dan tag ini secara khusus diperuntukkan sebagai "box bagi teks". Karena memang mendefinisikan sebuah paragraf, secara otomatis semua browser akan membuat perpindahan ruang (menciptakan margin dengan tag "p" dan tag lain berikutnya) sehingga pada halaman akan terlihat sebagai perpindahan alinea baru. Sekalipun tag "p" sudah mempunyai karakter yang bersifat khusus seperti di atas, namun jika dikehendaki dapat dilakukan perubahan melalui kode css. Kondidi seperti ini sebenarnya tidak hanya berlaku bagi tag "p" akan tetapi juga berlaku bagi semua tag yang lain seperti halnya tag "DIV".

HTML DIV tag - Kode HTML tag DIV

Tag DIV adalah salah satu tag dalam kode html yang paling banyak digunakan. Tag DIV merupakan sebuah "wadah" bagi semua dokumen (teks, image dll) dan di dalam tag DIV biasanya berisi sekaligus beberapa elemen html/tag html. Dalam desain web/blog, tag DIV bahkan menjadi wadah (memuat) keseluruhan halaman-halaman blog yang didalamya juga berisikan tag div dan beberapa tag yang lain. Sekalipun tag DIV secara khusus mempunyai karakter/sifat bawaan seperti "display:block", namun sifat-sifat ini dapat dirubah menggunakan kode css.
Dalam penggunaanya, beberapa attribute atau properti css harus ditambahkan agar tag DIV mampu berfungsi sesuai dengan apa yng diharapkan. Dalam bentuk yang paling sederhana anda dapat membuat boks/kotak dengan memanfaatkan tag DIV.

Tag style - html style tag

Desain blog dibangun melalui kode html termasuk kode css di dalamnya. Kode css memegang peran luar biasa penting karena "jika diandaikan sebagai sebuah bangunan", kode css adalah kode "penentu bentuk, rupa dan tata ruang bangunan tersebut". xHTML adalah "kerangka bangunan", sedang kode css adalah "material/elemen yang membentuk dan mengatur segala elemen bangunan sehingga tercipta sebuah bangun yang tertata rapi dengan segala batas ruang dan pembagiannya serta menjadi material utama pengisi pernak-pernik penghias bangunan berikut ruangan". Kode css ini terwadahi dalam "tag style" dan pada umumnya diletakkan di dalam tag head, diantara tag pembuka (<head>) dan penutupnya (</head>). Jika ada tag style berikut dokumen css disimpan/diletakkan di dalam tag body (diantara <body> dan </body>), biasanya ini hanya dengan pertimbangan untuk memudahkan pengguna/blogger dalam menggunakan widget atau mengikuti panduan dalam tutorial blog/web. Pada beberapa kasus yang lain, penempatan tag style berikut kode css dilakukan untuk kepentingan demo yang terintegrasi dalam posting.

tag script - html script tag

Tag script selalu berhubungan dengan javascript, sedang javascript adalah salah satu elemen penting yang tak terpisahkan dari web/blog. Dengan kata lain tag script adalah salah satu tag html terpenting dalam desain web/blog dan sekaligus menjadi bagian yang tak terpisahkan dari blog/web. Tag script memuat dokumen dalam bentuk file text javascript. Dalam penggunaannya, umumnya file javascript disimpan diantara tag pembuka head (<head>) dan tag penutupnya (</head>), namun demikian tak menutup kemungkinan bahwa tag script berikut file javascript disimpan di dalam tag body di antara tag pembuka (<body>) dan penutupnya (</body>).

Contoh penulisan tag script

Tag image - html img tag

Kode html tag image (tag img) merupakan tag html yang paling sering digunakan dalam aktifitas blogger selain tag div, tag p, tag a, tag span, tag h1 s/d tag h3. Alasan mengapa tag img begitu seing digunakan adalah tingginya frekuensi penggunaan image sebagai salah satu materi posting. Bukan hal aneh karena image adalah salah satu media paling tepat untuk berkomunikasi dengan pembaca selain teks. Frekuensi penggunaan image sebagai salah satu bahan posting dan desain blog mengharuskan blogger untuk mengetahui lebih dalam tentang image, tag img serta beberapa property css yang berkaitan dengan penerbitan image dalam posting. Kode html tag img dalam penggunaan sederhana berisi attribute src dan alt dan width serta height.