
Les raccourcis clavier sur SublimeText (Cmd sera remplacé par Ctrl sur Windows) :
Ecrire <html + tab : Vous permet d’avoir la structure d’un document HTML automatiquement
Ecrire seulement «</» : Votre balise sera automatiquement fermée
Cmd + Z = Revenir en arrière
Cmd + Shift + Z = Aller en avant
Cmd + O = Ouvrir un nouveau fichier
Cmd + A = Sélectionner tout le contenu
Cmd + X = Couper (Supprimer + Copier)
Cmd + C = Copier
Cmd + V = Coller
Cmd + Tab = Naviguer entre les applications sans toucher la souris. Sur windows : Touche windows + tab
Maintenir «Cmd» et cliquer à plusieurs endroits vous permettra de multiplier votre curseur.
Cmd + F : Rechercher un mot ou une phrase pour naviguer plus rapidement
Tous les raccourcis clavier ici : https://www.shortcutfoo.com/app/dojos/sublime-text-3-win/cheatsheet
Lexique :
Extension : En informatique, une extension de nom de fichier est un suffixe de nom de fichier fait pour identifier son format. Ainsi, on dira qu'un fichier nommé exemple.txt a l'extension .txt.
En local : Ou sur votre machine, sur votre Wi-Fi. Les réseaux locaux reposent sur une infrastructure de communications généralement filaires qui relie des équipements informatiques et qui permet le partage des ressources communes dans un périmètre limité à quelques centaines de mètres.
Un dossier et un fichier : Un dossier est une sorte de classeur dans lequel on range divers fichiers. Un fichier, c'est un ensemble de données considérées comme étant une unité. Il peut être de tout type : un document en traitement de texte, un logiciel, une image, une chanson ... Chaque fichier porte un nom suivi d'une "extension".
Les raccourcis claviers sur Google Chrome :
Cmd + T = Ouvrir un nouvel onglet
Cmd + Shift + T = Ouvrir le dernier onglet fermé (Peut sauver des vies)
Cmd + W = Quitter l’onglet
Cmd + N = Ouvrir une fenêtre
Cmd + Shift + N = Ouvrir une fenêtre de navigation privée
Ctrl + Tab = Naviguer entre les onglets
Ctrl + Shift + Tab = Naviguer entre les onglets dans l’autre sens
Cmd + L = Accéder à la barre d’adresse
Cmd + A = Sélectionner tout le contenu
Cmd + X = Couper (Supprimer + Copier)
Cmd + C = Copier
Cmd + V = Coller
Tous les raccourcis clavier ici : https://support.google.com/chrome/answer/157179?hl=fr
Lexique :
Balise HTML : Une balise HTML est un élément de base du système de codage HTML utilisé, en grande partie, pour la création d'une page Web. Ce sont les balises HTML qui permettent de hiérarchiser et de structurer le contenu d'une page Web grâce à une mise en forme particulière.
Attribut de balise : Un attribut est une instruction contenue à l'intérieur d'une Balise et dont le but est de fournir une information supplémentaire sur la manière dont cette Balise doit être interprétée.
Indentation : Procédé typologique consistant à décaler l'alignement d'un paragraphe par rapport aux autres dans un texte.
fichier index.html :
<!DOCTYPE html>
<html>
<head>
<title>FullStack HTML</title>
</head>
<body>
</body>
</html>
Dans cette vidéo :
Indiquer à notre fichier .html que notre document est de type HTML : <!DOCTYPE html>
Écrire un commentaire : <!-- Notre commentaire -->
Saut de ligne : <br>
Les titres :
<h1>Le plus gros titre possible</h1>
<h2>Titre moyen grand</h2>
<h3>Titre moyen</h3>
<h4>Titre moyen petit</h4>
<h5>Petit titre</h5>
<h6>Le plus petit titre en HTML</h6>
Un paragraphe : <p>Ceci est un paragraphe</p>
Les raccourcis clavier sur SublimeText (Cmd sera remplacé par Ctrl sur Windows) :
Ecrire <html + tab : Vous permet d’avoir la structure d’un document HTML automatiquement
Ecrire seulement «</» : Votre balise sera automatiquement fermée
Cmd + Z = Revenir en arrière
Cmd + Shift + Z = Aller en avant
Cmd + O = Ouvrir un nouveau fichier
Cmd + A = Sélectionner tout le contenu
Cmd + X = Couper (Supprimer + Copier)
Cmd + C = Copier
Cmd + V = Coller
Cmd + Tab = Naviguer entre les applications sans toucher la souris. Sur windows : Touche windows + tab
Maintenir «Cmd» et cliquer à plusieurs endroits vous permettra de multiplier votre curseur.
Cmd + F : Rechercher un mot ou une phrase pour naviguer plus rapidement
Tous les raccourcis clavier ici : https://www.shortcutfoo.com/app/dojos/sublime-text-3-win/cheatsheet
Les raccourcis claviers sur Google Chrome :
Cmd + T = Ouvrir un nouvel onglet
Cmd + Shift + T = Ouvrir le dernier onglet fermé (Peut sauver des vies)
Cmd + W = Quitter l’onglet
Cmd + N = Ouvrir une fenêtre
Cmd + Shift + N = Ouvrir une fenêtre de navigation privée
Ctrl + Tab = Naviguer entre les onglets
Ctrl + Shift + Tab = Naviguer entre les onglets dans l’autre sens
Cmd + L = Accéder à la barre d’adresse
Cmd + A = Sélectionner tout le contenu
Cmd + X = Couper (Supprimer + Copier)
Cmd + C = Copier
Cmd + V = Coller
Tous les raccourcis clavier ici : https://support.google.com/chrome/answer/157179?hl=fr
Dans cette vidéo :
Lien interne / Lien externe : Un lien interne désigne un lien qui pointe vers une page du même site web. En d'autres mots, le visiteur qui utilise un lien interne ne quitte pas le site web mais va sur une autre page au sein du même site. Ce lien est donc le contraire d'un lien externe, qui quand à lui redirige le visiteur vers un autre site web.
Attribut de balise : Un attribut est une instruction contenue à l'intérieur d'une Balise et dont le but est de fournir une information supplémentaire sur la manière dont cette Balise doit être interprétée.
Un lien : <a href="Votre destination">Ce qu’il sera affiché</a>
Vous pouvez mettre dans l’attribut «href» un lien interne (vers un fichier présent dans votre dossier) ou un lien externe (un lien présent sur internet commençant par «http://»)
Ajoutez l’attribut target=«_blank» pour que le lien s’ouvre dans un nouvel onglet
Vous pouvez inscrire un lien qui redirigera directement vers l’édition d’un email en ajoutant dans l’attribut href : «href="mailto:votreemail@gmail.com"»
Les raccourcis clavier sur SublimeText (Cmd sera remplacé par Ctrl sur Windows) :
Ecrire <html + tab : Vous permet d’avoir la structure d’un document HTML automatiquement
Ecrire seulement «</» : Votre balise sera automatiquement fermée
Cmd + Z = Revenir en arrière
Cmd + Shift + Z = Aller en avant
Cmd + O = Ouvrir un nouveau fichier
Cmd + A = Sélectionner tout le contenu
Cmd + X = Couper (Supprimer + Copier)
Cmd + C = Copier
Cmd + V = Coller
Cmd + Tab = Naviguer entre les applications sans toucher la souris. Sur windows : Touche windows + tab
Maintenir «Cmd» et cliquer à plusieurs endroits vous permettra de multiplier votre curseur.
Cmd + F : Rechercher un mot ou une phrase pour naviguer plus rapidement
Tous les raccourcis clavier ici : https://www.shortcutfoo.com/app/dojos/sublime-text-3-win/cheatsheet
Les raccourcis claviers sur Google Chrome :
Cmd + T = Ouvrir un nouvel onglet
Cmd + Shift + T = Ouvrir le dernier onglet fermé (Peut sauver des vies)
Cmd + W = Quitter l’onglet
Cmd + N = Ouvrir une fenêtre
Cmd + Shift + N = Ouvrir une fenêtre de navigation privée
Ctrl + Tab = Naviguer entre les onglets
Ctrl + Shift + Tab = Naviguer entre les onglets dans l’autre sens
Cmd + L = Accéder à la barre d’adresse
Cmd + A = Sélectionner tout le contenu
Cmd + X = Couper (Supprimer + Copier)
Cmd + C = Copier
Cmd + V = Coller
Tous les raccourcis clavier ici : https://support.google.com/chrome/answer/157179?hl=fr
Dans cette vidéo :
Une image : <img src="lien interne OU externe vers l’image" alt="nom-image" />
Dans cette vidéo :
<table> pour entourer l'intégralité de la table ;
À l'intérieur, chaque ligne est entourée de balises <tr> ;
Pour les titres : <th>
Pour le contenu : <td>
Exemple :
<table>
<tr>
<th>Prénom</th>
<th>Nom</th>
<th>Age</th>
</tr>
<tr>
<td>Titi</td>
<td>Toto</td>
<td>50</td>
</tr>
<tr>
<td>Tata</td>
<td>Tutu</td>
<td>100</td>
</tr>
</table>
Tu utilises des sites web tous les jours, pourquoi ne pas passer de l'autre côté ?
Apprendre le HTML c'est la base pour devenir un vrai créateur sur le Web.
Le HTML est un outil puissant, utile et facile à apprendre. Il te donnera des bases solides afin de contrôler ton contenu sur le web, peu importe le site que tu utilises !
N'importe quel site web contient du HTML. Le comprendre c'est comprendre comment ils sont tous structurés.
Apprendre le HTML c'est casser les barrières du web, ne plus être limité sur des CMS comme Wordpress et pouvoir structurer des pages web de manière réfléchie et efficace.
En commençant par l'installation du meilleur éditeur de code du marché, ce cours te fera découvrir les balises HTML, les attributs, les éléments et la manière de les utiliser.
Le but c'est que : Grâce à ces compétences HTML acquises, tu puisses te lancer dans l'apprentissage d'autres langages de développement web qui te permettront de devenir un développeur web à succès.
Si tu veux vraiment apprendre le HTML, ce cours complet te permettra de développer tes compétences plus rapidement à la manière FullStack !