WEB1 PART5

KATA PENGANTAR

Puji dan Syukur Kepada Tuhan Yang Maha Esa atas Kasih dan Rahmatnya saya bisa menyelesaikan laporan pratikum pertemuan ke 5 ini. Terselesaikannya tugas web 1 pratikum ke 5 ini diharapkan akan memberi informasi banyak tentang css yang mana sekarang ini merupakan bahasa presentasi HTML dalam pembuatan sebuah web.

Pratikum 5 membahas tentang pengertian css, jenis-jenis css dan bagimana format tag menggunakan css.Saya juga tidak lupa berterimakasih kepada Dosen yang telah mengasuh matakuliah pemrograman web I saat ini,dan juga kepada teman-teman yang telah membantu saya untuk memahami pemrograman web I ini.

Bila ada kekurangan dan kelemahan saya dalam menyelesaikan tugas ini saya minta maaf,saya juga mengharapkan kritik dan saran yang sifatnya membangun dari pembaca, untuk kesempurnaan tugas ini selanjutnya. Atas kerjasamanya saya ucapkan terimakasih.

Medan 01 january 2015

Penulis

BAB 1

PEMBAHASAN

A. Pengeetian css

Cascanding style (CSS) merupakan bahasa presentasi dari HTML, css memudahkan pengembangan isi web itu sendiri. HTML digunakan untuk desain isi web sedangkan css digunakan untuk format isi web itu sendiri.

B. Jenis-jenis css

1. Inline CSS merupakan kode yang langsung dituliskan dalam tag html body cara penulisannya dengan menggunakan kata style.

Contoh:

<html>

<head>

</head>

</body>

</html>

2. Internal CSS yaitu kode yang dituliskan dibagian <head></head> html,penulisan nya dengan <style> </style>.

Contoh:

<html>

<head>

<title>css internal</title>

<style>

body{

color:yellow;

font-family:arial;

font-size: 14pt;

background-color: brown;

margin : 50px 30px 20px;

}

</style>

</head>

<body>

<p>Selamat datang di css</p>

</body>

</html>

C. External CSS yaitu memanggil file CSS dari tempat lain, dengan kata lain file CSS terpisah dengan file HTML. Untuk lebih jelasnya kita lihat contoh dibawah ini:

Contoh :

<html>
<head>
<title>Belajar CSS</title>
<link rel=”stylesheet” type=”text/css”
href=”test.css” />
</head>
<body>
<h3> Selamat Datang CSS </h3>
</body>
</html>

BAB II

PENUTUP

KESIMPULAN

Dari pembahasan diatas dapat saya simpulkan bahwa CSS merupakan bahasa presentasi dari HTML yang berfungsi untuk memudahkan isi dari web itu sendiri. Dalam hal ini CSS memiliki tiga jenis yaitu: Inline CSS, Internal CSS,dan External CSS.

Dibawah ini ada dua contoh soal yang kami buat di pratikum yaitu:

A. Inline CSS

<html>

<head>

<title> belajar css-inline </title>

<head>

<body bgcolor="blue" style="color : white; font-family: monotype corsiva;

font-size : 16pt;">

<p style="color:blue;background-color:orange;border : solid pink 10px;">Css adalah bahasa presentasi dari html.Terdapat 3 jenis css yaitu:

inline css, internal css, dan external css. Inline css merupakan kode yang

langsung dituliskan dalam inline html

cara penulisannya dengan menggunakan kata style. internal css yaitu kode yang dituliskan

dalam tag html,penulisan nya dengan <style> </style>.external css mrpkan kode yang

diletakkan terpisah dari kode html. pertanyaannya kapan kita menggunakan css diatas?

inline css digunakan jika diinginkan memformat tag html secara khusus. dengan kata lain css ini dimanfaatkan

jika suatu informasi ingin di tonjolkan atau dipertegas. css internal digunkan jika suatu halaman web

ingin ditampilkan secara spesifik.</p>

<p style ="color : yellow;background-color:red;text-align:center;line-height:30px;border : solid cyan 10px;"> Css adalah bahasa presentasi dari html.Terdapat 3 jenis css yaitu:

inline css, internal css, dan external css. Inline css merupakan kode yang

langsung dituliskan dalam inline html

cara penulisannya dengan menggunakan kata style. internal css yaitu kode yang dituliskan

dalam tag html,penulisan nya dengan <style> </style>.</p>

<p style ="color : red;background-color:pink;text-align:right;line-height:30px;border : solid purple 10px;">Css adalah bahasa presentasi dari html.Terdapat 3 jenis css yaitu:

inline css, internal css, dan external css. Inline css merupakan kode yang

langsung dituliskan dalam inline html

cara penulisannya dengan menggunakan kata style. internal css yaitu kode yang dituliskan

dalam tag html,penulisan nya dengan <style> </style>.external css mrpkan kode yang

diletakkan terpisah dari kode html.</p>

<p style ="color : pink;background-color:green;text-align:justify;border : solid silver 10px;">Css adalah bahasa presentasi dari html.Terdapat 3 jenis css yaitu:

inline css, internal css, dan external css. Inline css merupakan kode yang

langsung dituliskan dalam inline html

cara penulisannya dengan menggunakan kata style. internal css yaitu kode yang dituliskan

dalam tag html,penulisan nya dengan <style> </style>.external css mrpkan kode yang

diletakkan terpisah dari kode html. .</p>

</body>

</html>

B. Internal CSS

<html>

<head>

<title>css internal</title>

<style>

body{

color:yellow;

font-family:arial;

font-size: 14pt;

background-color: brown;

margin : 50px 30px 20px;

}

h1{

font-size:40pt;

text-align:center;

background-color:black;

border : solid silver 20px;

font-family:magneto;

}

text-indent:50px;

line- height:24px;

text-align:left;

}

h2{

font-size:40pt;

font-family:arial;

text-align:left;

color:gold;

text-align:center;

background-color:black;

border : solid #FFFF00 20px;

}

</style>

</head>

<h1>Teknologi informasi</h1>

<body >

<p>Teknologi informasi.teknologi informasi(information tecnologi) merupakan

teknologi yang berhubungan dengan telekomunikasi dan komputer.

teknologi telekomunikasi memungkinkan setiap orang berkomunikasi secara langsung

tanpa dibatasi oleh waktu,jarak, ruang.teknologi ini memungkinkan manusia berinteraksi

satu dengan lainnya secara cepat tepat dan akurat.beberapa contoh teknologi informasi seperti satelit,

router,VSAT,wireless,HT.teknologi komputer memungkinkan pengolahan data secara cepat contoh

teknologi komputer seperti: mouse, keyboard,RAM,processor,VGA processor,powersupply. </p>

<h2>Teknologi telekomunikasi</h2>

</body>

</html>

Hasilnya:

WEB1 PART5

Senin, 26 Januari 2015

Tidak ada komentar:

Posting Komentar