Pertemua 2 , WEB 2.0 Lanjutan
HTML
HTML adalah sebuah bahasa untuk menampilkan halaman sebuah website.
HTML merupakan singkatan dari Hyper Text Markup Language. HTML bukan termasuk
dalam bahasa pemrograman, tetapi HTML adalah “markup language“, “markup
language” ini merupakan sekumpulan “tag“. “tag” inilah yang digunakan untuk
menampilkan halaman website dalam tampilan tertentu.
HTML5 merupakan versi terkini dari HTML yang menawarkan berbagai fitur
baru dibanding versi HTML sebelumnya. Beberapa diantaranya adalah berbagai
jenis inputan baru seperti date, time, color, email; berbagai tag/komponen baru
seperti video, audio, canvas; serta berbagai fitur menarik lainnya.
HTML5 dikembangkan oleh WHATMG (Web Hypertext Application Technology
Working Group). Dalam menjalankan HTML5 tidak semua versi browser yang dapat
support dalam menjalankan program di HTML5. Ketika kita menggunakan HTML penulisan
tag dengan dan atribut dengan huruf kecil merupakan suatu keharusan, tetapi
ketika menggunakan HTML5 penulisan boleh saja menggunakan huruf kecil, besar,
maupun kombinasinya. Bahkan dalam menulis nilai suatu atribut pemberian tanda
petik merupakan suatu yang tidak wajib.
A.
Fitur dalam HTML5
Ada beberapa fitur yang tidak didukung oleh
HTML tapi ada pada HTML5 yaitu :
- Canvas
: pembuatan gambar dalam canvas, bukan merupakan gambar yang diambil dari
gambar yang utuh.
- Audio
: memungkinkan penyajian player dalam memutar suara
- Video : memungkinkan player untuk memainkan
film
- Header
: berguna menyatakan suatu judul yang bisa diisi dengan logo dan nama
perusahaan
- Footer : untuk menaruh informasi di bagian
bawah web
- Time
: elemen ini berguna untuk menyajikan elemen tentang waktu
B.
Elemen HTML yang Tidak Ada dalam HTML5
-
basefont
-
big
-
center
-
font
-
s
-
strike
-
tt
-
u
- Tag HTML
Tag adalah teks khusus (markup) yang terdiri dari nama tag yang diapit oleh
karakter “<” (tanda lebih kecil) dan “>” (tanda lebih besar). Contoh
tag <body> : adalah tag dengan nama tag body. Tag umumnya
ditulis secara pasangan yaitu tag pembuka dan tag penutup. Contoh tag pembuka
: <body> dan tag penutup </body> (ditambah tanda
“/”).
Tag HTML tidak bersifat case sensitive, maksudnya tag HTML tidak
membedakan huruf besar/katipal dan huruf kecil. Jadi anda bisa menggunakan
huruf kapital atau pun huruf kecil ketika menuliskan tag HTML. Misalnya
menuliskan <body> dengan <BODY> maka hasilnya
akan sama saja. Namun walaupun begitu, akan lebih bagus jika kita konsisten
memilih salah satu saja untuk semua tag di halaman HTML yang kita buat.
- Web
Browser dan Dokumen HTML
Web browser adalah aplikasi atau software yang digunakan untuk
menampilkan halaman website. Contoh web browser adalah Internet Explorer,
Mozilla Firefox, Opera dan lainnya. Web browser memiliki tugas untuk membaca
dokumen HTML dan menampilkan sebagai halaman website. Web browser tidak
menampilkan tag HTML tetapi menggunakan tag HTML untuk menampilkan isi dari
halaman HTML tersebut.
Dokumen HTML sendiri terdiri dari tag-tag HTML dan teks biasa. Jadi
dokumen HTML bisa disamakan dengan halaman website. Artinya dokumen HTML juga
bisa disebut dengan halaman website.
 |
Contoh HTML sederhana :
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Heading</h1>
<p>Isi paragraf disini.</p>
</body>
</html>
Ekstensi HTML atau HTM?
Dokumen HTML ada yang disimpan dengan ektensi HTM dan HTML. Mungkin
ketika anda mencoba latihan membuat HTML sederhana anda pernah bingung, apakah
harus disimpan dengan ekstensi “htm” atau “html”. Sebenarnya sama saja, tidak
ada pengaruhnya pada halaman HTML anda antara ektensi “htm” atau pun “html”,
jadi anda bebas memilihnya. Tapi disarankan anda konsisten dengan memilih salah
satu untuk mempermudah mengingat nama file. Karena misalnya ketika memanggil
file tertentu agar anda tidak salah mengetikkannya.
Untuk diketahui bahwa pada awalnya ektensi “htm” digunakan karena
berbagai sistem dan software hanya mengijinkan 3 digit/karakter untuk dijadikan
ekstensi sebuah file/dokumen. Tapi untuk saat ini, kita sudah dapat menggunakan
ekstensi “html” sebagai ekstensi file/dokumen HTML.
Fungsi HTML (HyperText Markup
Language)
HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.
Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.
Fungsi HTML yang lebih spesifik yaitu
:
2. Menampilkan berbagai informasi di dalam sebuah browser
Internet.
3. Membuat link menuju halaman web lain dengan kode
tertentu (hypertext).
TENTANG CASCADING
STYLE SHEETS (CSS)
CSS (Cascading Style Sheet) adalah standard
pembuatan dan pemakaian style untuk dokumen terstruktur , CSS digunakan untuk
mempersingkat penulisan tag HTML seperti font,color,text, dan table menjadi
lebih ringkas sehingga tidak terjadi pengulangan tulisan.
Pengertian dan fungsi CSS Cascading Style Sheet (CSS) adalah salah satu bahasa
pemrograman web yang digunakan untuk mengendalikan beberapa komponen dalam
sebuah web sehingga akan lebih terstruktur dan seragam. CSS dapat kita gunakan
dalam mengendalikan ukuran gambar, warna teks, warna tabel, ukuran border, warna
border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar
teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS bisa juga
diartikan sebagai bahasa style
sheet yang digunakan untuk
mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk
menampilkan halaman yang sama dengan format yang berbeda.
Dasar dari CSS sendiri sebenarnya sudah banyak sekali, namun
tampilan yang dihasilkan syntaks – syntaks dari CSS lama masih belum menarik
bagi para end-user atau pengunjung. Syntaks css secara umum dapat ditulis
sebagai berikut :
<html>
<head>
<style type=”text/css”>
…isi css…
</style>
…isi halaman…
</body>
</html>
Komentar
Posting Komentar