[ad_1]
HTML est un langage de balisage qui forme une base pour tout site Web sur Internet.
HTML5 est la dernière version de HTML, finalisée en 2014.
HTML 1 a été créé par un scientifique du CERN Tim Berners-Lee. Son objectif initial était un système hypertexte basé sur Internet permettant de partager et d’utiliser des documents sur différents ordinateurs. Introduit en 1991, HTML 1 ne comportait que 18 balises, la plupart basées sur le langage SGML (Standard Generalized Markup Language). HTML 2 a été présenté en 1995 et avait quelques fonctionnalités supplémentaires.
Le brouillon de HTML 3 a été abandonné en raison de la lenteur de la mise en œuvre des balises nouvellement créées. Par conséquent, le World Wide Web Consortium a entrepris de normaliser le HTML. En 1997, HTML 3.2 est sorti qui est devenu une norme à l’époque.
HTML 4 était un grand pas en avant, car il séparait le style du codage, laissant le premier à CSS. Une version révisée appelée HTML 4.01 est sortie en 1999, corrigeant des erreurs mineures trouvées dans HTML 4.0 et introduisant quelques fonctionnalités pratiques.
HTML 5 est le HTML tel que nous le connaissons aujourd’hui.
Pour créer des sites Web soignés et fonctionnels, vous aurez besoin de CSS et de JavaScript. Cependant, pour les faire travail comme prévu, vous devez d’abord comprendre ce qu’est le HTML. Tout comme une maison a une fondation, une page Web a sa base en HTML.
Avantages HTML5
- Résoudre le problème du flash
- Sites Web plus riches
- Meilleur balisage sémantique
- HTML5 est très flexible et pris en charge sur tous les navigateurs
- Convivial et une technologie ouverte.
- Meilleure performance
Feuilles de style en cascade, appelé CSS, est un langage de conception simple destiné à simplifier le processus de présentation des pages Web. Il vous permet de créer de superbes pages Web.
CSS gère l’aspect et la convivialité d’une page Web. À l’aide de CSS, vous pouvez contrôler la couleur du texte, le style des polices, l’espacement entre les paragraphes, la taille et la disposition des colonnes, les images ou couleurs d’arrière-plan utilisées, les conceptions de mise en page, les variations d’affichage pour différents appareils et tailles d’écran ainsi que divers autres effets.
Le CSS est facile à apprendre et à comprendre, mais il offre un contrôle puissant sur la présentation d’un document HTML. Le plus souvent, CSS est combiné avec les langages de balisage HTML ou XHTML.
En termes simples, CSS est la technologie qui nous permet de créer des designs magnifiques, maintenables et flexibles. Il contrôle le formatage, la présentation et la mise en page générale des sites Web. L’une des principales raisons pour lesquelles nous utilisons CSS n’est pas seulement de créer des conceptions de sites Web flexibles et maintenables, mais également de séparer le contenu de la présentation, ce qui est une bonne pratique. Il est également beaucoup plus facile pour les yeux humains de lire ce qui se passe dans le code HTML si aucun style n’est ajouté.
CSS3 est la dernière évolution du langage Cascading Style Sheets et vise à étendre CSS2. 1. Il apporte beaucoup de nouveautés tant attendues, comme des coins arrondis, des ombres, des dégradés, des transitions ou des animations, ainsi que de nouvelles mises en page telles que des mises en page multi-colonnes, des boîtes flexibles ou des grilles.
Avantages de CSS
- CSS fait gagner du temps – Vous pouvez écrire du CSS une fois, puis réutiliser la même feuille dans plusieurs pages HTML. Vous pouvez définir un style pour chaque élément HTML et l’appliquer à autant de pages Web que vous le souhaitez.
- Les pages se chargent plus rapidement – Si vous utilisez CSS, vous n’avez pas besoin d’écrire des attributs de balise HTML à chaque fois. Écrivez simplement une règle CSS d’une balise et appliquez-la à toutes les occurrences de cette balise. Donc, moins de code signifie des temps de téléchargement plus rapides.
- Entretien facile – Pour faire un changement global, changez simplement le style, et tous les éléments de toutes les pages Web seront mis à jour automatiquement.
- Styles supérieurs au HTML – CSS a un éventail d’attributs beaucoup plus large que HTML, vous pouvez donc donner un bien meilleur aspect à votre page HTML par rapport aux attributs HTML.
- Compatibilité de plusieurs appareils – Les feuilles de style permettent d’optimiser le contenu pour plusieurs types d’appareils. En utilisant le même document HTML, différentes versions d’un site Web peuvent être présentées pour les appareils portables tels que les PDA et les téléphones portables ou pour l’impression.
- Normes Web mondiales – Les attributs HTML sont désormais obsolètes et il est recommandé d’utiliser CSS. C’est donc une bonne idée de commencer à utiliser CSS dans toutes les pages HTML pour les rendre compatibles avec les futurs navigateurs.
Programme de cours HTML5 et CSS3
HTML5
introduction
- Histoire du HTML
- Ce que vous devez faire pour commencer et créer votre première page HTML
- Que sont les balises et attributs HTML?
- Balise HTML contre élément
- Attributs HTML
- Comment différencier les versions de document HTML
HTML – Balise de formatage de base
- Balises HTML de base
- Balises de formatage HTML
- Codage couleur HTML
HTML – Regroupement à l’aide de Div Span
Le HTML
- Balises Div et Span pour le regroupement
HTML – Listes
Le HTML
élément: une liste ordonnée (
- ), une liste non ordonnée (
- Listes non ordonnées
- Listes ordonnées
- Liste de définitions
- Créer une image
- Choisir le texte alternatif
- Image responsive utilisant l’attribut srcset
- Image réactive utilisant l’élément d’image
- Lien vers un autre site
- Lien vers un lien d’ancrage vers une page du même site Lien qui compose un numéro
- Ouvrir le lien dans un nouvel onglet / fenêtre
- Lien qui exécute JavaScript Lien qui exécute le client de messagerie
- Table simple
- Couverture de colonnes ou de lignes
- Groupes de colonnes
- Table avec thead, tbody, tfoot
- Portée de la tête
- Attributs utilisant
- iframe comme cible
- Soumission
- Attribut cible dans la balise form
- Téléchargement de fichiers
- Regroupement de quelques champs d’entrée
- Titre
- Base
- Lien
- modes
- Scénario
- ) ou un menu (
HTML – Images
HTML – Hyperlien et ancres
HTML – Tableaux
HTML – iframe
Le HTML
HTML – Formulaires
HTML – En-têtes
Le HTML
élément fournit des informations générales (métadonnées) sur le document,y compris son titre et des liens vers ses scripts et feuilles de style.
HTML – Divers
Le HTML L’élément représente des métadonnées qui ne peuvent pas être représentées par un autre HTML
éléments liés aux méta, comme