Cours de code html

8062 mots 33 pages

Leçon 1 : ma première page web
[pic]

Introduction

Objectif : Créer une page du genre de celle-ci.

La mise en page de ce premier "cours" va te sembler très sommaire par rapport à ce que tu as peut-être l'habitude de voir au cours de tes surfs sur le net : c'est normal, je n'utilise ici que les balises de la leçon. Il en sera de même pour les autres cours, leur mise en page évoluera au fil de ta progression, de façon à ce que tu puisses avoir un exemple concret d'application de tes nouvelles connaissances.
Je vais logiquement supposer que tu as lu la leçon 00 (B.A. BA) et que les opérations suivantes ne te sont pas inconnues (au cas où elles le seraient, tu devines où aller piocher le "comment faire" :)....). Tu sais donc :
1) ... te servir du Bloc-notes (ou de son équivalent Mac) pour créer un fichier HTML.
2) ... utiliser ton navigateur (Internet Explorer mais il en existe d'autres comme par exemple Netscape Navigator pour ne citer que le plus connu) pour afficher la page que tu viens de créer ou de modifier.
3) ... visualiser le code source d'une page HTML affichée dans ton navigateur.(J'insiste : c'est très utile... cliquer avec le bouton droit de la souris sur un endroit de la page où il n'y a que du texte et de choisir "Afficher la source".)
4) ... envoyer une page web par e-mail.

Sans plus tarder, entrons dans le vif du sujet !

[pic]

Structure de la page

Qu'est-ce qu'une page web ?

Il s'agit en fait d'une page de texte "normale" à laquelle sont ajoutées des balises - encore appelées tags - qui sont autant d'indications pour le navigateur de la mise en forme à appliquer au texte. Plus simplement, ces balises indiquent au navigateur quelle apparence doit prendre le texte sur l'écran de l'internaute. L'ensemble du texte et des balises constitue ce que l'on appelle le code source ou la source de la page.
Une balise s'écrit de la façon suivante:
Elle est toujours accompagnée de sa contre-balise qui s'écrit
La contre-balise indique

en relation

Le chevalier azur et la dame du Verger et la dame du Verger
2013 mots | 9 pages

Note de l'auteur : Bonjour à tous, petite note cette fois, pour plusieurs raisons. Déjà, désolé pour les éventuelles fautes ou tournures hasardeuses, j'ai fait ce texte en un seul jet au dernier moment. Parfois l'inspiration peut -être capricieuse. (D'ailleurs à l'heure où j'écris ces lignes, il est 4h du matin, j'espère que les modos ne m'en voudront pas trop, mais je crois que cette histoire en valait la peine)….

montre plus
Atelier edition numérique
834 mots | 4 pages

• 7e : le passage à la TEI > c’est un format, un langage de description du texte. Il s’agit d’un langage qui appartient aux langages à balises. S’appuie sur les balises pour structurer….

montre plus
cas loyer
6229 mots | 25 pages

Stratégie de référencement SEO/SEM Nous suggérons d’entrée de jeu que le search engine optimisation (SEO) et le search engine marketing (SEM) soient gérés par la même équipe afin de susciter des synergies. Notre stratégie de référencement combinera les deux méthodes afin d’obtenir des résultats optimal rapidement. Il reviendra cependant à LoyerNet de juger des montants qu’elle entend allouer à son budget SEM. Notre stratégie couvrira trois volets distincts, soit l’aspect technique, le contenu et la popularité.….

montre plus
Titre de user
478 mots | 2 pages

L’URL de l’image et le lien sont respectivement donnés par les balises et . La première balise indique le nombre de bannière disponible dans le document. Le nombre de bannière indiquée varie en fonction du volume d’annonceur et des paramètres renseignés dans l’url d’appel (voir section « Paramètres du flux XML »). Script PHP Pour récupérer les données du flux XML, voici un exemple de script PHP qui utilise l’extension simpleXML de PHP5 : $ip = $_SERVER['REMOTE_ADDR'] ; $url = '….

montre plus
Yves rocher
1191 mots | 5 pages

CEUX QUI N’ONT PAS DECIDE : Comment en sont-ils arrivés là ? Parfois volontaire de vivre dans la rue pour obtenir une sorte de liberté, de pouvoir faire ce que l’on veut, c’est vu comme un mode de vie. Or c’est le cas pour très peu d’entre eux. Il est possible de noter une multitude de signes avant-coureurs au fait de se retrouver à la rue.….

montre plus
aquabin
318 mots | 2 pages

De manière à avoir le meilleur référencement possible de chacune des pages du site, il ne faut pas oublier de mettre les titres des paragraphes dans des balises (h1 ;h2,h3)…. Ici, les Titres de chaque paragraphe est mise en avant avec les balises "titres" (h1,h2...)  Evalué sur trois pages. Répétitions des mots importants dans chaque page et selon le domaine exemple : spa répété 3 fois dans les titres Remarques/questions  Sur le site Baignoire Balnéo http://www.ma-baignoire-balneo.com/baignoire-balneo-ronde-xsl-1081_1090.html - Il y a différentes tailles de polices utilisées - Il y a un cadre vert seulement sur le titre dans baignoire balneo d'hydromassage, il faut une Harmonisation des choix. - Utilisation de deux polices :….

