Le HTML en basique
Le Deal du moment : -39%
Pack Home Cinéma Magnat Monitor : Ampli DENON ...
Voir le deal
1190 €

Aller en bas
L'Amoureuse
L'Amoureuse
 
 
Nombres de Message Poster : 10 Mon nombre de Points: : 2490 Je me suis inscris depuis le : 24/08/2017

Le HTML en basique Empty Le HTML en basique

Jeu 31 Aoû - 4:17

La Partie d'en tête < head >


Ont place son titre ici

Ton petit texte qui fais jolie ici

Ton autre petit paragraphe trop mignon ici


Code:
<!DOCTYPE html>
<html>
<head>
<tittle>Ont place son titre ici</title></head>
<body>
<p>Ton petit paragraphe qui fais jolie ici</p>
<p>Ton autre petit paragraphe trop mignon ici</p>
</body>
</html>

Ont commence toujours par < !DOCTYPE html > suivie de < html > puis ont ouvre la balise d'en tête < head > qui contient généralement les titres ou bannière pour placer ton titre < title > ont ferme la balise de titre < /title > et ont ferme la balise d'en tête
< /head > Ensuite ont s'attaque au corps du texte en commençant par puis ont insère enfin notre paragraphe, avec < p > ont finis d'écrire notre paragraphe par < /p >. Si ont veut insérer un autre paragraphe avec un saut de ligne, qui distinct bien les deux paragraphe alors ont en rouvre un autre avec < p > puis ont referme par < /p >.
Quand ont as finis d'écrire notre texte ont termine par < /body > fin du corps de texte, et ont termine notre code HTML acec < /html >.
De cette manière ont écris notre page ou notre code tout à la suite sans espace, (entre les codes), et ont obtient tout de mêmes les sauts de Ligne, ect.



La balise < PRE > (préformaté)


La balise < pre > signifie préformaté. Autrement dis, mis en forme automatique.

Ton petit paragraphe trop mignon

ton petit texte trop mignion
ton autre petit texte trop mignon
ton autre petit texte trop mignon


Code:
<!DOCTYPE html>
<html>
<body>
<p>Ton petit paragraphe trop mignon</p>
<pre>ton petit texte trop mignion
ton autre petit texte trop mignon
ton autre petit texte trop mignon
</pre>
</body>
</html>

Acronym


Ton petit titre trop mignon

Passe ta souris ici


Code:
<!DOCTYPE html>
<html>
<head>
<title>Ton petit titre trop mignon</title>
</head>
</body>
<h1><acronym title="En passant ta souris tu vois ce texte">Passe ta souris ici</acronym></h3></body></html>

Le Tag Adress


Ton petit titre trop mignon
Code:
<!DOCTYPE html>
<head><title>Ton petit titre trop mignon</title></head>
<body>
<footer>
<adress><p><a href="https:tonadressequitue.com">Ton adresse qui Tue</a></p></adress>
</footer>
</body></html>

Le tag Anchor


Ton petit titre trop mignonTon adresse qui tue
Code:
<!DOCTYPE html>
<html>
<head>
<title>Ton petit titre trop mignon</title>
</head>
<body>
<a href="https://tonadressequitue.com">Ton adresse qui tue</a>
</body>
</html>

Le tag BaseFont


Ordonne par défaut la couleur du texte, la couleur du fond du texte, la taille du fond du texte.
Ton titre trop mignon ici

C'est l'en tête

ton petit paragraphe trop mignon

ton element de basefont, non suporter par HTML5. Utiliser la feuille CSS pour l'insérer


Code:
<!DOCTYPE html>
<html>
<head>
<title>Ton titre trop mignon ici</title>
<basefont color="green" size="14"
</head>
<body>
<h1>C'est l'en tête</h1>
</p>ton petit paragraphe trop mignon</p>
</p>ton element de basefont, non suporter par HTML5. Utiliser la feuille CSS pour l'insérer</p>
</body>
</html>

Le tag B pour Bold


Ton petit paragraphe trop mignon

Ton petit paragraphe trop mignon qui subit l'effet bold


Code:
<!DOCTYPE html>
<html><body>
<p>Ton petit paragraphe trop mignon</p>
<p><b>Ton petit paragraphe trop mignon qui subit l'effet bold</b></p>
</body>
</html>

Le tag Em


Ton petit paragraphe mignon est normal

Ton petit texte trop mignon subit le tag em


Code:
<!DOCTYPE>
<html>
<body>
<p>Ton petit paragraphe mignon est normal</p>
<p><em>Ton petit texte trop mignon subit le tag em</em></p>
</body>
</html>

Les tags pour les tableaux


Ton petit titre trop mignon
Ton nomTon âge
C'est MoiMoi Aussi


Code:
<!Doctype html><html>
<title>Ton petit titre trop mignon</title>
</head>
<body><table cellpadding="20" border="1">
<tr>
<th>Ton nom</th>
<th>Ton âge</th>
</tr>
<tr>
<td>C'est Moi</td>
<td>Moi Aussi</td>
</tr></table>
</body>
</html>

Centrer le texte


Ton petit titre trop mignon est centrer

Ton petit paragraphe trop mignon


Code:
<!DCOTYPE html>
<html>
<body>
<h1 style="text-align: center">Ton petit titre trop mignon est centrer</h1>
<p>Ton petit paragraphe trop mignon</p>
</body>
</html>

Plusieurs choix, puis envoyer


Ton petit titre trop mignon
Année:



Code:
<!DOCTYPE html><html>
<head>
<title>Ton petit titre trop mignon</title>
</head>
<body>
<form>Année:
<select name "Année">
<option value="1">Premier</option>
<option value="2">Deuxième</option>
<option value="3">Troisème</option>
</select> <br> </br>
<input type="Submit" value="Envoyer">
</form>
</body>
</html>

Le Doctype


Ton petit titre trop mignonCe que tu veux
Code:
<!DOCTYPE html>
<html>
<head>
<title>Ton petit titre trop mignon</title>
</head>
<body>
Ce que tu veux
</body>
</html>

Le tag Embed


Ton titre trop mignon
Code:
<!DOCTYPE html>
<html>
<head>
<title>Ton titre trop mignon</title></head>
<body>
<embed src="https://image.noelshack.com/fichiers/2017/35/4/1504151849-2-1210.png" height= "100"  widht "100">
</embed>
</body></html>

Height et widht fixe la taille de l'image vous pouvez l'agrandir ou la réduire, par ces paramètres.

Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum