DASAR-DASAR HTML - Cara Mudah Belajar Desaign Web

DASAR-DASAR HTML

HTML (Hyper Text Markup Language) HTML merupakan bahasa yang umum digunakan untuk membuat suatu web page (halaman web). Isi HTML dapat dilihat pada setiap halaman web dengan cara melihat pada bagian source kodenya:

Cara menampilkan Source kode HTML

Isi source HTML

Bahasa HTML ini berbasis pada text mode sehingga dalam penulisannya menggunakan program-program yang berbasis pada text editor, contohnya : Notepad, Textpad, wordpad, Ultraedit, dll.

Sebenarnya tanpa menggunakan penulisan HTML, halaman web juga dapat dibuat selain dengan program text mode, pembuatan halaman web bisa juga dilakukan dengan program berbasis Graphics User Interface (GUI), contohnya : Macromedia Dreamweaver, Macromedia Flash, Microsoft Frontpage, Microsoft Publisher dll.

Penulisan elemen dasar HTML adalah sebagai berikut :

<html><head><title> ………. </title><head><body>………………</body></html>

Note : setiap elemen dasar diawali dengan tanda pembuka < > dan diakhiri dengan tanda penutup </ > sesuai jenis elemen.

Contoh:
<html>
<head>
<title> Percobaan Membuat Halaman Web </title>
</head>
<body> Ini adalah salah satu cara membuat web </body>
</html>
Hasil pada web browser title:

Pengaturan font & paragraph dalam format HTML

Dalam bahasa HTML, pengaturan font & paragraf tidak bisa dilakukan dengan cara mengubah langsung. Pengaturan harus dilakukan dengan menuliskan tag-tag HTML. Berikut ini adalah beberapa tag-tag HTML dalam pengaturan font.

Tag Fungsi

 ………….. Bold / Huruf Tebal
 …………… Italic / Huruf Miring
 …………. Underline / huruf dengan garis bawah
<center> …………. </center> Menempatkan pada tengah halaman
 ………… Subscript / huruf dibawah
 ………… Dilakukan utk menambah spasi yg lebih dari satu spasi
 Pindah baris
 ……. Membuat Paragraph
<HR> Membuat garis pemisah
<marquee> ……… </marquee> Membuat tulisan bergerak
 ….. Pengaturan spesifik font / character
<Align> Pengaturan spesifik paragraph
<IMG> ………. </IMG> Pengaturan Gambar

Lihat contoh berikut ini :

Hasil pada Web Browser

Heading

Teks dalam dokumen umumnya mempunyai judul topik, pada dokumen HTML judul ini disebut heading. Heading tulisan akan ditampilkan dengan huruf yang lebih besar atau ditebalkan. Heading juga dimanfaatkan untuk menunjukkan tingkat keberartian dari teks yang dituliskan. Ada 6 tingkat heading dalam HTML, dinomori dari 1 sampai dengan nomor 6. Nomor 1 merupakan heading terbesar. Setiap heading dalam dokumen harus diberi tag, tergantung pada kebutuhan teks tersebut, jika dianggap sebagai heading1-digunakan tag <h1>

Sintaks elemen heading <hy> Teks yang menjadi heading </hy>, dimana y adalah nomor heading

contoh:

Mengatur letak Heading

Tag heading mempunyai atribut yang digunakan untuk mengatur letak heading dalam baris –align. Aligment heading

Hasilnya:

Jika atribut align tidak diisi maka heading secara default akan ditampilkan rata sebelah kiri.Penggaris Mendatar Sebuah garis dapat dsisipkan dalam dokumen web, umumnya digunakan sebagai pemisah antar bagian atau paragraf. Tag<hr>disisipkan pada tempat garis akan disisipkan dokumen.

Garis yang disisipkan dapat dalam bentuk penggaris karena lebar garis dapat diatur, ukuran garis dapat dalam bentuk point atau dalam bentuk relatif dalam window browser.

portal//perkuliahanamg