Skip to main content

CSS : Cara menggabungkan HTML dengan CSS

Cara menggabungkan HTML dengan CSS

Sebenarnya ada tiga macam cara untuk menggabungkan antara file HTML dengan file CSS.
Berikut ini ketiga cara untuk menggabungkan file HTML dengan CSS :

1.Inline Style

Inline Style adalah cara penulisan file CSS secara langsung kedalam Tag HTML, berikut ini contoh penulisan Inline Style:

<html>
<head>
<title>Penggabungan File HTML dan CSS</title>
</head>
<body>
<p>
<h2 style=”color:#FFCC00″>Contoh untuk Inline Style
</p>
</h2>
</body>
</html>


2.Embedded Style

Embedded Style merupakan cara penulisan CSS kedalam file HTML per halaman ( Page ) dan penulisan file CSS sebelum ….</head>.
Berikut ini contoh penulisannya :

<html>
<head>
<title>Penggabungan File HTML dan CSS</title>
<style type=”text/css”>
h2{
color:#FFCC00;
background:#CC0000;
}
</style>
</head>
<body>
<p>
<h2>Contoh untuk Embedded Style
</p>
</h2>
</body>
</html>



3.Link Style

Untuk penulisan Link Style merupakan penulisan secara terpisah antara file HTML dan file CSS dan kita tinggal memasang link saja, dan pemasangan Link anda bisa taruh di antara <head>…</head>.

Untuk cara Link Style ini yang banyak dipakai oleh para Web Design atau programmer karena cara Link Style adalah cukup satu kali penulisan file CSS yang nantinya dipakai oleh seluruh halaman Website.

Biasanya para Web Design menamai file Link Style CSS dengan nam style.css.
Berikut ini contoh filenya:

h2{
color: #FFCC00;
background: #CC0000;
}

Simpan file stye.css didalam directori yang sama dengan file html yang akan kita buat dan buat folder css masukan file dalam folder css tersebut agar terkesan rapih.


buat file htmlnya dengan listing berikut :

<html>
<head>
<title>Penggabungan File HTML dan CSS</title>
<link href=”css/style.css” rel=”stylesheet” type=”text/css” />
</head>
<body>
<p>
<h2>Contoh untuk Link Style
</p>
</h2>
</body>
</html>



Catatan :
  • Untuk menyisipkan Link ke file style.css penempatannya harus diantara <head>….</head>.
  • Anda bisa membuat lebih file css lebih dari satu sesuai dengan kebutuhan.





Selanjutnya anda bisa mempelajari Property Pada CSS.



Labels:

Comments

Post a Comment

Popular posts from this blog

Menambahkan Peraturan Komentar Pada Blog

Menambahkan Peraturan Komentar Pada Blog : Ngblog Menulis sebuah artikel dan dikomentari dengan link aktif/promosi produk dan kata kata spam lainnya memang tidak mengenakan anda mungkin akan sangat merasa kecewa sekali, anda mungkin seperti menulis sebuah artikel namun tidak dihargai karyanya oleh orang lain. Mungkin membuat aturan berkomentar di blog adalah salah 1 cara menetralisirnya, mungkin jika ada aturan tersebut orang berpikir 2 kali untuk meninggalkan komentar Spam, lalu bagaimana cara membuat aturan komentar tersebut? langsung saja kita praktekan Ikuti langkah berikut : Login ke bloger,masuk ke blog yang anda inginkan, Klik Setelan -> POS-KOMENTAR   Scroll kebawah dan cari menu "pesan formulir komentar" klik tambahkan , dan isi kolom sesuai keinginan kalian atau peraturan yang kalian inginkan.  Setelah selesai silakan klik simpan setelan dipojok kanan atas. Lihat hasilnya di blog kalian ,akan seperti ini : Jika ada pertanyaan...
21 comments
Baca Lebih »

Traha Infinity a lancé une campagne événementielle de pré-inscription

Moai Games a officiellement annoncé la sortie d’ un  nouveau  MMORPG  intitulé  Traha Infinity , dans la première moitié de 2022. Ce jeu mobile devrait se dérouler 200 ans avant les événements des précédents jeux  Traha , il a  des  graphismes  Full 3D  et optimisés performances haut de gamme pour smartphones. Traha a  été un énorme succès en Corée avec 4,2 millions de précommandes avant sa sortie officielle en 2019, le jeu mobile n’a jamais eu de sortie mondiale. Ce jeu a été développé par Moai Games et publié par  Nexon , et est devenu l’un des jeux les plus vendus de l’époque. Et maintenant,  Traha Infinity  continuera le même monde comme une suite, plutôt une préquelle. Le nouveau jeu présentera la même vision du monde et la même topographie que le jeu précédent, mais présentera un nouveau scénario. Ils se vantent d’ une qualité graphique  Full 3D haut  de gamme ainsi que d’un système optimisé pour les smartphones. Les joueurs pourront explorer l...
Post a Comment
Baca Lebih »

8 Ball

8 Ball Artist Bio         M. Iqbal merupakan Rapper Maluku yang lahir di Malang yang mulai ngerap sejak tahun 2003 di Jogja. Rapper yang menggunakan nama 8ball untuk nama panggungnya ini, sudah terbiasa untuk mendengarkan musik sejak kecil. Bagi 8ball, Hip Hop memiliki daya tarik tersendiri, hingga memilih rap sebagai cara untuk menyampaikan pesannya. Dengan memiliki influence yang beragam, membuat lagu-lagunya menjadi tidak biasa di tambah karakter suara dan click rapping yang kuat. Seperti kebanyakan rapper, 8Ball juga menulis semua liriknya sendiri. Lirik yang di tulis terinspirasi dari kejadian kejadian di masyarakat dan mengamati kehidupan asmara orang orang di sekitarnya. Lirik yang Cerdas, Jelas, Tegas apa adanya membuat banyak orang yang telah mendengarkannya selalu ingin mendengarkan ulang dan menunggu karya selanjut nya. Lagu pertamanya berkolaborasi dengan Dimas dengan membentuk Group "Blues Clues" dengan single “Ah sudah ah” di buat setelah menetap di Jog...
Post a Comment
Baca Lebih »