Quelle est la différence entre HTML et CSS ?
HTML et CSS sont deux langages fondamentaux pour la
construction de tout site Web.
Avant de commencer, HTML et CSS ne sont pas les mêmes.
Ils fonctionnent ensemble, l’un complète l’autre pour tout site Web, ils ne
sont jamais concurrent. Séparons-les, puis voyons comment ils fonctionnent
ensemble…
HTML signifie (HyperText Mark up Langage). Voyez le
HTML comme le squelette d’un document. Le HTML est ce qui donne la structure au
site. Cela se fait par des balises, des éléments et des attributs. Que vous
souhaitiez des titres, des listes, des images ou des liens, HTML permet de tout
faire.
voila un image comportant des signes de certain langage:
Commençons par un document HTML de base.
<!DOCTYPE html>
<html>
<head>
<title>Bienvenue au tutofreelance</title>
</head>
<body>
<h1>najibsnaike</h1>
<img src= https://mrkzgulfup.com/uploads/160726107374381.png
>
</body>
</html>
Texte du paragraphe
<br>
Saut de ligne
<img>
La balise img sert à insérer des images dans votre site.
<video>
La balise vidéo sert évidemment à ajouter des vidéos.
<a href>
Nous l’utilisons pour ajouter des liens, et cela signifie “ancre”.
<strong>
Gras
<em>
Italique
<ul>
Listes non ordonnées
<ol>
}
body {
font-size: 25px; background: red; color: blue;
}
color :black; font-size: 100px
}
Le ! DOCTYPE dans la première ligne ci-dessus, donne le signal
au navigateur quel type de document il doit traiter. Donc, il s’agit d’un document
HTML. La troisième ligne est la section de tête, et en dessous, vous pouvez
voir la balise de titre. C’est là que vous mettriez le titre de votre site web.
Dans le cas présent, le titre du document est « bienvenue au tutofreelance ».
Dans le corps (lignes 6 à 9), vous pouvez ajouter une balise H1, tel que nous
l’avons fait, qui place le texte à l’intérieur dans le style H1, la plus grande
balise d’en-tête qui existe.
Balisez et c’est fini !
Voici quelques autres balises populaires !
<h1>, <h2>, <h3>, <h4>,
<h5>, <h6>
Ces balises sont destinées aux en-têtes, un peu comme
celles de cet article ! H1 est la balise d’en-tête la plus grande, elle
contient donc le texte le plus grand. H6 est la plus petite balise d’en-tête.
<p>
Listes ordonnées
CSS est l’acronyme de (Cascading Style Sheet).
Si HTML est le squelette de votre page, CSS est la
peau.
Sans CSS, vos sites Web seraient plutôt nus. En CSS,
il y a une propriété et une valeur. La
propriété est la qualité que vous voulez changer ; la valeur est
la quantité du changement.
Nous pouvons augmenter le corps HTML avec CSS
en ajoutant des détails. Par exemple, supposons que nous voulions changer la
couleur du corps de page. Cela ressemblerait à quelque chose comme ça…
body {
Ou disons que nous voulons changer la couleur
et la taille de tout texte que nous mettons dans le corps.
Voilà ça ressemble a …
Ou supposons que vous vouliez changer les
attributs de la balise H1. Vous pourriez faire quelque chose comme ça…
H1 {
color :black; font-size: 100px
}
0 Commentaires