Materi HTML

HyperText Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk

membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar
dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat
dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga
menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang
sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut
dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang
digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan
standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web
Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika
mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi
di Jenewa)

Sejarah HTML
HTML?? ada yang tau HTML?? HTML adalah bahasa pemrograman web yang sering
digunakan.. nah situs situs yang suah banyak anda kunjungi sebagian besar menggunakan bahasa
pemrograman HTML…
Untuk mempublikasikan informasi untuk distribusi global, orang perlu dipahami secara universal
bahasa, penerbitan semacam bahasa ibu bahwa semua komputer dapat berpotensi memahami.
Penerbitan bahasa yang digunakan oleh World Wide Web adalah HTML (dari HyperText
Markup Language).

HTML penulis memberikan cara untuk:

Ø Menerbitkan dokumen online dengan judul, teks, tabel, daftar, foto, dll Mengambil informasi
online melalui hypertext link, di klik tombol.
Ø Desain formulir untuk melakukan transaksi dengan layanan jarak jauh, untuk digunakan dalam
mencari informasi, membuat reservasi, memesan produk, dll
Ø Sertakan menyebar-lembaran, klip video, klip suara, dan aplikasi lainnya secara langsung di
dokumen mereka.

Sejarah singkat HTML 

            HTML pada awalnya dikembangkan oleh Tim Berners-Lee sementara di CERN, dan
dipopulerkan oleh browser Mosaic dikembangkan di NCSA. Selama tahun 1990-an telah
berkembang dengan pertumbuhan eksplosif Web. Selama waktu ini, HTML telah diperpanjang
dalam beberapa cara. Web tergantung pada halaman Web penulis dan vendor berbagi konvensi
yang sama untuk HTML. Hal ini telah termotivasi bekerja bersama spesifikasi untuk HTML.
HTML 2.0 (November 1995, lihat [RFC1866] [p.356]) telah dikembangkan di bawah
perlindungan dari Internet Engineering Task Force (IETF) untuk mengkodifikasi praktik umum
di akhir tahun 1994. HTML + (1993) dan HTML 3.0 (1995, lihat [HTML30] [p.355])
mengusulkan jauh lebih kaya versi HTML. Meskipun tidak pernah menerima konsensus dalam
standar diskusi, konsep ini mengarah pada adopsi berbagai fitur baru. Upaya dari World Wide
Web Consortium’s HTML Working Group untuk menata Common praktek pada tahun 1996
menghasilkan HTML 3.2 (Januari 1997, lihat [HTML32] [p.356]). Perubahan dari HTML 3.2
dirangkum dalam Lampiran A [p.311] 21 24 Desember 1999 18:26 Pengenalan HTML 4
            Kebanyakan orang setuju bahwa dokumen HTML harus bekerja dengan baik di berbagai
browser dan platform. Mencapai interoperabilitas menurunkan biaya untuk penyedia konten
karena mereka harus mengembangkan hanya satu versi dokumen. Jika upaya ini tidak dilakukan,
ada risiko yang lebih besar bahwa Web akan berpindah ke dalam dunia perangkat lunak
berpemilik
format tidak sesuai, akhirnya mengurangi potensi komersial Web untuk semua peserta.
 Setiap versi HTML telah berupaya untuk merefleksikan konsensus di antara industri yang lebih
besar pemain sehingga investasi yang dilakukan oleh penyedia konten tidak akan sia-sia dan
bahwa dokumen mereka tidak akan menjadi tak terbaca dalam waktu singkat.
HTML telah dikembangkan dengan visi bahwa segala macam perangkat tersebut harus berada
dapat menggunakan informasi di Web: PC dengan tampilan grafis dengan berbagai resolusi dan
kedalaman warna, telepon selular, perangkat tangan manusia, perangkat untuk pidato untuk
output dan input, komputer dengan bandwidth yang tinggi atau rendah, dan seterusnya.
HTML penulis memberikan cara untuk:
Ø  Menerbitkan dokumen online dengan judul, teks, tabel, daftar, foto, dll Mengambil informasi
online melalui hypertext link, di klik tombol.
Ø  Desain formulir untuk melakukan transaksi dengan layanan jarak jauh, untuk digunakan dalam
mencari informasi, membuat reservasi, memesan produk, dll
Ø  Sertakan menyebar-lembaran, klip video, klip suara, dan aplikasi lainnya secara langsung di
dokumen mereka.

Perkembangan
Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen
dari dokumen dengan suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa
yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini
dinamakan Markup Language, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya.
IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML.
Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat
baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan markup
language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari
GML milik IBM, tetapi memberinya nama lain, yaitu SGML (Standard Generalized Markup
Language). ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk
pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi diluar perkiraan ISO, SGML
dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet.
Khususnya bagi mereka yang menggunakan World Wide Web. Versi terakhir dari HTML saat ini
adalah HTML5.

Kegunaan
Ø  Mengintegerasikan gambar dengan tulisan.
Ø  Membuat Pranala
Ø  Mengintegerasikan berkas suara dan rekaman gambar hidup.
Ø  Membuat form interaktif.

Menyunting format tulisan

HTML memungkinkan seseorang untuk menyunting tampilan atau format berkas yang akan
dikirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan format
berkas adalah:
Ø  Menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul,
heading dan sebagainya.
Ø  Menampilkan tulisan dalam bentuk cetakan tebal
Ø  Menampilkan sekelompok kata dalam bentuk miring
Ø  Menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
Ø  Mengubah-ubah ukuran tulisan untuk suatu karakter tertentu.
Ø  I. CARA MEMASUKKAN GAMBAR

kode :

<img src="http://arizaldipa97.blogspot.com/gambar.gif" border="0" height="17" width="90">

Ø 
keterangan :

height="17" width="90" adalah ukuran lebar dan tinggi gambar

II. CARA MEMBUAT LINK

Kode :

<a href="http://www. arizaldipa97.blogspot.com" > Arizaldipa97.com </a>

Ø 
Keterangan :

Text warna biru adalah link yang dituju.

Tulisan " Arizaldipa97.com" adalah tulisan yang ditampilkan.

Jika konten yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan
kode gambar seperti diatas, sehinga kodenya akan seperti ini :

<a href="http://www.arizaldipa97.blogspot.com" target="_blank"><img

src="http://www.arizaldipa97.blogspot.com /gambar.jpg" border="0" height="17"
width="90"> </a>
Ø 
Jika pengin link yang dituju dibuka dalam window baru maka tambahkan
kodetarget="_blank" setelah kode " http://www. arizaldipa97.blogspot.com "

III. CARA MENGETENGAHKAN TEXT/GAMBAR

Kode :

<center>text</center>

Ø  Keterangan :

Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar

IV. CARA MEMBUAT BARIS BARU 

Kode :

<br>
Ø  Keterangan :

Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan

V. MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH

Kode :

<b>text</b>

<i>text</i>

<u>text</u>

VI. MEMBERI WARNA TEXT

<font color="#FF0000"> Merah </font>

<font color="#0000FF"> Biru </font>

VII. KODE-KODE WARNA

Warna Kode
Hitam #000000
Abu-abu #999999
Putih #FFFFFF
Merah #FF0000
Hijau #00FF00
Biru #0000FF
Kuning #FFFF00
BiruMuda #00FFFF
Pink #FF00FF
Ungu #9900FF
Orange #FF6600

            VIII. PENULISAN KARAKTER-KARAKTER KHUSUS

Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau
berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh
karakter-karakter tersebut :

Karakter Kode
>  &gt;
<  &lt;
& &amp;
" &quot;
(spasi) &nbsp;