setelah mengenal penjelasan HTML dan Aplikasi editor apa saja yang dapat digunakan, maka pada sesi kali ini kita akan mencoba untuk memulai belajar dasar-dasar HTML.
untuk langkah awal, silahkan buka terlebih dahulu Aplikasi Editor dan Simpan nama File dengan latihan1.html. jika sudah silahkan ketikkan Syntax dibawah ini
<!DOCTYPE html>
<html>
<head>
<title>Dokumen HTML Pertama</title>
</head>
<body>
<h1>JUDUL PERTAMA DI HTML</h1>
<p>Contoh Paragrap Pertama di HTML.Contoh Paragrap Pertama di HTML.Contoh Paragrap Pertama di HTML.Contoh Paragrap Pertama di HTML.Contoh Paragrap Pertama di HTML.Contoh Paragrap Pertama di HTML.</p>
</body>
</html>Penjelasan:
- Setiap membuat dokument HTML baru, kita diminta menuliskan perintah <!DOCTYPE html> untuk menandakan bawah yang sedang kita tulis adalah Code HTML
- selanjutnya kita tuliskan <html> dan jangan lupa pada baris bagian akhir ditutup dengan perintah </html>
- selanjutnya terdapat tags <head> dan diakhiri perintah </head>. didalam tags<head> terdapat beberapa element yang nantinya akan dijelaskan dibagian bawah artikel.
- Element Title didalam Tags Head merupakan Judul Title dari dokum<h1en yang sedang kita buat
- selanjutnya tedapat perintah body. pada bagian ini nantinya akan berisi tags, element, konten yang nantinya akan ditampilkan ke halaman dokument yang akan kia buat.
- <h1>…</h1> dan <p>….</p> merupakan Elemen dan Konten yang ada didalam Body.
jika perintah diatas sudah diketikkan, maka selanjutnya silahkan simpan dokumen dan jalankan file latihan1.html dengan mengklik 2x file tersebut dari lokasi dimana file tersebut disimpan. dan hasilnya seperti gambar dibawah ini
Tags <!DOCTYPE html> ?
<!DOCTYPE html> adalah tag yang digunakan dalam HTML (Hypertext Markup Language) untuk memberi tahu web browser tentang jenis dokumen HTML yang akan di-render pada halaman web tersebut.
Secara spesifik, <!DOCTYPE html> adalah deklarasi dokumen yang mendefinisikan versi HTML yang digunakan dalam dokumen web, dan juga menetapkan peraturan dan aturan untuk menafsirkan kode HTML pada dokumen tersebut.
Deklarasi dokumen ini sangat penting karena memastikan bahwa browser web dapat merender halaman web dengan benar dan sesuai dengan standar HTML yang berlaku.
Ada beberapa jenis deklarasi dokumen yang dapat digunakan dalam HTML, termasuk HTML 4.01, XHTML 1.0, dan HTML5. <!DOCTYPE html> adalah deklarasi dokumen untuk HTML5, yang merupakan versi terbaru dari HTML dan memiliki fitur-fitur baru yang lebih modern dan fleksibel dibandingkan versi sebelumnya.
Tags <html>…</html>
Tag <html>…</html> digunakan dalam HTML (Hypertext Markup Language) untuk menandai awal dan akhir dari elemen utama dari sebuah halaman web. Semua elemen lainnya dalam halaman web harus berada di antara tag <html>…</html>.
Elemen <html> memiliki beberapa atribut, tetapi yang paling umum adalah atribut “lang”, yang digunakan untuk menentukan bahasa yang digunakan dalam dokumen HTML.
Semua elemen HTML lainnya, seperti <head>, <title>, dan <body>, harus berada di antara tag <html>…</html> karena mereka merupakan bagian dari halaman web dan harus dimasukkan dalam struktur dokumen HTML.
Secara umum, tag <html>…</html> adalah elemen dasar dan paling penting dalam dokumen HTML, dan harus selalu digunakan di setiap halaman web.
Tags <head>….</head> ?
<head>...</head> adalah tag HTML yang digunakan untuk menentukan informasi meta atau metadata dari sebuah dokumen HTML. Bagian metadata ini berisi informasi tentang dokumen HTML yang bersangkutan, seperti judul halaman, deskripsi, tag pencarian, dan lain sebagainya.
Beberapa contoh elemen yang dapat ditemukan dalam bagian metadata antara lain:
<title>: Digunakan untuk menentukan judul halaman web yang akan ditampilkan di tab browser.<meta>: Digunakan untuk menentukan informasi meta lainnya seperti deskripsi halaman, kata kunci, dan tag pencarian.<link>: Digunakan untuk menautkan dokumen HTML dengan dokumen lain seperti stylesheet CSS.<script>: Digunakan untuk menautkan dokumen HTML dengan file skrip JavaScript yang akan digunakan dalam halaman.<style>: Digunakan untuk menentukan aturan atau peraturan gaya (style) yang akan digunakan dalam halaman.
Kode-kode yang terdapat dalam tag <head> tidak akan ditampilkan pada tampilan web, tetapi digunakan oleh browser untuk menampilkan dan memformat halaman dengan benar.
Tags <body> … </body> ?
<body>...</body> adalah tag HTML yang digunakan untuk menentukan isi atau konten utama dari sebuah dokumen HTML. Semua elemen atau tag HTML yang ada di antara tag <body> dan </body> akan ditampilkan pada tampilan web.
Contoh dari elemen yang dapat ditemukan dalam tag <body> antara lain:
<h1>,<h2>,<h3>, dan seterusnya: Digunakan untuk menampilkan judul atau heading pada halaman.<p>: Digunakan untuk menampilkan paragraf pada halaman.<a>: Digunakan untuk menautkan ke halaman lain atau dokumen dalam web atau ke halaman eksternal.<img>: Digunakan untuk menampilkan gambar pada halaman.<ul>dan<li>: Digunakan untuk menampilkan daftar atau list pada halaman.<div>dan<span>: Digunakan untuk mengelompokkan elemen atau tag HTML tertentu.<form>: Digunakan untuk membuat formulir yang dapat diisi oleh pengguna.<table>: Digunakan untuk menampilkan data dalam bentuk tabel.
Semua elemen atau tag HTML yang ditempatkan di antara tag <body> dan </body> akan ditampilkan pada tampilan web. Oleh karena itu, tag <body> sangat penting dan harus selalu ada dalam dokumen HTML.
Visits: 0
