Friday, December 30, 2016

Membuat Web Sederhana dengan Notepad

HTTP (Hypertext transfer protocol) merupakan protokol yang digunakan untuk data antara web server ke web browser. Protocol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (Hypertext Markup Language). Dikatakan markup language karena HTML berfungsi untuk memperindah’ file teks biasa untuk ditampilkan pada program web browser hal ini dilakukan dengan menambahkan elemen atu sering disebut sebagai tag-tag pada file teks biasa tersebut.

Saat ini sudah dikenal HTML5 yang menawarkan berbagai fitur menarik yang
tidak didukung oleh HTML sebelumnya. Beberapa fitur yang tersedia pada
HTML5 antara lain sebagai berikut.


Membuat Web Sederhana dengan Notepad
web
o Canvas. Memungkinkan pembuatan gambar dalam kanvas.Jadi, gambar tidak lagi diambil dari gambar utuh, melainkanbisa disusun sendiri, bak menggunakan program Paint.
o Header. Berguna untuk menyatakan suatu judul, yang bisadiisi dengan elemen logo dan nama perusahaan.
o Footer. Merupakan kebalikan dari header. Sebagai catatankaki, elemen ini berguna untuk menaruh informasi di bagianbawah halaman web.
o Time. Elemen ini berguna untuk menyajikan informasitentang waktu.
o Audio. Memungkinkan penyajian player untuk memutarsuara.
o Video. Memungkinkan player untuk memainkan film.Secara prinsip, 


fitur pada HTML dapat dikelompokkan ke dalam :
o Struktur halaman ;
o Presentasi visual ;
o Peranti penyaji gambar ;
o Pendukung media ; danPeningkatan koneksi dengan JavaScript.Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandaidengan symbol lebih besar (<) dan (>). Pasangan dari sebuah tagditandai dengan symbol garis miring (/). Misalnya pasangan dari tag<contoh > adalah</contoh>. Dalam hal ini <contoh> kita sebutsebagai elemen dan biasanya dalam suatu elemen terdapat atributatribut untuk mengatur elemen itu. Jadi misalnya elemen <contoh>bila ditulis dengan atributnya adalah sebagai berikut:<contoh atribut1=”nilai_atribut1”atribut2=”nilai_atribut2=”…>.Dalam penulisan tag HTML tidaklah case sensitive artinyapengguna huruf kecil ataupun capital tidaklah menjadi masalah.


STRUKTUR DASAR HTML

<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
Berisi tentang text, gambar,
atau apapun yang
tampil pada dokumen web.
</body>
</html>
Seperti terlihat, struktur file HTML diawali dengan sebuah tag<html>dan ditutup dengan tag </html>. Di dalam tag ini terdapat dua buahbagian besar, yaitu yang diapit oleh tag<head>…</head> dan tag<body>…</body>.Bagian yang diapit oleh tag HEAD merupakan header darihalaman HTML dan tidak ditampilkan pada browser. Bagian iniberisi tag-tag header seperti <tittle>… </tittle> yang berpungsiuntuk mengeluarkan judul pada tittle bar window web browser.Bagian kedua, yang diapit ole tag BODY merupakan bagian yangakan ditampilkan pada halaman web browser nantinya. Padabagian ini anada akan menuliskan semua jenis informasi berupateks dengan bermacam format maupun gambar yang inginsampaikan pada pengguna nantinya.

Pengaturan Properti Dokumen 

Properti document diatur melalui atribut-atribut yang terdapat dalamelemen <body>. Sebagai contoh adalah pengaturan warna latarbelakng halaman, wana teks, warna link dan lain-lain.






Membuat Web Sederhana dengan Notepad
4/ 5
Oleh