• About
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Contact

Blogger Tutorial

Berbagi seputar dunia blogging dan internet

  • Home
  • Tutorial
    • Blogger
    • Amazon
    • Seo
    • Adsense
    • Komputer
    • Photoshop
    • Wordpress
  • Software
  • Hardware
  • Aplikasi
    • Android
    • Iphone
  • Jasa
    • SosBok
    • SEO
  • Informasi
Home » Uncategories » Menggunakan Css pada halaman web

Menggunakan Css pada halaman web

Sejarah singkat tentang Css, dimana Css merupakan singkatan dari Cascading Style Sheet yang merupakan temuada dari para penemu alat elektronik dan alat pencetak dimana mereka menyadari pentingnya pemisahan antara halaman dengan isi konten. Untuk menggunakan CSS pada halaman website ada tiga pilihan yaitu eksternal style sheet, internal style sheet, inline style sheet 
IEksternal Style Sheet adalah kita harus membuat file css terpisah dengan dokumen html sehingga nantinya kita harus membuat link pada tag head di dokumen html yang nanntinya ditulis dengan sintak seperti ini:

------------------------------------------------------------------------------------
<link href="dokumen style sheet yang anda simpan" rel="stylesheet" type="txt/css">
------------------------------------------------------------------------------------
Link href merupakan tag untuk memanggil dokumen Css yang telah kita simpan kemudia tag rel merupakan penegasan bahwa ini adalah rangkaian file berupa stylesheet dan type merupakan jenis dari file tersebut yaitu txt menyatakan teks dan css menyatakan cascading style sheet 
------------------------------------------------------------------------------------
<html>
<head><title>Internal Style Sheet</title>
<style type="text/css">
.tampil {font-family:arial; font size:14pt;
}
</style>
<body>
<table>
<tr>
<td class="tampil">Internal Style Sheet</td>
</tr>
</table>
</body>
</html>
-------------------------------------------------------------------------------------
Bisa anda lihat dibawah tag head ada sebuah tag yaitu tag css selector class yaitu .tampil dimana pada selector ini akan berisi declarator yang nantinya akan dibaca oleh browser untuk diparsekan kesebuah tabel yang mana pada tabel tersebut akan sesuai dengan deklarator yang berarti tulisan tersebut akan tampil sesuai dengan isi declarator yaitu ukuran font 14pt dan jenis huruf arial, yang ketiga adalah Inline  style sheet yaitu:
--------------------------------------------------------------------------------------
<html>
<head><title>Inline Style Sheet</title>
<meta http-equif="Content-Type" content="text/html"; charset=utf-8/>
</head>
<body>
<p><font face="comic sans ms, cursive" color="#ffd000" zise="16">penulisan css dengan html yang digabung menjadi satu</font></p>
</body>
</html>
-----------------------------------------------------------------------------------------
Dari ketiga penggunaan stylesheet lebih baik menggunakan eksternal style sheet dimana kecepatan dalam loading blog akan lebih cepat dan disamping itu didalam mengedit stylesheet tidak akan kewalahan...
Posted by I Wayan Budiana on - Rating: 4.5
Title : Menggunakan Css pada halaman web
Description : Sejarah singkat tentang Css, dimana Css merupakan singkatan dari Cascading Style Sheet yang merupakan temuada dari para penemu alat elektron...

Share to

Facebook Google+ Twitter

0 Response to "Menggunakan Css pada halaman web"

Post a Comment

Newer Post
Older Post
Home
Subscribe to: Post Comments (Atom)

Popular Posts

  • Apa itu Stavolt
    Stavolt adalah bagian komputer yang digunakan untuk mengangkat tegangan sehingga bisa mengoptimalkan tegangan yang masuk ke CPU dan monitor....
  • Apa benar Miyabi meninggal?.....
     Waduh artis cantik ini jadi bintang di Internet nie banyak situs mengangkat namanya dan memberitakan bahwa dia telah meninggal.. Dalam hati...
  • Meningkatkan kualitas blog
    Blog atau web bisa dibilang berkualitas jika kita memberikan artikel yang bermanfaat dan orisinil bukan dari copas karena disamping tidak be...
  • Cara melihat keaslian situs
    Semakin gembar-gembornya PPC yang merupakan program periklanan yang mudah dilakukan dan memberikan peluang besar bagi para pemilik situs. In...
  • How to make a textarea box link exchange
    Link exchange box is needed to facilitate your friendship in the world of the Internet so it is very necessary to if your blog discusses soc...

Labels

Komputer (29) Tutorial Blog (14) Photoshop (6) WIdgets (5) wordpress (5) Bisnis Online (4) blogger (3) Html dan Css (2) Seo (2) Sofware (2) mencari uang di internet (2) Amazon (1) Books (1) Buku (1) Html (1) Informasi (1) Seo Tips (1) Software (1) Templates (1) Tips and trik (1) adsense (1) alexa (1) banner (1) berita (1) information (1) php (1) trik seputar blog (1) tv online (1) widget (1)
Copyright © 2012 Blogger Tutorial - All Rights Reserved
Design by Mas Sugeng - Powered by Blogger