Elemen HTML
Elemen HTML
elemen HTML ada di berbagai tingkatan. Segala sesuatu yang Anda lihat di depan Anda, paragraf teks, banner , dan link navigasi di sebelah kiri semua elemen halaman web ini. Elemen dalam HTML adalah sebuah istilah yang menggambarkan individu setiap bagian dari halaman web Anda.Sebuah elemen terdiri dari tiga bagian dasar: tag pembuka, isi elemen, dan sebuah tag penutup.
1. <p> - Tag Pembuka
2. isi dari elemen
3. </p> -- tag Penutup
Setiap Halaman web memerlukan empat unsur penting:
<html> // elemen penting pertama HTML
<head> // elemen penting kedua Kepala
<title> // elemen penting ketiga Judul
Letakan judul Halaman Web Anda disini
</title>
</head>
<body> // elemen penting keempat Tubuh
semua elemen dari halaman web Anda akan berada disini
</body>
</html>
<html> Elemen...</html>
<html> dimulai dengan tag pembuka dan berakhir dengan tag penutup di setiap halaman web. Satu-satunya tujuan adalah untuk membungkus semua kode HTML dan menggambarkan bahwa " itu " adalah sebuah dokumen HTML ke browser web. Ingat untuk menutup dokumen HTML Anda dengan tag HTML yang berkaitan </html> di bagian bawah dokumen.
kode HTML :
<HTML>
</HTML>
Sekarang simpan file Anda dengan Memilih Menu dan kemudian Simpan. Klik pada "Save as Type" drop down box dan pilih opsi "All Files". Ketika diminta untuk nama file Anda, beri nama "index.html", tanpa tanda kutip. Periksa bahwa Anda melakukan semuanya dengan benar dan kemudian tekan simpan. Sekarang buka file Anda dalam browser web baru sehingga Anda dapat melakukan refresh halaman dan melihat perubahan Anda.
Jika Anda membuka dokumen indeks.html Anda, mungkin Anda akan terkejut karena halman web pertama Anda kosong (putih).
<head> Element
Unsur <head> adalah "berikutnya" setelah tag <html><head></head></html>. Selama itu terbagi di antara tag <html> Anda dan web halaman konten (<body>), Fungsi kepala < head> "di belakang layar." Tag ditempatkan dalam elemen head tidak secara langsung ditampilkan oleh browser web pada layar monitor Anda. Saya akan menempatkan elemen <title> di sini danSaya akan membicarakan unsur-unsur lainnya dalam pelajaran nanti.
unsur-unsur lain yang digunakan untuk scripting (JavaScript) dan format (CSS) pada akhirnya akan diperkenalkan dan Anda harus menempatkan mereka dalam elemen kepala <head> anda tempatkan disini </head> Anda.Untuk saat ini, unsur kepala Anda akan terus kosong kecuali untuk unsur judul <title></title>yang akan diperkenalkan berikutnya.
Berikut ini adalah contoh dari set up awal.
HTML Code:
<html>
<head>
</head>
</html>
sejauh yang telah kita lakukan belum menghasilkan sesuatu yang dapat ditampilkan oleh layar monitor Anda yang menggambarkan bahwa halaman yang Anda buat telah jadi, namun pada pelajaran berikutnya kita akan menampilkan beberpa objek yang akan ditampilkan pada layar monitor Anda.
<title> Elemen
Tempatkan tag <title> dalam elemen <head> untuk judul halaman Anda. Kata-kata Anda tulis antara tag pembuka dan penutup <title>judul web yang Anda inginkan</title> akan ditampilkan pada bagian atas browser viewer.Berikut kode html:
Kode HTML :
<html>
<head>
<title>Halaman web Pertama Anda</title>
</head>
</html>
Simpan file tersebut dan buka di browser Anda. Anda akan melihat "Halaman web Pertama Anda" di kiri atas, sebagai judul window.
Nama halaman Web Anda seperti yang Anda harapkan, hanya perlu diingat, judul terbaik yang singkat dan deskriptif.
lihat gambar berikut :
<body> Elemen
Unsur <body> adalah di mana semua konten yang akan ditempatkan.(Paragraf, gambar, tabel, dll). Seperti menu di sebelah kiri , kita akan melihat masing-masing elemen secara lebih rinci sebagai tutorial berlangsung pada pembelajaran berikutnya.Untuk saat ini, yang penting untuk dipahami bahwa elemen tubuh <body> akan merangkum semua konten yang dapat dilihat halaman Web Anda, konten yang akan fitampilkan pada layar monitor Anda.
Kode HTML :
<html>
<head>
<title>Halaman web Pertama Anda</title>
</head>
<body>
Halo semua!. ini pelajaran HTML pertama saya loh!.
</body>
</html>
hasil gambarnya seperti berikut:
elemen dasar dari HTML telah Anda pahami!..
selamat bersenang senang yah dengan HTML.
Keep Reading!.
Postingan
