Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Cours HTML Objectif : Ce cours a pour but, de permettre, aux personnes le suiva

Cours HTML Objectif : Ce cours a pour but, de permettre, aux personnes le suivant, de pouvoir réaliser un ensemble de pages en langage HTML, contenant du texte, des images, des liens hypertextes, des tableaux, des formulaires d'interrogations.  I Introduction  II Ma première page en HTML o II.1 Qu'est ce que le langage HTML ? o II.2 Comment structurer une page HTML ? o II.3 Les formats de Texte  Les différents formats de texte  La taille des caractères  Les accents  Les paragraphes  La couleur des caractères o II.4 Comment insérer une image au texte ?  L'option ALIGN  L'option VSPACE  L'option HSPACE  Les options WIDTH et HEIGHT  L'option BORDER  Remarques o II.5 Utilisons l'hypertexte et réalisons nos premiers liens  Le lien vers un élément externe à vos pages  Le lien vers un élément interne à vos pages  Une image comme ancre  Option de la balise A HREF o II.6 La balise BODY pour le fond de page et la couleur du texte  Le fond de page  La couleur du texte o II.7 Ajouter son adresse électronique  III Les tableaux Cours HTML  IV Les images cliquables balise MAP  V Les Formulaires o V.1 Présentation o V.2 La balise FORM  ACTION  METHOD  METHOD  ENCTYPE o V.3 La balise INPUT  NAME  TYPE  ALIGN  CHECKED  MAXLENGTH  SIZE  SRC  VALUE o V.4 La balise SELECT  Les menus déroulants  Les listes à ascenseurs o V.5 La balise TEXTAREA  VI Autres mots clés  VIII Les feuilles de style  IX Conclusion  Introduction HTML signifie HyperText Markup Language. Ce langage permet de présenter des informations d'ordre privé ou publique accessibles de n'importe quel endroit du monde et pouvant rassembler des textes, images et autres de sources géographiquement éloignées. Pour cela, bien entendu, vous devez avoir accès à internet et utiliser un butineur ou navigateur ou browser selon l'appellation du pays. Cours HTML Pourquoi apprendre le langage HTML ?  C'est un nouveau moyen de communiquer. Cela vous permet de présenter vos travaux, que vous soyez un enseignant, un étudiant ou une entreprise. Pour un particulier, créer des pages en langage HTML peut paraître un peu mégalomane mais toutes les créations proposées au regard d'autrui le sont, tout dépend de ce que contiennent vos pages et de quelle façon vous les présentez. Par contre ce que vous réalisez peut être visible dans le monde entier ce qui augmente considérablement le nombre de personnes qui peuvent être intéressées ou qui peuvent vous apporter des informations sur le sujet que vous traitez. Pour une entreprise, cet outil peut devenir un moyen privilégié pour communiquer avec le monde à un coût bien inférieur au prix d'une campagne de promotion par d'autres moyens (presse, télévision ...). Il peut permettre de mettre en valeur son image de marque, de la "mondialiser" mais aussi de promouvoir ses produits et pourquoi pas de les vendre par ce moyen. Il est vrai qu'internet n'est pas encore un outil de consommation courante, les foyers ne sont pas encore tous équipés d'un ordinateur loin de là, les coûts des communications téléphoniques sont &eacutiques sont élevées, mais plus il y aura de contenu intéréssant sur le web, plus les utilisateurs seront nombreux et plus la connaissance des langages qui permettent de créer seront une des conditions de recrutement par les entreprises.  Quel autre moyen peut aussi simplement vous permettre d'allier du texte à des graphiques et des images et ainsi rendre beaucoup plus attrayant la lecture d'un document ?  Comme pour toutes constructions importantes il est nécessaire de participer et de poser sa pierre pour agrandir l'édifice. Il est très intéressant de regarder, de sauter de page en page, mais dans ce cas votre attitude est passive. Si vous créez votre page, sur n'importe quel sujet, vous devenez actif et là, votre contribution à cet édifice, même minime, permet de faire avancer le tout.  Il est toujours agréable de créer et d'apprendre.  Il est important lorsqu'un nouveau moyen de communication se crée de l'utiliser pour ne pas être, surtout en informatique où tout va très vite, laissé de côté et très vite dépassé. Il est étonnant de voir le peu d'intérêt que suscite l'internet dans son ensemble en France par rapport aux autres pays (USA, Angleterre ...).  Les possibilités ossibilités qu'offre ce moyen de communication sont gigantesques, il est nécessaire de l'utiliser. Il existe des éditeurs HTML qui permettent de créer des pages web comme PageMill, WebEditeur, aswedit ... Cela peut vous éviter d'apprendre le langage HTML par contre le jour où vous devrez maintenir des pages web et que vous n'avez pas votre logiciel habituel alors vous serez incapables de faire quoique ce soit.  II Ma première page en HTML La création d'une page web en langage HTML n'est pas très compliquée car ce dernier, en restant dans la limite du raisonnable (sans programmation annexe), est très simple Cours HTML et ne nécessite aucun "don particulier". Le plus long, lors sa création est de rechercher les éléments (texte, icônes ...) à insérer puis de réaliser la mise en page du document (couleur, disposition ...). Nous allons donc commencer, pour cela lancez votre butineur (netscape le plus souvent) et ouvrez un fichier avec votre éditeur préféré (vi, asedit ...) ayant l'extension html ou htm. Attention : Les butineurs utilisent un cache qui permet de recharger une page, image ... déjà consultée sans devoir pour cela faire une requête réseau afin de la rechercher. Donc en cas de modification vous pouvez conserver l'ancienne version et ne pas voir les modifications qui lui ont été apportées malgré un "reload". Je vous conseille donc lorsque vous développez une page de mettre vos caches à zéro, ainsi les éléménts seront rechargés à chaque lecture et seront donc à jour. Pour cela allez dans "options" puis "preferences" (netscape Version 1)  II.1 Qu'est ce que le langage HTML ? Le langage HTML est un langage à balises : <balise> texte </balise> Chaque balise a une signification particulière. Les éléments qui se trouvent entre ces balises seront affectés par ce balisage. Exemple : <I>En italique</I> En italique Remarque : Si vous oubliez de fermer une balise elle affectera tout le reste du texte tant qu'une autre du même type ne prend pas le relai. Vous retrouvez cela dans les traitements de texte. Lorsque vous décidez de mettre un mot en italique, le logiciel va positionner une biel va positionner une balise devant et à la fin du mot à la différence près que le mécanisme est invisible pour l'utilisateur alors qu'en HTML c'est l'utilisateur qui doit faire ce balisage.  II.2 Comment structurer une page HTML ? o Même si vous ne respectez pas cette structure, votre page sera lisible par un butineur mais par contre vous aurez peut être vous du mal à relire le code de votre page car cela risque d'être le bazar. Il est donc préférable de prendre de bonnes habitudes dès le début et de structurer vos pages de la façon suivante, afin de vous offrir une meilleure lisibilité : <HTML> début du document <HEAD> en-tête du document Cours HTML <TITLE> Titre du document ........ </TITLE> Fin du titre du document </HEAD> Fin de l'en-tête du document <BODY> corps du document ........ </BODY> Fin du corps du document </HTML> Fin du document o  Les balises HTML indiquent que le document est dans ce langage.  Entre les balises HEAD vous devez mettre tout ce qui concerne l'environnement de votre page, le titre, les couleurs du texte, les liens et autres informations. Ces éléments n'apparaissent pas directement dans la page.  Les balises TITLE permettent de faire apparaître dans la zone titre de votre navigateur le texte que vous insérez entre ces balises. Cette partie est souvent négligée et c'est dommage. En effet il permet d'indiquer clairement et de manière brève sur quel sujet porte le document mais il permet aussi d'avoir pour le lecteur qui enregistre votre page (ou URL) dans son bookmark comme lien le texte explicatif que vous avez inséré. Il est donc préférable de mettre comme texte explicatif "SERVEUR PEDAGOGIQUE DU CAMPUS JUSSIEU" plutôt que "SERVEUR PEDAGOGIQUE" ainsi le lecteur saura tout de suite en regardant ces liens à quoi ils correspondent. Exemple du titre des pages du CICRP   Entre les balises BODY vous insérez les éléments qui constitueront votre page, les informationsage, les informations texte, images, liens, le fond d'écran si c'est une image, les formulaires ... o Afin de vous repérer dans vos pages, il est conseillé d'utiliser des majuscules pour tout ce qui est balise et mot clé du langage. De cette façon vous augmentez la lisibilité de votre document source. Si vous ne procédez pas ainsi, vous n'affecterez pas le contenu ou la forme de votre document, les balises en majuscules ou en minuscules produisent le même uploads/s1/ courshtml-id2069 1 .pdf