Sebelum membuat halaman HTML, yang harus anda persiapkan adalah teks editor untuk membuat dokumen HTML dan web browser untuk menampilkan dokumen HTML. Pada operating system biasanya sudah disiapkan teks editor default, misalkan pada Windows ada Notepad, pada Linux Ubuntu ada gEdit dan pada Mac ada SimpleText. Namun anda dapat menggunakan editor yang lain, misalnya Notepad++, Adobe Dreamweaver, Microsoft FrontPage dan masih banyak lagi. Dan untuk web browser anda dapat menggunakan Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari dan lain - lain.
Struktur dasar penulisan HTML
<!-- Belajar HTML Dasar -->
<html>
<head>
<title>Belajar HTML</title>
</head>
<body bgcolor="red">
Belajar HTML dasar
</body>
</html>
Komentar
Komentar berfungsi sebagai penanda pada source code HTML dan tidak akan ditampilkan pada web browser. Komentar mempunyai tag pembuka "<!--" dan tag penutup "-->".
Sintaks :
<!-- Ini adalah Komentar -->
Tag
Tag merupakan teks khusus yang berupa karakater "<" dan ">". Secara umum bertuliskan berpasangan, yaitu tag pembukan dan tag penutup (ditambahkan karakter "/"). Pada tag yang berdiri sendiri misalnya break line, ditulis seperti ini <br />.
Sintaks :
<html></html>
Attribut
Attribute berfungsi untuk mendefinisikan property dari suatu Elementt HTML, yang terdiri atas nama dan nilai.
Sintaks :
<body bgcolor="red">
Element HTML
Mendefinisikan dokumen HTML.
Sintaks :
<html> </html>
Element Head
Merupakan kepala dari dokumen HTML. Biasanya pada tag head ini disisipkan script atau link CSS, Javascript, Icon dan lain - lain.
Sintaks :
<head> </head>
Element Title
Judul dokumen HTMl yang akan ditampilkan pada title bar web browser.
Sintaks :
<title>HTML Dasar | Vhenomia</title>
Element Body
Elemen yang berfungsi untuk menampilkan isi dari dokumen HTML. Didalam tag ini biasanya diletakkan attribut untuk warna teks dan warna hyperlink juga background.
Sintaks :
<body text="#000000" bgcolor="#FFFFFF" background="url gambar" link="#FF0000" alink="#FF0022" vlink="#CCCCCC">
Keterangan attribut : teks : memberi warna teks bgcolor : memberi warna latar belakang background : memberi latar belakang menggunakan gambar link : memberi warna hyperlink alink : memberi warna hyperlink yang aktif Vlink : memberi warna hyperlink yang telah dikunjungi
0 komentar:
Posting Komentar