![]() |
|
|||||||
| S'inscrire | FAQ | Top Statistics | Membres | Calendrier | Recherche | Messages du jour | Marquer les forums comme lus |
| Developpement web developpement web, template gratuit,scripts gratuit,nulled scripts gratuit,HTML,PHP,FLASH,ASP |
![]() |
|
|
LinkBack | Outils de la discussion |
Note:
|
Modes d'affichage |
|
|||
|
Tout d’abord qu’est-ce qu’une page web ? Eh bien c’est un fichier texte avec l’extinction .htm ou .html, qui contient du texte et l’emplacement des images. Pour définir la manière dont tous ces éléments seront affichés on utilise un langage de balisage, le HTML (c’est bien un langage de description et non un langage de programmation). Les fichiers HTML ne sont pas compilés et on peut toujours voir le code de la page tel quel l’a écrit son auteur. Une page basique. Une page web qui affiche juste un mot « bonjour » ouverte avec un éditeur de texte tel que bloc-notes de Windows contient ceci : <html> <head> </head> <body> Bonjour </body> </html> Les mots incompréhensibles (en tout cas pour l’instant) qui se trouvent entre les signes < et > sont des balises du langage HTML. Vous avez sûrement remarqué que pour chaque balise on retrouve la même balise mais précédée par un slache /, par exemple : <html> et </html> La première balise s’appelle ouvrante et l’autre fermante. Ce qui ce trouve entre la balise ouvrante et la balise fermente est modifié par ces balises, par exemple : Bonjour « Bonjour » sera affiché en gras car il est entre les balises et . C’est le principe du HTML. Principes du HTML. Toutes les balises d’une page web écrite en HTML sont placées entre les balises <html> et </html> (les lettres peuvent être écrites en majuscules <HTML> et </HTML>) ce qui signale au navigateur qu’il a affaire à du code HTML. Ensuite la page se divise en deux parties, <head> </head> et <body> </body>. Head (tête en anglais) est la partie en-tête de la page, tout ce qu’elle contient n’est jamais affiché. Elle peut contenir des feuilles de style que nous verrons plus loin, des applets java ou les balises <title> et </title>. Le texte qui se trouve entre ces dernières est affiché dans la barre de titre (tout en haut de la fenêtre du navigateur). La partie « body » contient tout le contenu qui sera affiché. Avec ce schéma vous devriez y voir plus clair : <html> <= indique le début d'un document HTML <head> <= début de l'en-tête u document <title>Le titre de la page</title> <= titre affiché dans la barre de titre </head> <= fin de l'en-tête <body> <= début du corps du document HTML Bonjour <= contenu du corps sera affiché </body> <= fin du corps du document </html> <= fin du document HTML Astuce : pour afficher le code source d’une page web que vous visitez dans votre navigateur cliquez sur le menu « Affichage » puis sur « code source » ou « afficher le code source ». La plupart des balises peuvent avoir des attributs (leur propriétés), ces attributs sont ajoutés à la balise ouvrante : <font face=«Verdana» > Bonjour !</font> La balise <font> permet d’affecter une police, une couleur, une taille et un alignement. On ajoute à la balise <font> un attribut : "face" et on lui donne la valeur de "Verdana", donc se qui se trouve entre <font face= "Verdana"> et </font> sera affiché en Verdana. Voici un schéma de cette syntaxe : <balise attribut="valeur"> … </balise> Balise : la balise utilisée, par exemple <html> ou <body>. Attribut : attribut de cette balise, par exemple l’attribut face pour la balise font, nous verrons ensuite d’autres attributs de font. Un attribut a toujours une valeur, il est donc suivi d’un signe « = ». Une balise peut avoir plusieurs attributs qui doivent être séparés par un espace. Valeur : La valeur d’un attribut est toujours place entre guillemets. Voilà vous connaissez maintenant les principes du HTML,, |
![]() |
| Tags |
| Aucune |
| Outils de la discussion | |
| Modes d'affichage | Noter la discussion |
|
|