001. Introduction à HTML: Structure de base et élément
Qu’est-ce que HTML?
HTML (Hypertext Buquup Language) est un langage de balisage utilisé pour créer des structures et compiler le contenu sur les pages Web. HTML fournit une base pour compiler des éléments de base tels que le texte, les images et les hyperliens.
Structure de base de HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Judul Halaman</title>
</head>
<body>
<!-- Konten halaman web -->
</body>
</html> Information :
<!DOCTYPE html>: Déterminez la version HTML utilisée (HTML5).<html>: Démarrage de l’élément HTML.<head>: Contient des informations Meta et des paramètres de document.<meta charset="UTF-8">: Déterminez le jeu de caractères des documents (UTF-8 pour Unicode).<meta name="viewport" content="width=device-width, initial-scale=1.0">: Déterminer l’affichage réactif pour les appareils en mouvement.<title>: Déterminez le titre de la page qui apparaîtra dans l’onglet du navigateur.<body>: Placer pour tout le contenu qui sera affiché sur les pages Web.
Éléments de base de HTML
1. Texte
<h1>Heading 1</h1>
<p>Paragraf teks.</p>
<strong>Teks tebal</strong>
<em>Teks miring</em> 2 Image (Image)
<img src="gambar.jpg" alt="Deskripsi gambar"> Ou vous pouvez avec une URL d’image
<img src=" alt="Deskripsi gambar"> 3 et 3 Lien
<a href=" target="_blank">Contoh Link</a> 4 Liste (Liste)
<ul>
<li>Item pertama</li>
<li>Item kedua</li>
</ul>
<ol>
<li>Item pertama</li>
<li>Item kedua</li>
</ol> 5 Formulaire (Formulaire)
<form action="/proses-data" method="post">
<label for="nama">Nama:</label>
<input type="text" id="nama" name="nama" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<input type="submit" value="Kirim">
</form> Attributs importants
id: Donnez une identification unique à l’élément.class: Déterminez une ou plusieurs classe pour les éléments.src: Déterminez la source (source) des images ou des supports.alt: Description alternative pour les images (importante pour l’accessibilité).href: Adresse URL pour les liens.
Importance de l’accessibilité:
Assurez-vous d’utiliser les attributs alt sur les éléments <img> Pour fournir une description alternative à l’image, aidez les utilisateurs à limiter la vision.
Exercice:
- Créez une page HTML simple avec le titre “Today’s News”, ajoutez quelques paragraphes de texte, d’images et de liens.
- Créez un formulaire simple avec trois formulaires de nom, e-mail, mot de passe.
En comprenant les bases de HTML, vous pouvez créer la structure de base des pages Web et continuer à étudier CSS et JavaScript pour améliorer leur apparence et leur fonctionnalité.
Le post 001. Pengenalan HTML: Struktur & Element Dasar est apparu en premier sur Inside of Code.
Hasil pileg
Review Film
Berita Terkini
Berita Terkini
Berita Terkini
review anime
Gaming Center
Berita Olahraga
Lowongan Kerja
Berita Terkini
Berita Terbaru
Berita Teknologi
Seputar Teknologi
Berita Politik
Resep Masakan
Pendidikan
