HTML 1
By: m.fadh al husni
1.1 Pegenalan World Wide Web
Internet (Inter-Network) adalah sebutan untuk sekumpulan jaringan komputer yang menghubungkan situs akademik, pemerintahan, komersial, organisasi maupun perorangan. Internet menjadi penghubung antara jaringan-jaringan beragam diseluruh dunia untuk dapat berkomunikasi.
Internet sudah hampir dikenal oleh sebagian besar orang di dunia, begitu mendengar kata internet maka yang terbayang adalah halaman-halaman web yang ditampilkan pada layar browser, dan untuk dapat masuk kehalaman web kita perlu menambahkan World Wide Web (WWW) di depan alamat web yang akan kita tuju.
WWW bekerja berdasarkan tiga mekanisme berikut:
1.Protocol standard aturan yang di gunakan untuk berkomunikasi pada computer
networking, Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.
2.Address WWW memiliki aturan penamaan alamat web yaitu URL(Uniform Resourt
Locator) yang di gunakan sebagai standard alamat internet.
3.HTML digunakan untuk membuat document yang bisa di akses melalui web.
2.1 Pengertian HTML
Hyper Text Markup Language (HTML) adalah suatu sistem penulisan perintah dan formatting hyper text sederhana yang ditulis kedalam dokumen text ASCII, yang di akses World Wide Web (WWW) agar dapat menghasilkan tampilan visual yang terintegrasi meliputi jenis huruf, elemen grafis, dan link hyper text ke dokumen lain di internet. Membuat halaman web menggunakan HTML dapat dilakukan dengan editor text biasa, karena file HTML berupa file text (plain text file) bukan binary file, sehingga dapat dibuat menggunakan editor teks biasa seperti Notepad dan WordPad atau menggunakan editor khusus HTML seperti EditPlus dan FrontPage bahkan editor yang lain seperti MS-Word dan lain-lainnya.
2.2 Tag-Tag HTML
Perintah HTML biasa disebut TAG, TAG digunakan untuk menentukan tampilan dari dokumen HTML. Tipe dari tag tidaklah sensitife jadi jika anda menuliskan tag dengan huruf besar atau huruf kecil keduanya akan menghasilkan output yang sama.
Berikut adalah salah satu contoh tag-tag HTML:
1. Dokumen
2. Header
3.
Isi dokumen
HTML
Setiap dokumen HTML harus di awali dan di tutup dengan tag html
Tag html memberi tahu browser bahwa yang di dalam kedua tag tersebut adalah dokumen HTML, browser adalah software yang di instal di mesin client yang berfungsi untuk menterjemahkan tag-tag HTML.
HEAD
Bagian header dari dokumen HTML diapit oleh tag untuk menandai bagian kepala dokumen HTML, di dalam bagian head biasanya dimuat tag title yang menampilkan judul dari halaman pada titlenya browser. Browser menyimpan ”title” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title di gunakan sebagai keyword.
BODY
Dokumen body di gunakan untuk menampilkan text, image link dan semua yang akan di tampilkan pada web page.
Cobalah membuat tulisan berikut pada Notepad:
Saya
Perkenalan
Perkenalkan, nama saya ..... Ini adalah homepage
pertama saya, karena saya baru belajar tentang
cara membuat homepage.
Simpanlah tulisan tersebut dengan menambahkan .html pada akhir nama file, kemudian bukalah file HTML nya.
2.2.1 TAG JUDUL (HEADING)
Header digunakan untuk mengatur ukuran huruf pada suatu kata atau kalimat.
Struktur penulisan pada tag heading yaitu
Cobalah contoh berikut pada notepad:
Judul Tingkat 1
Judul Tingkat 2
Judul Tingkat 3
Judul Tingkat 4
Judul Tingkat 5
Judul Tingkat 6
Simpan sebagai html kemudian buka file htmlnya.
2.2.2 TAG PARAGRAF
Tag paragraf digunakan untuk menandai suatu paragraf, suatu paragraf akan terlihat dibatasi oleh satu baris kosong lihat pada contoh dibawah ini :
Ini adalah homepage pertama saya, karena saya baru belajar tentang cara membuat homepage.
Homepage ini masih dalam tahap pengembangan, oleh karena itu tampilannya masih terlalu sederhana.
2.2.3 TAG GANTI BARIS (BREAK LINE)
Break digunakan untuk pindah ke baris berikutnya, bentuk penulisan tag break sebagai berikut
...
contoh pemakaian tag
:
Perkenalkan,
nama saya ..... Ini adalah
homepage pertama saya,
karena saya baru belajar tentang cara
membuat homepage.
Homepage ini masih dalam tahap pengembangan, oleh karena itu tampilannya masih terlalu sederhana.
2.2.4 TAG FONT
Dengan tag font anda dapat menentukan format tampilan font dalam document HTML seperti color, size, style dan lain-lan. Contoh penulisan tag :
contah kalimat dengan menggunakan tag font
Face digunakan untuk menentukan jenis huruf yang akan digunakan
Color merupakan attribute yang bisa anda tambahkan pada beberapa element seperti body font, body, link dan lainnya. Untuk menentukan warna anda dapat menggunakan heksadesimal yang mempunyai intensitas (#000000 - #FFFFFF) Masing-masing color didefinisikan dalam dua digit hexadecimal number.
Heksa desimal Warna
#FFFFFF Putih
#FF0000 Merah
#00FF00 Hijau
#0000FF Biru
#000000 hitam
Size untuk mengformat ukuran huruf mempunyai intensitas 1-7 semakin tinggi nilainya maka akan semakin besar hurufnya.
