Assalamualaikum temen-temen semuanya pada postingan kali ini saya akan share kode program HTML dasar mapel informatika untuk pemula, semoga bermanfaat.
HTML adalah singkatan dari HyperText Markup Language, yaitu bahasa markup standar untuk membuat halaman web dan aplikasi web. HTML digunakan untuk membuat struktur, konten, dan tampilan suatu halaman web. HTML terdiri dari serangkaian tag yang mendefinisikan elemen-elemen pada halaman web, seperti teks, gambar, video, link, tabel, dan form. Setiap tag HTML memiliki atribut dan nilai yang memungkinkan pengguna untuk menyesuaikan tampilan dan fungsionalitas elemen pada halaman web. HTML merupakan teknologi dasar untuk membangun situs web dan digunakan bersama dengan bahasa pemrograman lain seperti CSS dan JavaScript untuk membuat tampilan dan fungsionalitas yang lebih interaktif dan dinamis pada halaman web.
Berikut adalah contoh kode HTML sederhana untuk membuat halaman web dengan satu judul dan satu paragraf:
Penjelasan kode:
<Doctype html>: Deklarasi tipe dokumen HTML yang digunakan pada halaman web.
<html> Tag pembuka yang menandakan awal dokumen HTML.
head: Tag yang berisi informasi meta dan tautan ke file eksternal, seperti CSS dan JavaScript.
title : Tag untuk menentukan judul halaman web yang ditampilkan di jendela browser.
body: Tag yang berisi konten utama halaman web yang akan ditampilkan di browser.
<h1>: Tag untuk membuat judul teks pada halaman web. Angka 1 menunjukkan ukuran font yang lebih besar dari teks biasa.
<p>: Tag untuk membuat paragraf teks pada halaman web.
Dalam contoh kode HTML di atas, pengguna dapat mengganti judul halaman web, isi paragraf, atau menambahkan elemen HTML lainnya sesuai dengan kebutuhan.
1. Hello World
<!DOCTYPE html>
<html>
<head>
<title>/title>
</head>
<body>
Hello World
</body>
</html>
2. Menambahkan Paragraf dan Heading
<!DOCTYPE html>
<html>
<head>
<title>Halaman Pertama Web Saya</title>
</head>
<body>
Hello World
<h1> Selamat datang kawan kawan </h>
<p> Ini adalah halaman website Pertama Saya</p>
</body>
</html>
4. Ordered List
Daftar Beraturan
<!DOCTYPE html>
<html>
<head>
<title>To do List</title>
</head>
<body>
<h1> Aktifitas saya ketika pagi </h1>
<p> ini adalah kegiatan pagi saya</p>
<ol>
<li>Bangun Pagi</li>
<li>Sholat Subuh</li>
<li>Mandi</li>
<li>Sarapan</>
<li>Berangkat Sekolah</>
</ol>
</body>
</html>
5. UL = Unordered List
Daftar Tidak Beraturan
<!DOCTYPE html>
<html>
<head>
<title>To do List</title>
</head>
<body>
<h1> Aktifitas saya ketika pagi </h1>
<p> ini adalah kegiatan pagi saya</p>
<ul>
<li>Bangun Pagi</li>
<li>Sholat Subuh</li>
<li>Mandi</li>
<li>Sarapan</>
<li>Berangkat Sekolah</>
</ul>
</body>
</html>
6. Image/Menambahkan Gambar, Pastikan foto ada dalam satu folder dengan file html (Video Tutorial Menyusul)
<!DOCTYPE html>
<html>
<head>
<title>To do List</title>
</head>
<body>
<img src ="ok.jpg">
<h1> Jenis jenis minuman menyehatkan </h1>
<p> Berikut adalah jenis minumannya:</p>
<ol>
<li>Air putih</li>
<li>Susu</li>
<li>Teh</li>
<li>Yogurt</>
<li>Madu</>
</ol>
</body>
</html>
=======================================================
.png)
0 Comments