pertemuan 9

VIORIZA-XI-RPL1

PERTEMUAN 9

Ok kali kita akan mambahas tentang css, sebelum itu kita harus tahu apa itu css? css adalah dokumen website yang bertujuan mengatur gaya dari html tersebut, css terdiri dari selector, property, value dalam pengcodingannya pun terbagi menjadi 3 yaitu 1.inline 2.embedded 3.external untuk peformatannya kalian harus mencari sendiri karian luas sekalian berikut contoh dari penggunaan dari css

inlinecss.html

embedded with class dan id1.html

embedded with class dan id 2.html

external with class dan id.html

styleexternal.css

embheadingcolor.html

FormatCharacterSpacing.html

exformatkarakter.css

TextDecoAndSpasing.html

ExtTextDecoAndSpasing.css

EmbIndentAlignUpper.html

<!DOCTYPE html>
<html>
<head>
 <title>Format Text</title>
 <style type="text/css">
  p{
   text-indent: 2cm;
   text-align: justify;
  }
  p#kanan{text-align: right; color: chartreuse;}
  p.besar{text-transform: uppercase;}
  p.kecil{text-transform: lowercase;}
  p.kapital{text-transform: capitalize;}
 </style>
</head>
<body>
       <p>Dengan text indent
          form adalah salah satu bentuk halaman web yang digunakan untuk menerima masukan dari pengguna,
          untuk selanjutnya masukan dari pengguna tersebut diolah menggunakan bahasa pemograman web, baik secara server side
          scripting(misalkan PHP, JSP)ataupun client-side scripting (javascript)
       </p>
       <p id="kanan">
          form adalah salah satu bentuk halaman web yang digunakan untuk menerima masukan dari pengguna,
          untuk selanjutnya masukan dari pengguna tersebut diolah menggunakan bahasa pemograman web, baik secara server side
          scripting(misalkan PHP, JSP)ataupun client-side
       </p>
       <p class="besar"> pengubahan menjadi huruf besar(kapital)</p>
       <p class="kecil"> PENGUBAHAN MENJADI HURUF KECIL</p>
       <p class="kapital"> huruf kapital pada setiap awal kata</p>
</body>
</html>

TUGAS

<!DOCTYPE html>
<html>
<head>
 <title>VIORIZA-XI-RPL1</title>
 <style type="text/css">
    .bf{
     padding: 
    }
  h2{
   text-align: center;
   color: #cc00cc;
   font-size: 33px; 
  }
  p{
           font-family: forte;
           font-size: 20px;
           color: white;
           margin-bottom: 30px;
           margin-top: 30px;
           margin-right: 50px;
           margin-left: 40px;

}
 </style>
</head>
<body bgcolor="#00cc99">
 <p class="bf"></p>
 <h2>BIOGRAFI</h2>
 <img src="">
<p>Septian David maulana adalah pemain sepak bola indonesia yang bermain di mitra kukar, pria kelahiran 1 september 1996 di semarang merupakan pemain berposisi penyerang tetapi ia juaga dapta bermain sebagai jendral lapangan tengah, ia sering menunjukan kualitasnya di berbagai ajang/kompetisi sepak bola lokal maupaun internasional, pemain yang sudah menjadi langganan timnas garuda ini memiliki postur yang ideal serta dilengkapi dengan kemampuan yang tidak diragukan lagi, ia memiliki kecepatan, lincah serta membuat gerakan yang sering merepotkan lawan membuat peamin bernomor 29 ini ditakuti lawan di usia yang terbilang muda ia mampu memberikan prestasi yang membanggakan.</p>
</body>
</html>

VIORIZA BLOG

Cari Blog Ini