background preloader

Apprendre le HTML : le principe des balises - Article

Apprendre le HTML : le principe des balises - Article
Mon nom signifie HyperText Markup Langage, ce qui, en français, peut se traduire par : « langage de balisage d’hypertexte ». Je suis le langage qui sert à coder les pages web, et ce qui caractérise d’abord ces pages, c’est qu’elles sont reliées entre elles selon le principe des liens hypertextes, ce qui explique pourquoi on m’appelle un « langage d’hypertexte ». Au bord de la mer, des balises flottant sur l’eau peuvent délimiter l’espace en mer d’un chenal à bateaux. De même, le « balisage » d’une page HTML va délimiter et structurer les parties de cette page, en appliquant à chacune de ces parties diverses propriétés qui seront interprétées de manière différente par le navigateur selon le type de balises utilisées. Bien sûr, il ne va pas s’agir ici de bouées en plastique, mais de chaînes de caractères qui vont délimiter des parties de la page, des portions de texte ou des images, pour leur appliquer différentes propriétés, mais aussi pour les structurer les unes par rapport aux autres. Related:  3.4. ProgrammerICNAuto formation

ASCII TABLE ASCII CODES, HEXA, DECIMAL, OCTAL, BINARY, KEYBOARD, EXTENDED, ... Le code est partout ! - Vidéo Découvre avec Micode, le YouTubeur passionné par l’informatique, ce que l'on peut faire faire à un ordinateur quand on connait le code informatique ! D’ailleurs, tu ne t'en es peut-être pas rendu compte, mais le code est partout ! Et tu peux trouver du code dans plein d’objets autour de toi : les ordinateurs, les portables, les jeux vidéo, les applications mobile, les machines à laver... Bref, il y a du code partout et même à des endroits où on ne penserait jamais en trouver. Mais où écrit-on ce code dont on parle ? Si on prend l’exemple du téléphone, il y a une batterie, un écran et des composants qui fonctionnent grâce à des milliers de lignes de code qui ont été écrites pour que l’écran s’allume, prendre des photos ou regarder des vidéos. C'est important de comprendre qu'une machine ne fait rien, si personne ne lui dit quoi faire. Réalisateur : Valentin Levelli Producteur : Coyote Conseil Auteur : Arnaud Gantier et MICODE Diffusion : 2017

Convertisseur de caractères et de codages Unicode 10.0/ISO 10646:2017 Cette page permet des conversions entre les numéros de caractères Unicode, les caractères eux-mêmes, les différents type d'échappements JavasSCript, les codages UTF-8 et UTF-16 et les appels de caractère numériques (hex et décimaux). Tapez ou collez du texte dans une des boîtes (séparez les valeurs hex par des espaces) et appuyez sur Tab ou cliquez hors de la boîte : les conversions apparaîtront dans les autres boîtes. Vous pouvez alors copier-coller les résultats où bon vous semble. Tous les caractères ici sont Unicode. Même si cette page n'affiche pas un caractère particulier, le coller dans un traitement de texte comme MS-Word avec une police idoine devrait le montrer. Cliquez sur au-dessus d'une boîte pour en sélectionner le contenu et le copier dans le presse-papier.

CSS : vos premiers pas Les styles HTML Si vous souhaitez modifier le type de caractère d'une portion de texte sans l'aide des CSS, vous devez utiliser la balise <font>, en écrivant par exemple <font face="Times">. Pour définir la couleur de l'arrière plan et la bordure d'un tableau ainsi que le retrait (padding) de chacune de ses colonnes, vous utiliserez le code suivant : Cette approche présente cependant plusieurs inconvénients : Vous devez répéter la même définition de style à chaque fois que vous souhaitez l'utiliser dans votre page où dans les diverses pages de votre site Internet A chaque fois que vous souhaiterez modifier ce style, vous devrez reparcourir le contenu de toutes vos pages pour mettre à jour, une par une, les diverses définitions qu'elles contiennent Ces répétitions augmentent la taille de vos pages Vos styles sont figés, le contenu se présentent de la même façon pour tous les usages possibles : écran, imprimante, PDA, lecteurs vocaux,... Comment créer un site avec les CSS Code : Ce qui donne :

C'est quoi l'ASCII, l'UNICODE, l'UTF-8 ? L'ordinateur est une grosse machine à calculer : tout ce qu'il sait faire, c'est effectuer des calculs sur des nombres. Il est incapable de comprendre le texte. Il faut donc faire un choix : par quel nombre on prend pour représenter la lettre 'A' ? Et pour les signes de ponctuation, quels nombres utiliser ? Il existe différentes conventions (ou codes). Le code ASCII définit précisément la correspondance entre symboles et nombres jusqu'au nombre 127: Il faut donc utiliser le nombre 97 pour représenter un 'a' minuscule. Mais vous avez remarqué ? Il nous arrive souvent d'utiliser les codes de 128 à 255 pour les accents, mais ces codes sont différents d'un pays à l'autre ! Il faut donc trouver un code plus pratique. L'Unicode Au lieu d'utiliser seulement les codes 0 à 127, il utilise des codes de valeur bien plus grandes. Le code UNICODE permet de représenter tous les caractères spécifiques aux différentes langues. L'Unicode définie donc un correspondance entre symboles et nombres. Bon.

