Artikel

Home > Artikel
 

 

Perbedaan Antara Tag DIV dan SPAN


Diposting : 2015-01-05 oleh : WebHozz

 

html_div_span

 

Kita sekarang akan mempelajari perbedaan antara tag DIV dan  tag SPAN dalam HTML, mungkin teman-teman sering menggunakan elemen ini dalam mendesain sebuah website, nah ayo teman-teman mari kita pelajari bersama.

 

Tag Div (division) biasanya sering kita gunakan ketika kita akan membuat website dengan tujuan untuk membuat suatu seksi atau pengelompokan sebuah file HTML menjadi beberapa bagian, agar mempermudah untuk melakukan manipulasi style dengan CSS.

< div > < /div >

Biasanya tag div ini diikuti oleh atribut #id sebagai pembeda antara tag div yang satu dengan yang lainnya.


Biasanya tag div ini diikuti oleh atribut #id sebagai pembeda antara tag div yang satu dengan yang lainnya.

Sedangkan untuk tag Span kita lihat teman-teman


Nah disana bisa kita lihat, yang memdedakan adalah cara penempatannya. Block line tag DIV kelompok tag yang memisahkan dengan tag yang lainnya, sedangkan In-Line tag yg tidak membuat blok baru, artinya dia cukup disisipkan pada konten seperti pada tag SPAN.

Untuk penggunaan tag DIV sendiri biasanya sering digunakan untuk membuat layout, hal ini menggantikan fungsi table yang terlihat kuno dan saat ini mulai tergantikan dengan adanya tag DIV. Menguntungkan karena dalam penggunaannya kode HTML menjadi lebih sedikit dan lebih fleksibel ketika kita akan melakukan manipulasi terhadap layout. Nah untuk lebih jelasnya teman-teman WebHozz bisa lihat tutorialnya.

DEMO

DEMO

Sumber : http://www.webhozz.com/blog/perbedaan-antara-tag-div-dan-span/




Tag : kursus android, kursus web, kursus web design, kursus php, kursus website, lenovo, woocommerce, windows, excel, xampp, php, mysql, twitter, analytic, adwords, google, maps, seo, jquery, slider, browser, game, transition, animation, whatsapp, desktop, wireframe, desain, vps, css, aplikasi, html, javascript, captcha, form, kode, kaskus, autoscroll, codeigniter, processor, bootstrap, ios, wordpress, div, span, lollypop, background, marquee, behaviour, plugin, chaton, bitcoin, opencart, payment, post, get, tooltip, button, silverlight, webmaster, phonegap, facebook, html5, swicth, sass, bbm, alert, mvc, fungsi, mobile, loading, nokia, template, traffic, laravel, yii, jquerymobile, blogger, adobe, baidu, hosting, font, server, input, sticky, menu, tokoonline, prestashop, joomla, java, yahoo, angular, microsoft, responsive, generator, visitor, counter, flatdesign, kursus web design jakarta, kursus web design bandung, kursus website bandung, kursus php bandung, kursus android bandung, kursus java bandung, kursus web bandung, Aplikasi Ramadhan, Cara Membuat Website, Tempat Kursus Website Bandung, Manfaat Internet, Menggunakan Wireframe Web, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, kursus web jogja, kursus website jogja, kursus web design jogja, kursus web programming jogja, kursus php jogja, kursus android jogja, kursus android programming jogja, kursus java jogja, kursus webmaster jogja, kursus codeigniter jogja, kursus wordpress jogja, kursus seo jogja, kursus vb jogja, kursus sql server jogja, kursus game jogja, kursus website jakarta, kursus web design jakarta, kursus web programming jakarta, kursus webmaster jakarta, kursus php jakarta, kursus wordpress jakarta, kursus android jakarta, kursus seo jakarta, kursus java jakarta, kursus sql server jakarta, framework cordova, mengenal framework cordova, apa itu cordova, membuat aplikasi android dengan cordova, cordova android, aplikasi hybrid android, cordova vs phonegap, Kursus Website Surabaya, Kursus Web Design Surabaya, Kursus Webmaster Surabaya, Kursus PHP Surabaya, Kursus Wordpress Surabaya ,