100% DE RÉDUCTION | Formation HTML5 et CSS3

100% DE RÉDUCTION | Formation HTML5 et CSS3

[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

et element est le conteneur générique du contenu de flux et ne représente rien en soi. Utilisez-le pour regrouper des éléments à des fins telles que le style (à l’aide des attributs class ou id), et la séparation de niveau en ligne et de niveau de bloc.

  • Balises Div et Span pour le regroupement

HTML – Listes

Le HTML

  • element est utilisé pour représenter un élément dans une liste. Il doit être contenu dans un parent

    élément: une liste ordonnée (

      ), une liste non ordonnée (

        ) ou un menu (

        ). Dans les menus et les listes non ordonnées,

        les éléments de liste sont généralement affichés à l’aide de puces, nous allons maintenant vérifier comment utiliser la liste html.

        • Listes non ordonnées
        • Listes ordonnées
        • Liste de définitions

        HTML – Images

        • Créer une image
        • Choisir le texte alternatif
        • Image responsive utilisant l’attribut srcset
        • Image réactive utilisant l’élément d’image

        HTML – Hyperlien et ancres

        • 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

        HTML – Tableaux

        • Table simple
        • Couverture de colonnes ou de lignes
        • Groupes de colonnes
        • Table avec thead, tbody, tfoot
        • Portée de la tête

        HTML – iframe

        Le HTML