Qu'est-ce que le code binaire informatique ? - archi7, les sciences de tous les jours Disques durs d'ordinateur, supports amovibles (CD, DVD, clés USB,...) et smartphones ont un point commun : le codage binaire, un passage obligé pour enregistrer et traiter des données informatiques. Retour aux bases ! La base de l'informatique : coder une information en la disséquant Pour enregistrer un texte, un son ou une image (et pouvoir les manipuler ensuite), un outil informatique a obligatoirement besoin de les coder, de les transformer pour les "comprendre". Ce codage consiste surtout à décomposer leur contenu en informations individuelles : chaque lettre ou chiffre d'un document, chaque pixel d'une image, chaque seconde de son,... est décrit séparément, et dans un vocabulaire bien particulier, pour pouvoir être enregistré puis manipulé. Mais pour passer d'un objet "humain" à sa "traduction pour ordinateur", il faut plusieurs étapes car un ordinateur est très loin de "réfléchir" comme nous autres bipèdes ! Qu'est un mot ou une image pour un ordinateur ? La folie des grandeurs

Comment intégrer ses mots-clés dans un site web ? Le référencement naturel couvre de nombreuses pratiques diverses. On constate toutefois très souvent que le socle initial de l’optimisation SEO n’est pas appliqué sur 80% des sites web. Si vous ne l’avez déjà fait, consultez : La création d’un site seo-ready. L’objectif de ce guide est de vous permettre de comprendre et d’appliquer concrètement une optimisation de base pour savoir où placer vos mots-clés dans votre site. Cette approche doit être mise en place AVANT la conception du site. Si elle ne suffit pas pour se positionner sur des requêtes très concurrentielles, sans l’appliquer vous perdez toutes vos chances, même sur des recherches pourtant peu concurrencées… La sélection des expressions-clés Il est illusoire de penser qu’un trafic ciblé (correspondant à la cible de visiteurs que vous souhaitez atteindre) s’obtient au petit bonheur la chance. Où placer ses mots-clés dans ses pages et pourquoi ? Les emplacements principaux sont : Le Title On notera : La balise h1 Moins risqué. Le contenu

htmlcolorcodes Analogue Complémentaire Triadique Tétradique Analogue Neutre Nuances Teintes Tonalités Sélecteur de Couleur Utilisez le sélecteur de couleur en cliquant et en faisant glisser le curseur dans la zone de sélecteur de mettre en évidence une couleur sur la droite. Harmonies de Couleurs Les harmonies de couleur sont particulièrement agréables combinaisons de deux couleurs ou plus issus de leur relation sur une roue de couleurs. Couleurs Complémentaires Les couleurs qui sont directement opposées l'une à l'autre sur la roue des couleurs sont connus en tant que couleurs complémentaires. Couleurs Triadiques Triadiques harmonies composent de trois couleurs équidistantes de l'un de l'autre sur la roue chromatique. Couleurs Tétradiques Harmonies de couleurs tétradiques sont formées par deux ensembles de couleurs complémentaires 60 degrés à part sur la roue des couleurs. Couleurs Analogues Couleurs Neutres Nuances de Couleurs, de Teintes et de Tons Nuances de Couleurs Teintes de Couleur

Pourquoi utiliser un masque des diapositives PowerPoint et comment le créer ? Tutoriel réalisé avec PowerPoint 2013 Un masque des diapositives est une sorte de trame pour l’ensemble de votre diaporama PowerPoint, c’est-à-dire que, grâce à lui, vous aurez une présentation harmonieuse en termes de mise en page. De plus, lorsque vous utilisez un masque, il n’est pas possible de supprimer la mise en page sans passer par le Mode masque. Lorsque vous ouvrez PowerPoint, vous êtes face à une diapositive blanche avec 2 zones de textes par défaut. Si je vais dans l’onglet Affichage, puis, Masque des diapositives , je m’aperçois, dans le panneau des diapositives, que le thème par défaut possède un tronc commun ainsi que des variantes. , puis, dans l’onglet Accueil, je clique sur la flèche sous Nouvelle diapositive et je retrouve mes différentes variantes. Si vous souhaitez créer votre propre présentation Retournez dans l’onglet Affichage puis Masque des diapositives . ou dans l’onglet Masque des diapositives, cliquez sur Insérer une disposition . . pour ne pas les afficher. . . .

Related: