modul 4
LAPORAN MODUL 4
CSS STYLE
Nama : Yayat Supriatna
Nim : 20160910098
Klelas : SIC2016
a. Postest
1.Buatlah design website menampilkan gambar
Keterangan :
<html>
<head>
<title> menampilkan gambar </title>
<style type="text/css">// membuat style css inisial gambar
img{
width: 300px; //lebar
height: 200px;//tinggi
border: 5px solid #575d63;//menetuakan ketebalan border gambar
padding: 10px 10px 100px 10px;//menentukan padding
}
p{
position: absolute;//memnetukan posisi sejajar
top: 220px;//mennetukan ukuran
left: 90px;//mennetukan ukuran
z-index: 1;//indek 1
color: black;//mennetukan warna
}
</style>
</head>
<body>
<img class="gambar1" src="gambar6.jpg" >//gambar yang ditampilkan 1,2,3
<img class="gambar2" src="gambar7.png" >
<img class="gambar1" src="gambar8.jpg">
</body>
</html>
b.Tugas
1.Membuat design website menggunakan css
Keterangan :
<html>
<head>
<style type="text/css">// menentukan css style
body{background: yellow;}// warna body background kuning
h1{font-family: arial;color: black}//type font dan warna untuk H1
p{font-family: arial;size: 12;color:black;}// type font dan warna P
table{background: blue;font-family: arial;color: black;}// warna tabel ,font dan warna font
.letter2{word-spacing: 10px;}//jarak antar tulisan
</style>
</head>
<body>
<h1><center> UNIVERSITAS KUNINGAN</center></h1>// memanggil tulisan type h1 warna hitam
<P><CENTER>FKOM</CENTER></P><br>// memanggil paragraf warna hitam
<hr color="black" size="5"><br>//membuat garis warna hitam
<table>//tabel
<td><p class="letter2">//class p home
home</p></td><td width="20">
<td><p class="letter2">
news</p></td>//class p news
<td width="20"><td><p class="letter2">
contact</p></td><td width="20">//class p contact
<td><p class="letter2">
about</p></td>//class p about
</table></html>
<head>
<style type="text/css">// menentukan css style
body{background: yellow;}// warna body background kuning
h1{font-family: arial;color: black}//type font dan warna untuk H1
p{font-family: arial;size: 12;color:black;}// type font dan warna P
table{background: blue;font-family: arial;color: black;}// warna tabel ,font dan warna font
.letter2{word-spacing: 10px;}//jarak antar tulisan
</style>
</head>
<body>
<h1><center> UNIVERSITAS KUNINGAN</center></h1>// memanggil tulisan type h1 warna hitam
<P><CENTER>FKOM</CENTER></P><br>// memanggil paragraf warna hitam
<hr color="black" size="5"><br>//membuat garis warna hitam
<table>//tabel
<td><p class="letter2">//class p home
home</p></td><td width="20">
<td><p class="letter2">
news</p></td>//class p news
<td width="20"><td><p class="letter2">
contact</p></td><td width="20">//class p contact
<td><p class="letter2">
about</p></td>//class p about
</table></html>
terimaksih emoga bermanfaat
Komentar
Posting Komentar