Langsung saja admin ingin memberikan sedikit pengetahuan, dengan adanya mata kuliah pemograman web sehingga sedikit memberikan info tentang bahasa CSS :
<html>
<head>
<title>
Latihan pertemuan 2 : Pemograman Web
</title>
</head>
<style type="text/css">
#sulisp1{
color:green;
font-size:14pt;
font-family:comic sans ms;
text-indent:2cm;
text-align:justify
}
#keongp2
{
color:red;
font-size:14pt;
font-family:comic sans ms;
text-indent:2cm;
text-align:justify
}
#gondolaBd
{
background-color:black;
background-image:url(Gambar/lula_.png);
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed
}
.kecebungDv
{
background-color:black:none;
width:900px;
margin-left:5.8cm
}
.samsungDv
{
background-color:white:none;
width:900px;
margin-left:5.8cm
}
</style
<!--
catatan : Menggunakan CSS Jenis ID Selector
NB : aturan penggunaan CSS
1. Di Tulis didalam Sintaks CSS
2. format id Penulisan :
Nama Selector{
poperty : value
}
3. antar porperty dipisahkan dengan tanda (;)
4.jenis ID diawal dengan simbol kres(#), jenis class selector (.), jenis in line (langsung ditulis di tag html)
5.cara meng hilangkan gambar double
6. lapisan layar :top, Midle, bottom, | left,center, right
-->
<body id="gondolaBd">
mengenal CSS(Casecanding Style sheet)<br/>
<div class="kecebungDv">
<p id="sulisp1">
<img src="Gambar/www.jpg" width="100px" height="100px" align="left"/>
Casecanding Style Sheet (CSS) merupakan
aturan unutk mengendalikan beberapa
komponen dalam sebuah web sehingga akan
lebih tersetruktur dan seragam.
CSS merupakan bahasa pemograman.
sama halnya styles dalam aplikasi
pengelolah kata seperti microsoft Word
yang dapat mengatur beberapa syle, misalnya
heading, subab bodytext, footer , images, dan
style lainnya untuk digunakan bersama-sama dalam beberapa berkas(file)
</p>
</div>
<div class="samsungDv">
<p id="keongp2">
sama halnya styles dalam aplikasi
pengelolah kata seperti microsoft Word
yang dapat mengatur beberapa syle, misalnya
heading, subab bodytext, footer , images, dan
style lainnya untuk digunakan bersama-sama dalam beberapa berkas(file)
</p>
</div>
<div class="samsungDv">
<p id="sulisp1">
sama halnya styles dalam aplikasi
pengelolah kata seperti microsoft Word
yang dapat mengatur beberapa syle, misalnya
heading, subab bodytext, footer , images, dan
style lainnya untuk digunakan bersama-sama dalam beberapa berkas(file)
sama halnya styles dalam aplikasi
pengelolah kata seperti microsoft Word
yang dapat mengatur beberapa syle, misalnya
heading, subab bodytext, footer , images, dan
style lainnya untuk digunakan bersama-sama dalam beberapa berkas(file)
sama halnya styles dalam aplikasi
pengelolah kata seperti microsoft Word
yang dapat mengatur beberapa syle, misalnya
heading, subab bodytext, footer , images, dan
style lainnya untuk digunakan bersama-sama dalam beberapa berkas(file)
sama halnya styles dalam aplikasi
pengelolah kata seperti microsoft Word
yang dapat mengatur beberapa syle, misalnya
heading, subab bodytext, footer , images, dan
style lainnya untuk digunakan bersama-sama dalam beberapa berkas(file)
sama halnya styles dalam aplikasi
pengelolah kata seperti microsoft Word
yang dapat mengatur beberapa syle, misalnya
heading, subab bodytext, footer , images, dan
style lainnya untuk digunakan bersama-sama dalam beberapa berkas(file)
sama halnya styles dalam aplikasi
pengelolah kata seperti microsoft Word
yang dapat mengatur beberapa syle, misalnya
heading, subab bodytext, footer , images, dan
style lainnya untuk digunakan bersama-sama dalam beberapa berkas(file)
</p>
<p id="sulisp1">
sama halnya styles dalam aplikasi
pengelolah kata seperti microsoft Word
yang dapat mengatur beberapa syle, misalnya
heading, subab bodytext, footer , images, dan
style lainnya untuk digunakan bersama-sama dalam beberapa berkas(file)
sama halnya styles dalam aplikasi
pengelolah kata seperti microsoft Word
yang dapat mengatur beberapa syle, misalnya
heading, subab bodytext, footer , images, dan
style lainnya untuk digunakan bersama-sama dalam beberapa berkas(file)
sama halnya styles dalam aplikasi
pengelolah kata seperti microsoft Word
yang dapat mengatur beberapa syle, misalnya
heading, subab bodytext, footer , images, dan
style lainnya untuk digunakan bersama-sama dalam beberapa berkas(file)
sama halnya styles dalam aplikasi
pengelolah kata seperti microsoft Word
yang dapat mengatur beberapa syle, misalnya
heading, subab bodytext, footer , images, dan
style lainnya untuk digunakan bersama-sama dalam beberapa berkas(file)
sama halnya styles dalam aplikasi
pengelolah kata seperti microsoft Word
yang dapat mengatur beberapa syle, misalnya
heading, subab bodytext, footer , images, dan
style lainnya untuk digunakan bersama-sama dalam beberapa berkas(file)
sama halnya styles dalam aplikasi
pengelolah kata seperti microsoft Word
yang dapat mengatur beberapa syle, misalnya
heading, subab bodytext, footer , images, dan
style lainnya untuk digunakan bersama-sama dalam beberapa berkas(file)
</p>
</div>
<div style="width:900px;
background-color:red;
margin-left:5.7cm;
font-family:arial narrow;
font-size:14pt;
color:white;
text-align:center;
">
materi : mengenal CSS (Casecanding Style Sheet), tanggal 22 April 2015<br/>
Dibuat Oleh : Sulis | NPM : 13453018</br>
Politeknik PPKP Yogyakarta
</div>
</body>
</html>
terimakasih ......................
