 |
HTML
HTML singkatan dari Hypertext Markup Language.HTML merupakan bahasa standar yang digunakan untuk membuat dokumen HTML. HTML terdiri dari kode-kode tertentu yang akan memerintahkan web browser untuk menampilkan informasi yang dapat berupa teks, gambar, video dan lainnya.
Untuk membuat HTML diperlukan dua macam software yaitu : HTML editor dan web browser, Contoh HTML editor : Macromedia Dreamweaver, Ms FrontPage, Notepad, dan lain-lain.
Contoh web browser : Internet Explorer, Mozilla Firefox, Opera, dan lain-lain.
Contoh web browser : Internet Explorer, Mozilla Firefox, Opera, dan lain-lain.
Langkah mencoba HTML :
1. Buka Notepad
2. Ketikkan kode HTML
3. Simpan dengan ekstension HTML, misalnya “latihan.html”
4. Tutup Notepad
5. Buka file HTML dengan klik ganda pada file HTML tersebut.
Contoh
<html>
<head>
<title>Judul Website</title>
</head>
<body>
Belajar membuat HTML.
</body>
</html>
<head>
<title>Judul Website</title>
</head>
<body>
Belajar membuat HTML.
</body>
</html>
TAG
Tag adalah teks khusus (markup) yang terdiri dari nama tag diapit oleh karakter “<“ dan “>”.
contoh tag : <body> adalah tag dengan nama tag body. Umumnya tag ditulis secara berpasangan yaitu tag pembuka dan tag penutup (yaitu ditambah tanda “/” setelah tanda “<“.Contoh tag pembuka <body> dan tag penutupnya </body>.Sudah menjadi ketentuan umum bila menilis di dalam tag, harus menggunakan huruf kecil. Karena bisa saja jalan di Browser ini namun tidak di browser lain, jadi di sepakati seragam huruf kecil.
contoh tag : <body> adalah tag dengan nama tag body. Umumnya tag ditulis secara berpasangan yaitu tag pembuka dan tag penutup (yaitu ditambah tanda “/” setelah tanda “<“.Contoh tag pembuka <body> dan tag penutupnya </body>.Sudah menjadi ketentuan umum bila menilis di dalam tag, harus menggunakan huruf kecil. Karena bisa saja jalan di Browser ini namun tidak di browser lain, jadi di sepakati seragam huruf kecil.
Elemen
Elemen terdiri atas tiga bagian yaitu : Tag pembuka, Isi, Tag Penutup. Contoh :
<title>Judul Website< /title>
<title> adalah tag pembuka.
“Judul Website” adalah Isi.
</title> adalah tag penutup
<title>Judul Website< /title>
<title> adalah tag pembuka.
“Judul Website” adalah Isi.
</title> adalah tag penutup
Tag-tag yang ditulis berpasangan dalam dokumen HTML tidak boleh saling tumpang tindih. Contoh yang benar :
<p>Contoh tulisan cetak <b>tebal</b></p>
jika penulisan skrip atau kode salah, maka tidak akan terbaca sempurna (eror) sehingga tampilan website menjadi kurang sempurna.
Atribut digunakan untuk mendefinisikan properti dari suatu elemen HTML.
Atribut terdiri dari nama attribute dan nilai atribut. Bentuk penulisan atribut :
Atribut terdiri dari nama attribute dan nilai atribut. Bentuk penulisan atribut :
<tag nama_atribut=“nilai”>
Percobaan.
</tag>
Percobaan.
</tag>
Umumnya nilai atribut ditulis dalam petik ganda.
Contoh Penggunaan Attribute
<html>
<head>
<title>Judul Website</title>
</head>
<body bgcolor="red">
Belajar membuat HTML.
</body>
</html>
<head>
<title>Judul Website</title>
</head>
<body bgcolor="red">
Belajar membuat HTML.
</body>
</html>
Sebuah dokumen HTML umumnya memiliki minimal 3 tag yaitu :
– <html></html>
Sebagai tanda dan memberitahu browser bahwa yang digunakan adalah dokumen HTML.
Sebagai tanda dan memberitahu browser bahwa yang digunakan adalah dokumen HTML.
– <head></head>
Merupakan kepala (bagian atas) dari dokumen HTML. Element ini terletak diantara tag <html>.
Merupakan kepala (bagian atas) dari dokumen HTML. Element ini terletak diantara tag <html>.
– <body></body>
Element ini menampilkan isi dari dokumen HTML. Terletak dibawah element <head></head>.
Element ini menampilkan isi dari dokumen HTML. Terletak dibawah element <head></head>.
Heading
Heading digunakan menampilkan suatu judul dalam dokumen HTML. Sebaiknya jangan menggunakan tag heading untuk keperluan cetak tebal dan lainnya.
Terdapat 6 macam heading mulai dari <h1> sebagai heading tertinggi hingga <h6> sebagai heading terendah.
Contoh
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<h1>Belajar membuat HTML< h1>
< 2>Dasar HTML< h2>
<p>Untuk membuat HTML sangat mudah, hanya diperlukan Notepad dan web browser.</p>
<h2>Membuat HTML</h2>
<p>Silahkan buka Notepad lalu ketikkan contoh HTML anda. Simpan dengan ekstension html.</p>
</body>
</html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<h1>Belajar membuat HTML< h1>
< 2>Dasar HTML< h2>
<p>Untuk membuat HTML sangat mudah, hanya diperlukan Notepad dan web browser.</p>
<h2>Membuat HTML</h2>
<p>Silahkan buka Notepad lalu ketikkan contoh HTML anda. Simpan dengan ekstension html.</p>
</body>
</html>
Untuk membuat garis dapat digunakan tag < hr /> Horizontal Rule.Sedangkan untuk Enter < br/> Break Line.
Komentar bisa disisipkan dalam kode HTML. Komentar biasanya digunakan agar kode HTML lebih mudah dibaca dan dimengerti. Komentar tidak akan ditampilkan oleh web browser.
Contoh
<html>
<head>
<title>Belajar HTML</title><!– Ini judul HTML -->
</head>
<body>
<!– Sebuah paragraf -->
<p>Ini adalah sebuah paragraf.</p>
<!– Menampilkan baris horizontal -->
<hr />
</body>
</html>
<head>
<title>Belajar HTML</title><!– Ini judul HTML -->
</head>
<body>
<!– Sebuah paragraf -->
<p>Ini adalah sebuah paragraf.</p>
<!– Menampilkan baris horizontal -->
<hr />
</body>
</html>
Paragraf
Untuk membuat sebuah paragraf digunakan tag <p> dan diakhiri dengan tag </p>. Sebagian besar web browser akan menampilkan halaman HTML dengan baik walaupun anda lupa memberikan tag penutup </p>. Tetapi sebaiknya tetap diberikan tag penutup </p>.
Untuk Materi yang lebih banyak silahkan anda kunjungi Link Berikut w3schools.com
Silahkan baca dan praktekkan dari “Formatting” sampai “Colorvalues”.
Silahkan baca dan praktekkan dari “Formatting” sampai “Colorvalues”.