03.32
nothing
Cascading Style Sheets(CSS) adalah suatu teknologi yang digunakan untuk memperindah halaman website (situs), dengan CSS kita dapat dengan mudah mengubah keseluruhan warna dan tampilan yang ada disitus kita sekaligus memformat ulang situs kita. CSS ini telah distandarkan oleh World Wide Web Consortium (W3C) untuk digunakan di web browser.
Keuntungan CSS
•Dapatdi-update dengan cepat dan mudah, karena kita cukup mendefinisikan sebuahstyle-sheet global yang berisiaturan-aturanCSS tersebut untuk diterapakan pada seluruh dokumen-dokumen HTML pada halaman situs kita.
•User yang berbeda dapat mempunyai style-sheet yang berbeda pula.
•Ukuran dan kompleksitas document code dapat diperkecil.
Sejarah CSS
Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.
Ada 3 cara pembuatan CSS
1. Inline adalah CSS yang terdapat pada baris dalam html
contoh:
<div style="font:11px Verdana,Arial,Sans-serif;text-align:center">
contoh inline style
</div>
2. Internal adalah CSS yang terdapat pada header dalam html itu sendiri.
contoh:
html>
<head>
<title>test</title>
<style type="text/css">
p { color:#0000FF;font-weight:bold; }
</style>
</head>
<body>
<p>Ini judul</p>
<p>Loh, ini cuma tulisan</p>
</body>
</html>
3. External adalah CSS yang terdapat pada file terpisah dengan ekstensi.css
contoh:
<head>
<title>Style linked</title>
<link rel=stylesheet type="text/css"
href="http://www.kumquats.com/styles/gen_styles.css"/>
</head>
<body>
<h1>I"m so bluuuuoooo!</h1>¦
<h1> I am ba-loooooo, tooooo!<h1>
sumber: http://id.wikipedia.org/wiki/Cascading_Style_Sheets
http://didats.net/page/belajar-css-yuk-1/
01.41
nothing
HTML adalah sebuah jenis teks dokumen khusus yang digunakan oleh Web browser untuk mempresentasikan teks dan gambar. Di dalam teks tersebut terdapat tag markup seperti <p> untuk menandakan awal dari sebuah paragraf, dan </p> untuk menandakan akhir dari sebuah paragraf. Dokumen HTML sering disebut sebagai "halaman Web". Browser mengambil halaman Web dari Web server dan karena adanya Internet, halaman tersebut bisa berada di manapun di dunia.
Hypertext Markup Language merupkan standard bahasa yang di gunakan untuk menampilkan document web, yang bisa anda lakukan dengan HTML yaitu:
-Mengontrol tampilan dari web page dan contentnya.
-Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.
-Membuat online form yang bisa di gunakan untuk menangani pendaftaran, transaksi secara online.
-Menambahkan object-object seperti image, audi, video dan juga java applet dalam document HTML.
Browser merupakan software yang di install di mesin client yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Browser yang sering di gunakan biasanya Internet Explorer, Netscape Navigator dan masih banyak yang lainya.
Editor merupakan Program yang di gunakan untuk membuat document HTML, ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.
Secara garis besar, terdapat 4 jenis elemen dari HTML:
• structural. tanda yang menentukan level atau tingkatan dari sebuah tulisan (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1
• presentational. tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan,
• hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.wikipedia.org/">Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu),
• Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>), Konsep hypertext pada HTML memungkinkan kita untuk membuat link pada suatu kelompok kata atau frase untuk menuju ke bagian manapun dalam World Wide Web,
Ada tiga macam link yang dapat kita gunakan :
• Link menuju bagian lain dari page
• Link menuju page lain dalam satu web site
• Link menuju resource atau web site yang berbeda.
Contoh HTML sederhana
<html>
<head>
<title>'''Selamat Siang''' HTML</title>
</head>
<body>
<p>Nama saya Joel</p>
</body>
</html>
Tag HTML
Tag ini digunakan untuk menginformasikan kepada browser bahwa dokumen yang kita buat adalah sebuah dokumen HTML. Kode tag ini dibuka dengan <html> dan ditutup dengan </html>
Tag Head
Tag ini berfungsi sebagai tempat untuk menuliskan tag-tag yang termasuk dalam unsur head . Unsur yang ada di dalam tag head dapat termasuk skrip, intruksi pencarian style sheet, untuk menyediakan informasi meta, dan banyak lagi.
Tag berikut dapat ditambahkan ke bagian head : <base> , <link> , <meta>, <script> , <style>, dan <title>. Kode tag ini dibuka dengan <head> dan ditutup dengan </head>
Tag Title
Tag ini berfungsi untuk mendefinisikan judul dalam dokumen html. Elemen title diperlukan dalam semua dokumen HTML / XHTML. Tag title merupakan satu-satunya elemen yang harus ada dalam tag head. Elemen ini digunakan untuk :
• Mendefinisikan sebuah judul di toolbar browser
• Memberikan judul untuk halaman ketika ditambahkan ke favorit
• Menampilkan judul untuk halaman hasil mesin pencari
Kode tag ini dibuka dengan <title> dan ditutup dengan </title>
Tag Body
Tag Body mendefinisikan elemen body tubuh dokumen. Elemen body ini berisi semua isi dari dokumen HTML, seperti teks, hyperlink, gambar, tabel, daftar, dll. Kode tag ini dibuka dengan <body> dan ditutup dengan </body>
Sumber : http://id.wikipedia.org/wiki/HyperText_markup_language
