Mengenal dan Dasar-Dasar HTML

at 11/03/2025 Html5 , Koding , Website Tidak ada komentar

HTML singkatan dari Hypertext Markup Language adalah bahasa markup standar untuk halaman Web.

HTML, singkatan dari Hypertext Markup Language, adalah bahasa markup standar yang digunakan untuk membuat struktur dasar halaman web. Ini seperti kerangka rumah yang menentukan di mana letak judul, paragraf, gambar, dan tautan. Browser web membaca kode HTML untuk menampilkan konten secara visual kepada pengguna.

Kegunaan HTML

Menyusun konten: HTML memungkinkan pengembang untuk mendefinisikan berbagai elemen seperti teks, gambar, tabel, dan lainnya.

Mendefinisikan struktur: Menentukan bagaimana elemen-elemen tersebut saling berhubungan dan diatur dalam sebuah halaman web, termasuk membuat bagian-bagian seperti header, navigasi, dan footer.

Fondasi pengembangan web: Bersama dengan teknologi lain seperti CSS (untuk styling) dan JavaScript (untuk interaktivitas), HTML menjadi dasar untuk membangun situs web modern.

Dengan HTML Anda dapat membuat situs web Anda sendiri.

1. Dokumen HTML

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>

    <h1>Judul Pertama Saya</h1>
    <p>Paragraf pertama saya.</p>

</body>
</html>

Judul Pertama Saya

Paragraf pertama saya.

2. Judul HTML

<!DOCTYPE html>
<html>
<head>
 
    <h1>Judul 1</h1>
     <h2>Judul 2</h2>
      <h3>Judul 3</h3>
      <h4>Judul 4</h4>
      <h5>Judul 5</h5>
      <h6>Judul 6</h6>
  
</body>
</html>

Judul 1

Judul 2

Judul 3

Judul 4

Judul 5

Judul 6

3. Paragraf HTML

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>

     <p>Paragraf pertama.</p>
     <p>Paragraf kedua lebih panjang dan bisa kita buat menjadi beberapa baris, jadi terlihat perbedaan paragraf 1 dengan paragraf ke 2.</p>
</body>
</html>

Paragraf pertama saya hanya 1 baris.

Paragraf kedua lebih panjang dan bisa kita buat menjadi beberapa baris, jadi terlihat perbedaan paragraf pertama dengan paragraf kedua.

4. Tautan HTML

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>

     <h2>Tautan HTML</h2>
     <p>Tautan HTML adalah teks yang ditautkan kesuatu laman atau yang lainnya.</p>
         <<a>href="https://denys.my.id">Tautan</a></
      
      
         p>
</body>
</html>

Tautan HTML

Tautan HTML adalah teks yang ditautkan kesuatu laman atau yang lainnya.

Tautan

5. Gambar HTML

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>

     <h2>Gambar HTML</h2>
     <p>Gambar HTML menggunakan tag img:</p>
 
 <img src="deny_suhardi.png" alt="Deny Suhardi" width="200" height="200">
  
</body>
</html>

Gambar HTML

Gambar HTML menggunakan tag img:

6. Tombol HTML

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>

     <h2>Tombol HTML</h2>
     <p>Tombol HTML menggunakan tag button:</p>
 
      <button>Tombol HTNL</button>

</body>
</html>

Tombol HTML

Tombol HTML menggunakan tag button:

7. Bulatan dan Penomoran HTML

<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
</head>
<body>

<h3>Bulatan HTML</h3>
<ul>
<li>Apel</li>
<li>Jambu </li>
<li>Semangka</li>
</ul>
<h3>Penomoran HTML</h3>
<ol>
<li>Apel</li>
<li>Jambu </li>
<li>Semangka</li>
</ol>
 


</body>
</html>

Bulatan HTML

Apel
Jambu
Semangka

Penomoran HTML

Apel
Jambu
Semangka

Tidak ada komentar :

Posting Komentar

Langganan: Posting Komentar ( Atom )