Tuesday, October 17, 2017

Tiga Cara Menempatkan File Css dalam Html

Tags

Cara penempatan file Css dalam Tag Html
Css ( Cascading Style Sheet ) Secara umum memiliki mekanisme yang sangat sederhana namun bisa juga sangat komplek tergantung bagaimana cara pemberian poperty dan value yang diinginkan oleh desiner web itu sendiri

Secara aturan yang benar ada tiga cara menempatkan file css kedalam tag Html
  1. embed [ <style></style> ]
  2. inline [ <p style="color:lightblue; "> .... </p>  ]
  3. external [ <link rel="stylesheet" herf="style.css"> ]
Lebih jelas kita ulas ketiga metode penempatan File Css dalam tag Html

Embed

Tutorial penempatan file Css kedalam Tag Html menggunakan metode embed [ <style></style> ]
Menempatkan Css di antara <head>...</head>
Dengan menggunakan metode embed memungkinkan terjadinya error sangat minim sehingga akan menghasilkan design web lebih sempurna.untuk hasil dari metode embed lihat pada gambar dibawah ini:

Inline

Tutorial menempatkan file Css menggunakan metode inline yaitu menerapkan css langsung kedalam tag Html yang ingin diubah, perhatikan pada gambar:


Penerapkan aturan penempatan css diatas dengan benar akan memberi hasil yang lebih maximal diantaranya:
  • File lebih rapi
  • Pencarian lebih mudah
  • Meminimalis terjadinya error
  • Menghindari error dalam penulisan
  • Menghindari error dalam pemberian nilai dan poperti desian


EmoticonEmoticon