Différences

Ci-dessous, les différences entre deux révisions de la page.

--- html [2016/01/02 13:13] – [Sources et tutoriels] simon
+++ html [Date inconnue] (Version actuelle) – supprimée - modification externe (Date inconnue) 127.0.0.1
@@ Ligne 1: / Ligne 1: @@
-====== HTML ======
-L'[[HTML]] est le langage qui **structure** les pages web. Un page se découpe essentiellement
-<code html>
-<!DOCTYPE html>
-<html>
-	<!-- commentaire -->
-	<head>
-	</head>
-	<body>
-	</body>
-</html>
-</code>
-On peut rajouter des titres, de la couleur, choisir la taille du texte, ...
-<code html>
-<!DOCTYPE html>
-<html>
-	<!-- commentaire -->
-	<head>
-		<!-- Titre de la page -->
-		<title>Récapitulatif</title>
-	</head>
-	<body>
-		<!-- Un paragraphe -->
-		<p>Paragraphe simple</p>
-		<p style="font-size:14px">Paragraphe en 14 pixels</p>
-		<p style="color:red">Paragraphe en rouge</p>
-		<p style="font-family: Bodoni">Paragraphe en "Bodoni"</p>
-		<p style="background-color:red">Paragraphe avec un fond en rouge</p>
-		<p style="font-size:20px; color:blue; font-family: Arial">Un paragraphe</p>
-	</body>
-</html>
-</code>
-{{ :20160102-html-1.png?800 | Capture d'écran de Codecademy.com}}
-L'argument "style" dans la balise paragraphe ci-dessus peut prendre beaucoup de paramètres. On peut par exemple centrer un titre (de niveau 3) :
-<code html>
-<h3 style="text-align:center">Titre au centre</h3>
-</code>
-On peut aussi aligner le texte à gauche (''left'') ou à droite (''right'').
-==== Gestion des images ====
-Pour insérer une image, on utilise la balise ''img'' :
-<code html>
-<img src="http://s3.amazonaws.com/codecademy-blog/assets/ninja_zpsa5dbe37a.jpg"/img>
-</code>
-==== Listes ====
-== Listes ordonnées ==
-On utilise la balise ''ol'' pour créer une liste ordonnée. Tous les éléments de la liste sont signalés par la balise ''<li>'' :
-<code html>
-<ol>
-  <li>yop</li>
-  <li>yep</li>
-</ol>
-</code>
-== Listes non ordonnées ==
-On utilise la balise ''ul'' pour créer une liste non-ordonnée :
-<code html>
-<ul>
-  <li>yop</li>
-  <li>yep</li>
-</ul>
-</code>
-== Exemple de mélange ==
-On peut bien entendu mélanger les deux types de listes :
-<code html>
-<ul>
-  <li>yop</li>
-  <li>yep</li>
-  <ol>
-    <li>yap</li>
-    <li>yup</li>
-</ul>
-</code>
-==== Sources et tutoriels ====
-[[https://www.codecademy.com/fr/learn/web|Le cours HTML & CSS de Codecademy]]
-[[http://www.codeshttp.com/baliseh.htm|Toutes les balises HTML]]