Pada bagian terakhir ini saya akan memberikan tutorial membuat web statis dan dipercantik dengan cara yang simpel sekali. Bagaimana caranya? Mari saya tunjukkan.
- Buka project yang terdahulu seperti yang saya berikan tutor pada Part 2 atau anda dapat mendownload disini
- Setelah project dibuka, pilih File - New - CSS. Maka tampilan akan seperti ini.
- Code yang Anda perlu ketik adalah
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}
- Kemudian save file CSS yang telah anda buat pada folder yang sama dengan file HTML yang sebelumnya
- Apabila di Run maka belum terjadi apa - apa, karena kedua file tersebut belum dikoneksikan satu sama lain. maka anda harus mengetik script seperti berikut pada file HTML sebelumnya, sebelum tag </head>
<link href="[NAMA FILE CSS ANDA].css" rel="stylesheet" type="text/css" />
- Kemudian save, tekan F12 dan tampilan akan seperti berikut
- Selesai.
Mudah bukan membuat web? Tunggu tutorial yang kan saya berikuttnya :)
No comments:
Post a Comment