a - Introduction to HTML

1 - Introduction HTML is the acronym for hypertext Markup language: language used to encode text files for use on hypertext systems (technique creating links between data of different types such as text ↔ image, text ↔ multimedia file. To create a web page, in the beginning the webmasters used two programs, in one they…

Les caractères spéciaux

En HTML certains caractères ne sont pas visualisés correctement comme par exemple : ô, ï ... Afin de pallier au problème, ce dernier est doté d'un code spécifique pour chaque caractère spécial, par exemple : é  designe  le code du caractère :    é &eagrave;  designe le code du caractère  :   è Ainsi pour…

Les formulaires HTML

En HTML un formulaire a pour principale objectif l'envoie des informations d'un poste client vers un serveur web. - Un formulaire est déclaré à l'aide du balisage : A l'intérieur d'un formulaire on trouve généralement des champs de textes, des textarea et des boutons pour envoyer ou annuler l'envoie des informations

Exercices HTML avec correction

Exercice1 Ecrire le code HTML permettant d'afficher le texte suivant avec sa mise en forme : Langage HTML Le langage HTML est un langage de balisage permettant de mettre en forme le contenu des pages web, d'insérer des objets multimédia : images, vidéos, animations flash... Correction Langage HTML Le langage HTML est un langage de…

Les tableaux HTML

1 - La balise <table> Un tableau est déclaré en langage HTML à l'aide des balises <TABLE> et </TABLE> On peut ajouter des caractéristique à la balise <TABLE> afin de spécifier la hauteur, largeur, bordure, couleur , …

Les listes HTML

Afin de pouvoir bien organiser l'affichage des pages web, le langage HTML est doté d'un nombre de balises permettant d'organiser et et présenter le contenu sous forme d'une liste. 1 - Les listes ordonnées Pour organiser un contenu web sous forme d'une liste ordonnée, on utilise la balise <ol> ( ordered list ), et ensuite…

Les attributs de la balise BODY

1 - Les attributs de la balise body   Grâces aux attributs de la balise <body> vous pouvez mettre une couleur ou une image en arrière plan, établire un style sur vos liens hypertextes...Voici les principaux attributs et leurs effets : Arrière plan avec la couleur spécifiée On peut spécifier la couleur d'arrière plan d'une…

Insertion d'images

1 - La balise  d'insertion d'images <img> La balise <IMG> indique au browser qu'il faut afficher une image. Cette balise s'utilise toujours avec l'attribut SRC (source) qui permet de donner l'adresse de l'image à lire. Cette adresse aura le même format qu'une adresse A HREF="" et pourra donc être soit relative, soit fixe. En principe,…

Lien hypertexte

Dans le but  de facilité la navigation de page en page sur le web, le langage HTML nous offre la possibilité de créer des liens  qu'on appelle liens hypertextes 1 - Lien vers une adresse URL Un lien hypertexte est définie par les balises La syntaxe est : Exemple : lien externe vers Yahoo: Ce…

Mise en forme d'un document HTML

1 - Les principales balises HTML  de mise en forme d'un texte   HTML est doté de nombreuses balises pour agir sur la mise en forme d'un texte, nous n'allons citer ici que les balises les plus utilisées :   Balise Effet Résultat <b>Texte</b> Ecrire en gras Texte <i>Texte</i> Texte en italique Texte <u>Texte</u> Texte…

Structure d'un document HTML

1 - Les balises d'un document HTML 2 - Structure d'un document HTML   3 - Visualisation d'une page HTML Pour visualiser une page HTML, plusieurs solutions s'offrent à vous, nous allons vous donner la plus simple! Lancez l'editeur de page web Dreamweaver CS6: Cliquez ensuite sur le bouton HTML en haut afin de créer…

Introduction au langage HTML

1 - Introduction HTML est le sigle de hypertext Markup language : langage utilisé pour coder des fichiers textes en vue d'une utilisation sur des systèmes hypertext (technique créant des liens entre données de types différents tel que : texte ↔ image , texte ↔ fichier multimédia . . .Pour créer une page web, au…