search

Apa yang dilakukan spons di html?

1 years ago
Komentar: 0
Dibaca: 174

Apa yang dilakukan spons di html?

Show

Reza Abdullah Ikuti Lorem ipsum dolor sit amet conseqtetur adipiscing elit.

Fungsi Div Tag dan Span Tag dan Cara Menggunakannya

30 Juli 2016

Apa yang dilakukan spons di html?

Kuy Belajar - Fungsi Div Tag dan Span Tag dan Cara Menggunakannya. Assalamualaikum sobat, kita jumpa lagi. Setelah sebelumnya kita sudah membahas materi tentang Fungsi Input Tipe Tersembunyi dan Cara Menggunakannya yang merupakan materi terakhir pada pembahasan bentuk dalam HTML . Kali ini kita akan membahas materi tentang Fungsi Div Tag dan Span Tag serta Cara Penggunaannya. Silahkan lihat pembahasan dibawah ini.



Apa yang dilakukan spons di html?



Pengertian Div Tag dan Span Tag Pada HTML

Tag dan tag
adalah tag yang sebenarnya tidak memiliki makna secara spesifik. Mungkin sobat bertanya tanya kenapa begitu? pada tag-tag lain di dalam HTML memiliki makna masing-masing. Jadi, apa fungsi dari kedua tag ini?

Walaupun tag dan tag
ini tidak bermakna, justru kedua tag ini lah menjadi salah satu tag yang paling sering digunakan untuk membuat struktur web, terutama tag
. 

Tag
yang tidak memiliki style bawaan (tidak memiliki efek tampilan apa-apa), sobat dapat dengan mudah mengubahnya menggunakan CSS. Biasanya tag
menggunakan atribut id sebagai pembeda antara tag
yang satu dengan yang lainnya.

Contoh paling umum untuk penggunaan tag
adalah sebagai container atau pembatas satu struktur HTML dengan struktur lainnya. Berikut adalah contoh struktur HTML menggunakan tag
:


<html>






<title>Kuy Belajar Tag Div</title>







</head>











<body>



  <div id="header">



  <h1>Judul Website</h1>



  </div>







  <div id="menu">



  <ul>







  <li><a href="#">Home</a></li>



  <li><a href="#">About</a></li>



  <li><a href="#">Contact</a></li>



 </ul>



 </div>







 <div id="content">



   <div id="article_1">



   <p>......Isi dari artikel.....</p>



   </div>



 </div>







 <div id="sidebar">



   <h1>Artikel Terbaru</h1>



   <ul>







       <li><a href="#">Link 1</a></li>



       <li><a href="#">Link 2</a></li>



       <li><a href="#">Link 3</a></li>



   </ul>



  </div>







 <div id="footer">



    <p>Footer - Copyright Kuy-Belajar 2016</p>



 </div>



</body>











</html>

Ketika Anda menjalankan kode HTML di atas, maka hasilnya akan seperti berikut

Apa yang dilakukan spons di html?


Stuktur web diatas umum ditemukan pada web modern yang menggunakan CSS untuk men-style halaman tersebut. Perhatikan bahwa masing-masing tag
memiliki atribut id yang membedakannya dengan tag
lainnya.


Perbedaan antara Div Tag dan Span Tag dalam HTML

Secara garis besar tag pada HTML dapat dibedakan menjadi 2 jenis yaitu Block-line dan In-line

Jenis tag Block-line atau Block-style adalah sekelompok tag yang 'ingin' berdiri sendiri, dan memisahkan diri dari tag-tag yang ada di sekitarnya. Tag Block Style umumnya akan muncul pada baris baru dan secara otomatis menambahkan spasi (enter) di akhir tag.  

Contoh tag Block-line yaitu tag paragraf (

), heading (

..

), dan tabel (). Tag Block-line akan membuat sebuah ‘blok’ dalam struktur HTML. Di dalam tag ini bisa terdapat tag block lain, maupun tag In-line.

Jenis tag In-line atau Inline style adalah tag yang tidak membuat blok baru di dalam struktur HTML. Tag jenis ini tidak menambahkan spasi di akhir tag, dan cenderung menyambung tag sebelum dan sesudahnya dalam baris yang sama. Contoh tag inline adalah tag garis miring ( atau ), tag penebalan ( atau ) dan tag link ().

Tag div termasuk dalam tipe block-line, sedangkan tag span termasuk dalam tag in-line

Contoh perbedaan kedua tag ini dapat dilihat pada kode HTML berikut


<html>



<head>






<title>Kuy Belajar Tag Div</title> 



<style type="text/css">



   #kalimat{



      font-weight: bold;



      }



   .miring{



      font-style: italic;



      }



</style>







</head>











<body>



   <p>







         <strong>Ini adalah <em>Sebuah</em> paragraf </strong>



   </p>



   <div id="kalimat">



        Ini juga <span class="miring">Sebuah</span> paragraf



   </div>



</body>











</html>
_

