learn semantic markup
1.0.0
Apprenez HTML sémantique en marquant ces documents.
Il s'agit d'un répertoire de documents texte que vous pouvez marquer pour la pratique pour apprendre HTML. Les documents contiennent le contenu typique que vous pourriez voir sur les sites Web sur votre téléphone et votre bureau. Seul le texte est inclus ici! Votre travail consiste à ajouter le balisage!
En plus d'écrire du code HTML correct syntaxiquement correct, votre objectif est d'utiliser le balisage HTML pour améliorer la signification et préserver le contexte des informations. Le balisage doit ajouter de la clarté.
Votre objectif est de marquer le document avec les balises qui décrivent le mieux le texte du contenu. Vous voulez que les balises expriment au mieux le message et l'intention du contenu de chaque document.
Ne vous inquiétez pas de ce à quoi ressemblent les documents dans le navigateur. C'est une erreur débutante commune . Les styles par défaut du navigateur ne sont que des choix par défaut fournis lorsqu'aucune autre feuille de style n'a été incluse.
Utilisez ces balises:
<header><section><article><footer> page de page><h1><p><small><blockquote><pre><code><strong><em><abbr><a><time> temps><sup><q> TL; DR Téléchargez ce dépôt et commencez à ajouter des balises HTML à chacun des documents.
Ce repo contient une liste de défis et de solutions. Chacun des fichiers de solution est marqué.
Le fichier de défi ne contient que du texte, pas de balisage, vous ajouterez un balisage (balises).
Avant de commencer à lire les commentaires dans chaque fichier. Lisez également le texte lui-même. Le balisage que vous ajoutez doit ajouter le contexte et renforcer le sens et l'intention.
Si vous avez du mal à télécharger ce dépôt, voici les étapes:
Ouvrez une fenêtre de terminal et accédez au dossier où vous souhaitez placer ce référentiel. (C'est probablement appelé quelque chose comme: dev/courses/web1.0 )
Tapez le code suivant:
$ git clone [email protected]:soggybag/learn-semantic-markup.git
Allez sur github.com et créez un nouveau référentiel. (Remarque: assurez-vous que la case à cocher pour "Initialiser ce référentiel avec une lecture" n'est pas cochée.)
Tapez ce qui suit pour mettre à jour la destination de votre référentiel:
$ git remote set-url origin [email protected]:YOUR_USERNAME/YOUR_REPO_NAME.git
$ git push -u origin master
Vous pouvez vérifier votre travail de plusieurs manières:
Utilisez le validateur pour vérifier votre syntaxe. Le validateur HTML vérifie la syntaxe de votre HTML.
https://validator.w3.org
Vérifiez votre travail dans le validateur.
Vérifiez votre travail contre les solutions. Ce que vous avez ne doit pas être le même que la solution!
N'hésitez pas à contribuer! Si vous avez des idées pour un document qui pourrait faire un bon défi, n'hésitez pas à contribuer. Voir le guide contributif. Si vous avez une solution particulièrement bonne, n'hésitez pas à contribuer cela aussi!
