Cara Buat Kotak menggunakan atribut Fieldset

2
,
A+ A-
Print Email
http://tutorialbloggermasnoer.blogspot.com/2011/01/cara-buat-kotak-menggunakan-atribut_10.html
Saat yang lalu saya menjelaskan cara membuat tabel. Dan pada tutorial blog kali ini hampir mirip dengan tabel, sama-sama berbentuk kotak. Tapi kotak yang ini berfungsi sebagai teks area dan bentuknya lebih sederhana, tapi tetap indah dan rajin. Cara buat kotak ini mudah, hanya dengan menggunakan atribut html : <fieldset>

Berikut kodenya silahkan anda copy, bila anda berminat :
<fieldset>
Teks anda disini
</fieldset>

Berikut hasil kode diatas :

Teks anda disini


<fieldset><br>
<legend><b>Judul Teks disini</b></legend>Isi Teks anda disini
</fieldset>

Berikut hasil kode diatas :



Judul Teks disiniIsi Teks anda disini


<fieldset><br>
<legend><b><fieldset>Judul Teks disini</fieldset></b></legend>Isi Teks anda disini
</fieldset>

Berikut hasil kode diatas :




Judul Teks disini
Isi Teks anda disini

Nah.....,mudah kan...?
Silahkan anda bisa otak - atik sendiri sesuai selera anda. Semoga bermanfaat.
Mohon luangkan waktu anda untuk meninggalkan komentar anda ya..... Terima kasih.
Diposting oleh

Related

HTML Dasar 2287428596477035869
Posting Lebih Baru Posting Lama Beranda item

Posting Komentar

  1. bersediabelajar18 Oktober 2011 pukul 21.40

    wah tips benar-benar bgs mas, ijin copas, menolong banyak blogger yg msh br seperti sy (hehehe jd mentor blogku donk....), thx ya sdh mau berbagi...

    BalasHapus
  2. unikgaul.com17 September 2012 pukul 22.31

    makasih banget sob ilmunya, dan salam kenal ya,,

    BalasHapus

emo-but-icon

Tabs

Hot in week

  • buat web
    Saat ini teknologi dan informatika semakin maju, banyak sekali peluang - peluang bisnis di Internet. Perlu diketahui bahwa jumlah website k...
  • Green Compact News
    Desain template ini sangat elegan, memiliki warna tampilan hijau muda yang sangat dinamis dengan sentuhan vector graphics motif bunga. Templ...
  • Slide down random post
    Satu lagi pengembangan fitur slide show terbaru dari saya. Fitur ini saya beri nama " Slide down random post ", sebab fitur ini sa...
  • buat blog
    Saat ini memiliki sebuah blog bukan merupakan hal baru, dan hampir semua orang yang menggunakan internet sudah memiliki blog. Baik membu...
  • Slice Random Recent Post
    Dilihat sekilas memang recent post ini tampak seperti biasa, dan hanya tampil judul artikel saja. Tapi sebenarnya recent post ini memiliki t...
  • Cara mengaktifkan Thread Comments blogger
    Melihat penggunaan Thread Comments yang ada pada template bawaan blogger, buat saya sangat disayangkan bila dilewatkan. Sebab Thread Commen...
  • Cara membuat forum Embed ULR, HTML, Link Forum dibawah posting.
    Pada Tutorial kali ini, saya akan berbagi widget yang saya dapat dari blogger tip and trick. Yaitu bagaimana cara membuat widget yang memuda...
  • Bagaimana cara posting ke blog saya?
    P ada Dashboard Anda, klik link "Posting Baru" di sebelah blog yang ingin Anda kirimi. Berikutnya, Anda akan melihat halaman Buat...
  • HTML Dasar
    Bila anda sudah membaca artikel saya mengenai Definisi HTML , kali ini kita akan belajar bersama mengenal keseluruhan tentang HTML secara be...
  • Cara membuat Tag Cloud
    Tag cloud sama dengan Label atau biasa disebut label cloud yaitu merupakan daftar kategori semua label yang digunakan untuk menandai suatu ...

Recent

Comments

item