Pages

Stop Exploitasi Hutan Indonesia!

Minggu, 12 Mei 2013

contoh css internal



Pada posting sebelumnya kita sudah sedikit mengetahui apa yang di maksud dengan CSS atau baca saja jika kalian belum membacanya DISINI. Nah kalau kalian sudah tahu mengenai CSS maka kita akan mencoba untuk membuat desain web yang sederhana. CSS ( Cascading Style Sheets ) itu sendiri digunakan oleh para desainer web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Dalam penulisan CSS ada dua metode yang dapat kita gunakan yaitu internal dan eksternal. Untuk posting saat ini kita kan sama-sama membuat web dengan menggunakan meode internal yaitu menuliskan langsung didalam tag-tag HTML nya. Nah, sekarang siapakan tools yang akan kita gunakan untuk membuatnya, boleh dengan notepad++ atau dengan textpad atau dengan tools yang lain. Di bawah ini merupakan script yang akan kita gunakan. Copy dan lihat hasilnya...


<!DOCTYPE html>
<html>
<head>
<style>
<body>
{
font-family:arial;
color: white;
font-size: 20px;
font-weight: bold;
padding :6px 6px 6px 6px;
border: 2px inset #333333;
background-color:green;
}
</style>
</head>
<body>
<center>
<h1>Ini css bro!</h1>
<p>Belajar css itu mudah .</p>
</center>
</body>
</html>

Hasilnya bisa kalian lihat sendiri pada file kalian.

0 komentar:

Posting Komentar