Wednesday, April 9, 2014

Mengenal CSS (HTML leasson 4)


Cahya Dyazin - Mengenal Css itulah pokok bahasan yang akan di bahas sekarang. CSS adalah kepanjangan dari cascading style sheet, di HTML ada 2 cara untuk menggunakan CSS, yaitu :
  1. internal (di dalam)
  2. external (di luar)
pasti kawan semua masih pusing, mari kita bahas satu per satu. 1. Internal Penggunaan CSS dengan cara internal ini adalah cara penggunaan css yang langsung di tempatkan di dalam file html itu sendiri dan di jadikan dalam satu file, contohnya sebagai berikut :
<html>
<head>
<title> Penggunaan css dengan cara internal </title>
<!------ Sintak CSS ----->
<style>
body{
background:blue;
font-family:comic sans ms;
font-size:15px;
color:#FFFFFF;
}
</style>
</head>
<body>
<h1> Cara Internal | www.cekmyinfo.net </h1>
<p>dapatkan informasi atau artikel terbaik hanya di sini di cekmyinfo</p>
</body>
</html>
2. Eksternal Untuk penggunaan css secara eksternal berbeda dengan cara internal di atas, untuk cara ini kita memisahkan file css dan html lalu file css di include atau di hubungkan dengan sintak, <link rel="stylesheet" href="style.css" type="text/css"> ,contohnya sebagai berikut :
body{
background:blue;
font-family:comic sans ms;
font-size:15px;
color:#FFFFFF;
}
simpan dengan nama style.css
<html>
<head>
<title> Penggunaan css dengan cara internal </title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<h1> Cara Internal | www.cekmyinfo.net </h1>
<p>dapatkan informasi atau artikel terbaik hanya di sini di cekmyinfo</p>
</body>
</html>
simpan dengan index.html gimana kawan, paham ? :)

Saya hanya seorang "newbie" yang baru bisa ngoding lohor kemarin.


EmoticonEmoticon