Voici votre URL de partage https://sharemycode.io/c/ed325ee (Cliquer pour copier) (Copié)
<!-- La Balise Title me permet de donner un titre à ma Page -->
<title>Les Bases du HTML</title>
<!-- Les Balises Méta [Description, Keyword] sont utiles pour le référencement -->
<meta name="description" content="Une description unique pour chaque page, en relation avec son thème.">
</head>
<body>
<!-- Dans la Balise BODY viendra s'insérer le contenu de ma page. -->
<!-- A la découverte des Balises de Titres -->
<h1>Titre de Niveau 1</h1>
<h2>Titre de Niveau 2</h2>
<h3>Titre de Niveau 3</h3>
<h4>Titre de Niveau 4</h4>
<h5>Titre de Niveau 5</h5>
<h6>Titre de Niveau 6</h6>
<p><strong>Les Paragraphes :</strong></p>
<!-- Paragraphe Simple -->
<p>Ici, s'introduit de façon inopinée un joli
paragraphe...</p>
<!-- Paragraphe avec un Saut de Ligne -->
<p>Je ne comprend pas pourquoi...<br>ce saut de ligne !!!</p>
<p><strong>Liste Non-Ordonnée :</strong></p>
<!-- Liste Non Ordonnée, utile pour créer des menus -->
<ul>
<li>Accueil</li>
<li>Présentation</li>
<li>Mes Services</li>
<li>Contact</li>
</ul>
<p><strong>Liste Ordonnée :</strong></p>
<!-- Liste Ordonnée -->
<ol>
<li>Réalisation d'un CdC</li>
<li>Réalisation d'une Maquette Graphique</li>
<li>Intégration HTML / CSS</li>
</ol>
<h3><strong>Les Balises DIV :</strong></h3>
<!-- Les DIVs -->
<div>
<p>La Balise DIV, est une balise neutre de type block. Elle me servira pour structurer ma page.</p>
</div>
<div>
<p>Les Balises Block agissent sur un Axe Vertical et donc génère un retour à ligne.
<br>
<!-- La Balise EM permet de mettre mon texte en italique -->
<em>Je pourrais toutes-fois changer leurs comportements avec du CSS.</em>
</p>
<!-- La Balise HR me permet de créer une séparation dans ma page HTML -->
<hr>
<p>
Les Balises <span>Inline</span> elles, agissent sur un Axe Horizontal et donc ne génère aucun retour à
ligne.
<br><em>Je pourrais toutes-fois changer leurs comportements avec du CSS.</em>
</p>
</div>
<p><strong>Les Tableaux :</strong></p>
<!-- Création d'un Tableau -->
<!-- ATTENTION - ATTENTION -->
<!-- N'utilisez jamais les tableaux pour votre mise en page HTML, vos tableaux servent uniquement pour afficher des données -->
<table border="1">
<!-- thead : L'Entete de mon Tableau -->
<thead>
<tr>
<td>Nom</td>
<td>Prénom</td>
<td>Age</td>
</tr>
</thead>
<!-- thead : Son Corps -->
<tbody>
<tr>
<th>LIEGEARD</th>
<th>Hugo</th>
<th>85</th>
</tr>
<tr>
<td>SINATRA</td>
<td colspan="2">Franck</td>
</tr>
</tbody>
<!-- thead : Son Pied de Page -->
<tfoot>
<tr>
<td>Nom</td>
<td>Prénom</td>
<td>Age</td>
</tr>
</tfoot>
</table>
<!-- EN PLUS : colspan et rowspan permettent de fusionner les lignes et les colonnes du tableau. -->
<br>
<hr>
<p><strong>Les Formulaires :</strong></p>
<form name="NomDuFormulaire" action="FichierChargeDuTraitementDeMonFichier.php" method="post">
<ul>
<li>La Balise FORM permet de créer un Formulaire</li>
<li><strong>name :</strong> Permet de donner un nom au formulaire</li>
<li><strong>action :</strong> Cet attribut est OBLIGATOIRE et permet de renseigner le script, la page vers
laquelle l'utilisateur sera redirigé lors de l'envoi du Formulaire.<em>Cette page va donc reçevoir
l'ensemble des données saisies.</em></li>
<li><strong>method : </strong> Permet de préciser quelle méthode [GET | POST] doit être utilisée par le
navigateur pour transmettre les données saisies vers la page <strong>action</strong>.</li>
</ul>
<!-- Champ Text -->
<label for="utilisateur">Utilisateur :</label><br>
<input type="text" name="utilisateur" id="utilisateur" placeholder="Saisissez votre Utilisateur..." />
<!-- Mon Formulaire étant en method="POST" je vais récupérer dans mon fichier défini à "action" la valeur via $_POST['utilisateur'] en PHP -->
<br>
<br>
<!-- Champ Select : Créer une liste Déroulante -->
<label for="pays">Choisissez votre Pays</label><br>
<select id="pays" name="pays">
<option selected value="france">France</option>
<option value="martinique">Martinique</option>
<option value="guadeloupe">Guadeloupe</option>
<option value="guyane">Guyane</option>
</select>
<br>
<br>
<!-- Bouton Radio -->
<label for="homme">Homme :</label>
<input type="radio" name="sexe" checked id="homme" value="homme">
<label for="femme">Femme :</label>
<input type="radio" name="sexe" id="femme" value="femme">
<br>
<br>
<!-- Checkbox -->
<input type="checkbox" name="Loisirs" id="piano" value="piano" />
<label for="piano">Piano</label>
<br>
<input type="checkbox" name="Loisirs" id="flute" value="flute" />
<label for="flute">Flûte</label>
<br>
<input type="checkbox" name="Loisirs" id="violon" value="violon" />
<label for="violon">Violon</label>
<br>
<input type="checkbox" name="Loisirs" id="ukulele" value="ukulele" />
<label for="ukulele">Ukulélé</label>
<br>
<br>
<textarea name="observation" placeholder="Avez-vous des observations ?"></textarea>
<p><strong>Créer un Bouton en HTML :</strong></p>
<button type="button">Mon Super Bouton !</button>
<br>
<br>
<hr>
<p><strong>Créer un lien en HTML :</strong></p>
<!-- Mais, Hugo ? Comment créer un lien vers une autre page ? -->
<ul>
<li>La Balise "a" permet de créer un lien vers une autre ressource. <em>(Images, Vidéos, ZIP, ...)</em></li>
<li><strong>href :</strong> Permet de définir le chemin vers le fichier à lier.</li>
<li><strong>target :</strong> Prend plusieurs valeurs : _blank pour ouvrir le lien dans une nouvelle
fenetre.</li>
</ul>
<!-- Ici, c'est une URL Relative -->
<a href="../../monpremierfichier.html" title="Cliquez-ici !" target="_blank">
Mon Premier Fichier HTML
</a>
<br>
<hr>
<p><strong>Insérer une image :</strong></p>
<!-- Insérer une image dans ma page -->
<img src="http://lorempicsum.com/futurama/350/200/1" alt="Mon Texte Alternatif" />
<!-- Pour faire un lien sur mon image, je l'entoure de la balise a, tout simplement. -->
</form>
</body>
</html>Informations
Cet extrait a été créé le 17 mars 2023 à 22:13:56
Cet extrait expire le 16 avr. 2023 à 22:13:56
Langage : html
Link
Voici votre URL de partage : https://sharemycode.io/c/ed325ee Copié
Demander la suppression