Tutorial HTML Bag 4: Struktur Dasar HTML
Tutorial HTML Bag 4: Struktur Dasar HTML
Tutorial ini lanjutan dari Tutorial HTML Bag 3: Aplikasi Editor HTML. Tutorial ini dibuat untuk suplemen bahan mengajar mata diklat pemrograman website dasar di SMK.
Struktur dasar HTML bisa kita tuliskan pada aplikasi text editor seperti dibawah ini:
<html>
<head>
<title>Judul</title>
<body>
Hallo Ember
</body>
</head>
</html>
Kode-kode diatas merupakan struktur dasar dari HTML. Terdiri dari tag:
Tag HTML <html>....</html>
Ini merupakan tag pembuka. Penulisan tagnya adalah:
<html> dan akan diakhiri/ditutup dengan tag </html>
Diletakan sebelum tag <head>
Tag Head <head>....</head>.
Pada tag <head> umumnya akan berisi berbagai definisi halaman, seperti kode CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser.
Penulisan tagnya adalah:
<head> ditutup dengan tag </head>, diletakan sebelum tag <body>
Tag Title <title>...</title>
Tag <title> digunakan untuk menampilkan title atau judul dari halaman web yang kita buat.
Tag Body <body>...</body>
Tag <body> akan berisi semua elemen yang akan tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dll. Tag body ini ditutup dengan </body>
Penulisan tagnya adalah:
<body> ditutup dengan tag </body>
Untuk latihan, tulislah kode struktur dasar html diatas dalam aplikasi teks editor, misalnya notepad. Jika sudah, silahkan simpan, misalnya dengan nama file latihan.html. Kemudian, buka halaman browser, open file, pilih file yang sudah kita buat tadi, dan lihat tampilannya....
Yang tampil adalah kalimat : Hello Ember
Tutorial ini lanjutan dari Tutorial HTML Bag 3: Aplikasi Editor HTML. Tutorial ini dibuat untuk suplemen bahan mengajar mata diklat pemrograman website dasar di SMK.
Struktur dasar HTML bisa kita tuliskan pada aplikasi text editor seperti dibawah ini:
<html>
<head>
<title>Judul</title>
<body>
Hallo Ember
</body>
</head>
</html>
Kode-kode diatas merupakan struktur dasar dari HTML. Terdiri dari tag:
Tag HTML <html>....</html>
Ini merupakan tag pembuka. Penulisan tagnya adalah:
<html> dan akan diakhiri/ditutup dengan tag </html>
Diletakan sebelum tag <head>
Tag Head <head>....</head>.
Pada tag <head> umumnya akan berisi berbagai definisi halaman, seperti kode CSS, JavaScript, dan kode-kode lainnya yang tidak tampil di browser.
Penulisan tagnya adalah:
<head> ditutup dengan tag </head>, diletakan sebelum tag <body>
Tag Title <title>...</title>
Tag <title> digunakan untuk menampilkan title atau judul dari halaman web yang kita buat.
Tag Body <body>...</body>
Tag <body> akan berisi semua elemen yang akan tampil dalam halaman web, seperti paragraf, tabel, link, gambar, dll. Tag body ini ditutup dengan </body>
Penulisan tagnya adalah:
<body> ditutup dengan tag </body>
Untuk latihan, tulislah kode struktur dasar html diatas dalam aplikasi teks editor, misalnya notepad. Jika sudah, silahkan simpan, misalnya dengan nama file latihan.html. Kemudian, buka halaman browser, open file, pilih file yang sudah kita buat tadi, dan lihat tampilannya....
Yang tampil adalah kalimat : Hello Ember
No comments