montre plus
inflation t le chommage
1475 mots | 6 pages

Presque tous les éléments de présentation des balises ou des attributs présents dans le Html 4.0 ont ainsi disparu. Un document Html5 sans feuille de styles pour en assurer la présentation n'est alors plus qu'une morne structure du contenu textuel. Citons, par exemple, l'absence en Html5 de l'attribut border qui assurait la présence d'une bordure à la balise de tableau , rendant ainsi la représentation des tableaux problématiques en pur Html. Les feuilles de style vont beaucoup plus loin dans le domaine de la présentation que les anciennes balises du Html. De par leur richesse et leur variété, elles ont profondément modifié l'aspect visuel des applications en décuplant la créativité des webgraphistes.….

montre plus
Aide
449 mots | 2 pages

• Le XML (eXtensible Markup Language) tout comme le HTML utilise des balises mais contrairement au HTML qui se limite à la mise en page, le XML permet de structurer l’information contenue dans n’importe quel type de document. Les balises personnalisées permettent….

montre plus
Chatri PrePresentationv3
481 mots | 2 pages

Design aladin-101@hotmail.com Final 7 Tâches effectuées • Visibilité SEO • Qu'est-ce que le référencement ? • un site web soit présent dans un index • La clé du référencement • La région du Triangle d'Or • La zone chaude • Regard de l’internaute sur cette zone • Exemple • Les 3 premiers résultats de recherche • Règles de codage • Les balises de titre ( <h1> à <h6>) • Les balises <strong> et <em> • Les textes des liens (<a href=‘’lien’’>text</a>)….

montre plus
Stage en controle de gestion
4850 mots | 20 pages

Confessions d’un Bodyguard royal Sécurité. Raymond Sasia (rouge), le comissaire Bennani-Smires (jaune) et Mohamed Mediouri (blanc) accompagnant Hassan II lors d’un déplacement dans le sud du Maroc, le 25 mai 1972. (DR |Le coup d’Etat manqué de 1972, les intrigues de cour, les vacances du prince | | |héritier… L’ancien patron de la sécurité personnelle de Hassan II raconte tout | | |dans Le Mousquetaire du Général (éd. Guéna).….

montre plus
Hichem
359 mots | 2 pages

Le langage HTML HyperText Markup Language Cours élaboré par Melle EL BOUHISSI Houda Structure d’un fichier HTML Le HTML (Hyper Text Markup Language) est composé de BALISES qui s'écrivent de cette manière : La plupart de ces balises sont par paires. Lorsque vous "ouvrirez" une balise () il faudra également la "refermer est la première balise qui ouvre le document html est la balise dite de tête du document on referme la balise de tête du document on ouvre la balise dite du corps du document on referme le corps du document et on referme la balise html du document Création d’un fichier HTML Lancer l’application « Bloc notes » qui se trouve dans le groupe Accessoires.….

montre plus
intro
555 mots | 3 pages

• Hypertexte : façon d’inter-relier des documents multimédias • Balises: façon d’indiquer le formatage des éléments Mise en forme décrite par des fichiers de style CCS Tout est exprimé en ASCII 7 bits (et souvent 8 ou 32 bits) pour la portabilité 5 I.3: L’HTML Les bases Principes de publication Concepts fondamentaux L’HTML Navigateurs Les balises Conseils et conventions Comment faire? Syntaxe Les extensions HTML : HyperText Markup Language Langage de description de pages web Un document HTML est • • • • un fichier texte, construit suivant une syntaxe précise structuré par des balises interprété (visualisé) dans un….

montre plus
Entre deux mères
1005 mots | 5 pages

Qui, comment et où doit se faire la déclaration d’un enfant dès sa naissance ? Est-ce obligatoire ? (Texte de loi)….

montre plus
Ethique a nicomaque
941 mots | 4 pages

Comment passer de l'ami au bien ? Expliquer le texte. Thèse : est ce que on a tendance a définir le bonheur par une série de plaisirs ? Oui.….

montre plus
Variante locales d'axe
344 mots | 2 pages

Selon l’étude, les hommes chinois manquent de sens de l’humour, la plupart d'entre eux ne savent pas comment attirer de filles en utilisant les autres instruments. Donc, sur le web, Axe fournir des services pour répondre à la question « comment attirer les filles ». Chaque lancement fait l’objet d’une grosse réclame en ligne. Il y a aussi des activités, des concours, des vidéos face à face, pour attirer les consommateurs et accroître la sensibilisation. Ils ont réussi leur opération avec cette audace de communication sensuelle très taboue en Chine, on peut dire que la marque Axe ainsi que ses produits sont de plus en plus connues en Chine.….

montre plus