Vous êtes tombé sur le bon article si vous êtes débutants et vous n’aviez jamais entendu parler d’HTML/ CSS. En outre, cet article pourra vous aider si vous êtes confus en tant que nouveaux utilisateurs. Vous êtes toujours au bon endroit si vous n’aviez jamais entendu parler de web, navigateur, serveur… Cependant, si vous ne savez pas ce qu’est l’Internet, je ne peux pas vous aider. C’est hors de ma portée!
Il y a deux mois, je n’avais aucune idée ce que signifient les mots HTML, CSS, et même le mot digital parce que ce domaine me parait complètement nouveau. Mais j’ai eu la chance d’avoir un excellent professeur pour me guider à travers les bases du HTML. Les termes HTML et CSS semblent “cool” et “difficiles” à la fois. Mais croyez moi, ils sont encore plus cool et beaucoup moins difficiles que ce que l’on pense. Tout d’abord, commençons par remplacer le mot nul par débutant (quoique je ne vois pas la différence!).
Sommaire:
Qu’est ce que l’html?
Définition et Utilisation
Hyper Text Markup Language abrégé HTML signifie “Format de présentation des données” en Français. HTML est un langage de balisage qui décrit la structure des pages web. L’objectif de ce langage est de créer des pages web en indiquant aux navigateurs la façon d’afficher le contenu. La première version a été créer en 1991 et HTML 5 est la version actuellement utilisé.
Comment écrire en HTML?
Avant de rentrer dans les détails du langage, il faut savoir qu’on a besoin d’un navigateur pour afficher un site.
Interprétation pour les nuls: Imaginons un scénario où votre grand-mère est incapable de lire une lettre en anglais, vous liser alors la lettre et vous la traduisez parce que vous pouvez lire l’anglais. Dans ce cas là, vous êtes le navigateur qui est capable de lire le contenu et l’interpréter. Compris? Non? D’accord, je passe à la propre définition. Le navigateur est celui qui transforme le code en résultat fonctionel. Le rôle du navigateur est de lire le code HTML et CSS pour afficher les résultats visuels. Exemples de navigateurs d’ordinateurs: Google Chrome, Safari, Mozilla Firefox, Opera, etc. Par contre, le navigateur n’affiche pas les balises, mais il les interprète et affiche le contenu prêt à lire.
Afin d’écrire du HTML, il faut toujours penser à 3 composants initiaux:
- Balises
- Attributs
- Valeurs
1. Balises
Les Balises <Balise> représentés par des chevrons “<” et “>” sont des morceaux de code qui vont structurer et mettre en forme les éléments pour l’interprétation du navigateur.
- <html> </html> :”élement racine de la page html”
- <head> </head> :”contient des méta-informations sur la page html”
- <body> </body> :”le corps du document”
- <p> </p> : “un paragraphe”
- <h1> </h1> : “un titre”
- <img> :”une image”
Vous vous demandez probablement pourquoi nous avons une autre balise avec </>. C’est parce qu’on a besoin de balises ouvrantes et de balises fermantes. Quittez vous la maison sans fermer la porte? Il me semble que la balise image n’as même pas une porte à claquer. La balise image est ce qu’on appelle une balise simple ou orpheline.
L’étape suivante sera de bien faire attention à enregistrer le fichier avec une extension .html
2. Attributs
Les attributs peuvent être ajoutés sur les éléments html. Ils accompagnent les balises avec des informations supplémentaires. Ils sont écris à l’intérieur de la balise. Par ailleurs, plusieurs attributs peuvent exister dans une même balise.
<Balise attribut=””>
Par exemple, l’href qui est l’attribut de <a> spécifie le lien vers une page spécifique.
3. Valeurs
La Valeur fournit une précision pour l’élement de la balise. Elle s’écrit à l’intérieur de l’attribut entre guillemets.
Qu’est ce c’est le css?
CSS est l’abbréviation de Cascading Style Sheet ou Feuille de style en cascade. Comme le nom indique, le CSS vient formater la mise en page et le style d’un site web. CSS est complémentaire au HTML et ne fonctionne pas sans la présence du contenu/HTML. CSS1 a été créer en 1996. Actuellement, la version CSS3 est la version utilisée. Cette version est toujours en cours de développement. CSS nous permet de changer la couleur, la taille du texte, l’espacement entre les éléments et leurs positions, les images ou les couleurs d’arrière-plan, etc.
Comment ecrire en css?
Enfin d’écrire en CSS:
- Sélecteur: p
- Propriété: color, fontsize, background…
- Valeur: blue, px,…
Pour le CSS, on utilise des accolades {} au lieu des [].
Il y a 3 méthodes pour écrire le CSS:
- Interne
- Inline
- Externe
1. Méthode Interne
Cette méthode implique l’utilisation du <style> dans la section <head>. Cette méthode est peu recommendé.
2. Méthode Inline
Cette méthode implique l’utilisation du <style> dans chaque balise. Le style est un attribut d’une balise.
3. Méthode Externe
Cette méthode consiste à créer un fichier externe pour le style du site web. Le lien du fichier est ensuite inséré dans la partie <head></head>. Inline définit le style de nombreuses pages.
Résumé de l’article html
- HTML est un langage qui décrit la structure du site web.
- Pour écrire du HTML on a besoin de: Balises, Attributs et Valeurs.
- CSS est utilisé afin de formater le style du contenu créer en html.
- Il y a 3 méthodes pour écrire du CSS et la méthode externe est la préféré.
Sources de l’article:
0 commentaires