Maka akan menghasilkan seperti pada gambar di bawah ini

Apa yang dilakukan spons di html?


Kedua paragraf akan memiliki efek yang sama. Namun pada paragraf kedua kita hanya menggunakan tag div dan span. Efek penebalan dan miring teks kita dapat diubah melalui CSS
Jika Anda belum mempelajari CSS, jangan khawatir, tetapi ingat bahwa tag rentang dan tag div adalah tag 'tidak berarti' yang dapat ditafsirkan

Kira-kira begitulah pembahasan kita tentang Fungsi Div Tag dan Span Tag serta Cara Menggunakannya. Sekian dari saya "Singkat, Semoga Bermanfaat"

Untuk apa elemen spons?

Umumnya, elemen spons digunakan untuk tujuan penataan gaya dengan memanfaatkan CSS . Beberapa atribut yang biasa digunakan dalam elemen span adalah style, class dan id. Misalnya, Anda ingin memberi gaya pada bagian teks tertentu dalam sebuah paragraf (tag

Apa fungsi tag div dan SPAN?

Sebenarnya penggunaan kedua tag ini hampir sama, yaitu untuk memberikan format pada teks yang diblok dengan CSS . Perbedaannya disini adalah tag menyediakan baris baru di akhir paragraf sedangkan tag tidak menyediakan baris baru di akhir paragraf.

Apa perbedaan antara div dan SPAN?

Tag div termasuk dalam tipe block-line, sedangkan tag span termasuk dalam tag in-line . Kedua paragraf akan memiliki efek yang sama. Namun pada paragraf kedua kita hanya menggunakan tag div dan span.

Sebutkan elemen apa saja yang ada di HTML?

Elemen dalam HTML . tag pembuka, isi, dan tag penutup.

kode html

Pos Terkait

Cara menggunakan css fade border-image
Cara menggunakan css fade border-image

Apa yang dimaksud class dalam html?
Apa yang dimaksud class dalam html?

Cara membuka port 3306 untuk mysql di windows 10
Cara membuka port 3306 untuk mysql di windows 10

Cara menghapus tabel yang rusak di mysql
Cara menghapus tabel yang rusak di mysql

Dapatkan elemen demi elemen javascript
Dapatkan elemen demi elemen javascript

Seret dan lepas unggahan banyak file, bootstrap
Seret dan lepas unggahan banyak file, bootstrap

Bagaimana cara mengunduh data mysql ke excel?
Bagaimana cara mengunduh data mysql ke excel?

Dapatkah saya menyimpan pdf di mysql?
Dapatkah saya menyimpan pdf di mysql?

Cara menggunakan mysql optimize inner join
Cara menggunakan mysql optimize inner join

Cara mengubah data bulanan menjadi data tahunan di excel
Cara mengubah data bulanan menjadi data tahunan di excel

Periklanan

BERITA TERKINI

Cara menggunakan mysql timestamp from string
1 years ago . by ShavenBrainstorming
Langkah langkah membuat web menggunakan HTML dan CSS?
1 years ago . by OverheatedCabbage
Bagaimana cara mengonversi file txt ke google sheets?
1 years ago . by DeprivedAppeasement
Bagaimana Anda mengganti huruf tertentu dengan python?
1 years ago . by FunctioningApartheid
Apa upaya kita untuk mengatasi krisis air bersih?
1 years ago . by BeardedAnnoyance
Bagaimana cara membekukan area yang dipilih di excel?
1 years ago . by CrackingMolasses
Bagaimana Anda mengonversi bilangan bulat negatif menjadi byte dengan python?
1 years ago . by Wage-priceAccomplice
Apakah infeksi bakteri pada Miss V bisa sembuh sendiri?
1 years ago . by FrayedDaddy
Database mana yang digunakan di phpmyadmin?
1 years ago . by ParamountCounselor
Cara menggunakan semua jenis acara javascript
1 years ago . by CondemnedMirth

Toplist Popular

#1
Top 7 unterschied griechischer joghurt und joghurt griechischer art 2022
1 years ago
#2
Top 9 ibc container 600 liter gebraucht 2022
1 years ago
#3
Top 7 excel hintergrundfarbe auslesen ohne vba 2022
1 years ago
#4
Top 6 dji mavic air 2 wann welcher filter 2022
1 years ago
#5
Top 7 rosen schwarze flecken am stiel 2022
1 years ago
#6
Top 8 wann wird es wieder später dunkel 2022 2022
1 years ago
#7
Top 6 em nome do pai em nome do filho 2022
1 years ago
#8
Top 8 zdf neben der spur -- erlöse mich 2022
1 years ago
#9
Top 8 como melhorar dor no calcanhar 2022
1 years ago
#10
Top 7 vinho é bom para pressão alta 2022
1 years ago

Periklanan

Terpopuler

Periklanan

Tentang Kami

Legal

Dukungan

Social

homeendejahikoptzhth
Copyright © 2024 ketajaman Inc.