AL"tecnology: praktikum 9

hello guys kembali lagi dengan saya di blog saya disini akan lanjutkan pembelajatan
PENGERTIAN CSS

Cascading Style Sheet atau lebih sering disebut CSS merupakan salah satu dokumen website yang bertujuan untuk mengatur gaya(style) tampilan website.
Dengan CSS, kita dapat mengatur layout (tata letak), warna, font, garis, dan lain-lain.
CSS pertama kali diperkenalkan oleh Hakon Wiun Lie pada tahun 1994

MANFAAT CSS

Kode HTML menjadi lebih sederhana dan lebih mudah diatur
Ukuran file menjadi lebih kecil sehingga load file lebih cepat
Mudah untuk mengubah tampilan,hanya dengan mengubah file css saja
Dapat berkolaborasi dengan javascript
Dapat digunakan dalam semua jenis web browser

STRUKTUR CSS

1.Selector
Selektor adalah kata kunci untuk memilih elemen HTML yang akan kita atur.Contoh: Body,h1,h2,p,form.

2.Property
Contoh: color,font-family,font-spacing,dll

3.Value
Contoh:Red,arial,16,8px

menggunakan attribut font-size yang mempunyai fungsi untuk mengatur ukuran font yang akan digunakan,Dan saya juga menggunakan attribut text-shadow yang mempunyai fungsi untuk memberikan efek bayangan pada teks

embedded yang artinya codingan CSS nya berada di dalam head HTML.Untuk menngunakan nya menggunakan attribut <style type="text/css">

embedded.Di CSS slector class menggunakan tanda .(titik),contoh nya diatas ada selector class="username" di codingan CSS nya diawali tanda .(titik) Dan selector id menggunakan tanda #(hastag)

css

CSS jenis external yang artinya file html dan file css nya terpisah.Namaun tetap bisa terhubung dengan menggunakan attribut <link rel="stylesheet" type="text/css" href="(namafilecssnya)" >

CSS
menggunakan property letter-spacing

CSS

Property yang digunakan : text-indent untuk membuat jorok ke dalam pada awal paragraf, text-align untuk mengatur tulisan agar rata kanan,kiri, atau sama rata, text-transform untuk mengatur/mengubah huruf agar besar/keci

PRAKTIKUM TUGAS DANAU TOBA

<!DOCTYPE html>
<head>
<title>ALPA GUSTIANA XI RPL 3</title>
 <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
 <h1>
si toba</h1>
<p id="source">
BY:alpa gustiana</p>
<div class="Gambar">
  <img src="gambar/TOBA.gif" alt="SI TOBA" width="20%" type="gif">
 </div>
<div class="Materi">
  <p id="text">
Pada suatu hari, ada seorang pemuda bermana Toba sedang memancing ikan. Umpan yang sudah lama dia lempar akhirnya dimakan seekor ikan. Betapa terkejutnya dia ketika melihat seekor ikan mas bersisik emas yang telah dia dapat.
 Akhirnya Toba yang merasa bahagia pulang ke rumah, tetapi sayangnya semua kayu bakar di rumahnya sudah habis. Dia menyimpan ikan itu di dalam wadah besar dan mencari kayu bakar.
  <p id="text">
Toba pulang dengan membawa kayu bakar, sayangnya ikan itu menghilang, dia hanya menemukan wadah yang berisi koin emas. Ketika dia masuk ke dalam kamarnya ada seorang wanita cantik yang sedang menyisir rambutnya.
 Wanita itu akhirnya menjadi istrinya, tetapi dengan satu syarat, yaitu tidak boleh mengungkit asal usul dia yang merupakan penjelmaan dari ikan.
  <p id="text">
Mereka dikaruniai anak laki-laki bernama Samosir. Setiap hari Toba bekerja banting tulang untuk mereka berdua, namun Samosir malah menjadi anak yang nakal dan pemalas.
 Suatu ketika Samosir diminta untuk mengantarkan makanan untuk ayahnya, bukannya langsung pergi ke ladang, dia malah main bersama teman-teman lainnya. Bahkan karena merasa lapar dia memakan makanan itu.
 Toba yang yang sangat lapar menunggu tidak kunjung datang makan siang yang dia harapkan. Samosir pun tiba,  tetapi Toba sangat marah karena anaknya telah menghabiskan semua makanan untuknya.
 Toba yang marah memukul Samosir mengucapkan kalimat ‘dasar anak ikan, kepadanya. Kemudian dia mengadukan itu kepada Ibunya, dan ibunya memerintahkan Samosir untuk naik ke atas bukit, karena Toba sudah melanggar janji untuk tidak mengungkin masa lalu ibunya.
 Air bah yang sangat deras membanjiri daerah itu, ibunya melompat ke dalamnya dan menjadi ikan kembali. Ayahnya yang tidak sempat menyelamatkan diri pun ikut tenggelam. Samosir berubah menjadi pulau yang diberinama pulau samosir di kelilingi danau yang diberinama Danau Toba.
 </p>
</body>
</html>

CSS

cukup sekian postingan kali ini,sampai berjumpa di postingan selanjutnya.Semoga postingan kali ini bermanfaat bagi kita semua.

AL"tecnology

Jumat, 31 Agustus 2018

praktikum 9

Tidak ada komentar:

Posting Komentar

Laravel Controllers & Interacting with DB

Laporkan Penyalahgunaan