|
Pour créer une table avec du code HTML c'est très facile, il y a la balise pour le faire voici un exemple :
titre1 |
titre2 |
donnée1 |
donnée2 |
|
|
| |
Pour les formulaires c'est très simple mais il faut tout d'abord savoir comment fonctionne un formulaire parce que dans ce chapitre je vais vous dire comment le réaliser, et le "TP" de l'utilisation des formulaires ça va être dans le chapitre qui traite le langage "php" pour pouvoir poster par exemple dans un forum de discutions etc...
Alors on va réaliser ensemble un petit formulaire,
premièrement la balise pour réaliser un formulaire c'est
|
|
|
| |
Pour ne pas vous bloquer au niveau du "TP" il faut connaître ces balises utiles Parce que par exemple pour retourner à la ligne il ne suffi pas de presser entrer Mais il faut taper une balise alors voici une liste des balises et leurs fonctionnalité :
:pour retourner à la ligne.
:pour mettre un texte en gras.
:pour déclarer un paragraphe.
:pour mettre un texte ou un objet au centre
:pour définir la couleur et la taille d'un text
Et bien sur il faut insérer le texte ou l'objet en question entre la balise concernée. par exemple ce texte est en gras .
et la même chose pour la balise font:ce texte est vert
|
|
|
| |
Pour faire une couleur à votre arrière plan il faut tous simplement insérer ce code dans la balise body :
bgcolor="#000000"
alors ça va etre comme ça :
#000000 va vous donner une couleur noir à votre arrière plan; pour plus de couleurs vous pouvez télécharger ici une boite de couleurs qui va générer le code des couleurs pour vous.
|
|
|
| |
La première étape pour créer votre site Web c'est de créer des fichier qui vont porter l'extension HTML ça veut dire de créer un simple fichier texte q'on va le nommer par exemple "test.html" ou "test.htm".
Alors ouvrez votre éditeur de texte "block note ou autre et insérez ce lien qui est un lien Hypertexte entre la balise et et enregistrez le fichier sous l'extension .HTML ou .HTM.
..
Après avoir enregistrer le fichier vous n'avez qu'à l'ouvrir pour voir le résultat,
|
|
|
| |
Voici à quoi ressemble le code d'une page HTML:
le titre de la page
le corp de la page
|
|
|
| |
Le html « HyperText Mark-Up Language » est le langage qui va vous permettre de structurer une page Web à l'aide de plusieurs balises q'on va voir plus loin, c’est avec ces fameuses balises q'on va créer une simple page Web avec des liens hypertextes, ça veut dire des relations entre d'autre pages Web par un simple click, bien sur on peut faire plus que ça "insérer des images" etc..
|
|
|
| |
Conseils pour aller plus loin
Didacticiels d'HTML en ligne
Pour aller plus loin en HTML voici d'autres cours en ligne :
Apprendre le langage HTML : strictement réservé aux débutants
Le langage HTML
L'éditeur HTML Composer
Composer est intégré dans les navigateurs gratuits Netscape et Mozilla. Il est aussi facile à utiliser que Word. Il créera le HTML pour vous. Si vous avez déjà Netscape, utilisez-le, sinon téléchargez Mozilla qui est plus récent.
L'éditeur HTML Dreamweaver
Dreamweaver est utile si vous souhaitez créer un site complexe avec beaucoup de pages et d'interactivité, mais la version la plus récente coûte très cher.
Il vaut mieux commencer avec Dreamweaver 2 parce qu'il contient un didacticiel convivial avec animations interactives. Les versions plus récentes de Dreamweaver n'ont que des pavés de texte comme aides.
Vous pouvez télécharger une version gratuite de Dreamweaver 2
HTML-Kit
Certains informaticiens professionnels critiquent fortement ces éditeurs HTML wysiwyg (What you see is what you get "Ce que vous voyez, c'est ce que vous aurez."), tels que Composer et Dreamweaver, parce qu'on peut perdre beaucoup de temps avec eux lorsqu'on ne comprend pas vraiment ce qui se passe "sous le capot".
Pourtant, les informaticiens n'entrent pas toutes les balises HTML à la main non plus. Ils utilisent des outils tels que HTML-Kit. Celui-ci est gratuit mais il n'est pas vraiment à la portée des débutants.
XHTML
Il y a un problème avec HTML. Les pages créées avec HTML n'apparaissent pas de la même façon dans tous les navigateurs. Le HTML est en train d'être remplacé par une version améliorée et plus rigoureuse : XHTML.
Les différences entre HTML et XHTML ne sont pas énormes.
Voici un cours en ligne : Apprenez à créer votre site web ! Il contient des QCM interactifs de révision.
|
|
|
| |
Comme vous le savez déjà sans doute, les liens sont généralement un ou plusieurs mots (souvent colorés en bleu et soulignés) sur lesquels on peut cliquer pour passer d'une page web à une autre ou d'une partie d'une page à une autre.
Par exemple, ci-dessus vous avez cliqué sur les mots HTML Exercice 2 pour trouvez la page du deuxième exercice.
Ce qui suit est assez difficile à saisir à la première lecture.
En faisant les exercices les choses s'éclaireront et vous pouvez relire ces explications autant de fois que nécessaire.
La balise HTML pour un lien est plus complexe que celles que vous avez déjà vues :
texte ici
|
|
|
| |
Pour nommer les fichiers web il faut suivre certaines règles. D'habitude, sur le disque dur de votre ordinateur vous pouvez nommer vos fichiers et les déplacer comme vous le souhaitez. Sur le Web, il faut suivre les conventions sinon vos pages ne fonctionneront pas correctement.
Pour rendre les choses simples:
Pas de majuscules, ni d'accents, ni d'espaces (pas Ma première page web mais page1).
On ne peut pas utiliser certains caractères dans les noms des fichiers.
Si vous n'utilisez que les lettres de l'alphabet (sans accents) et les chiffres vous n'aurez pas de problèmes.
|
|
|
| |
Le "World Wide Web"
Le WWW est un réseau d'ordinateurs qui communiquent entre-eux en utilisant le standard HTTP (HyperText Transfer Protocol). Regardez dans le champ adresse dans la partie haute de votre navigateur et vous verrez que l'adresse de cette page commence par http://
Les navigateurs (ex: Internet Explorer, Netscape, Mozilla, Firefox, Safari..) cherchent les pages web sur des serveurs, c'est-à-dire, les ordinateurs qui hébergent ces pages.
|
|
|
| |
1. Qu’est-ce que ce langage ?
HTML : HyperText Markup Language
Il repose sur le protocole HTTP.
C’est un langage de définition de Documents.
Ce n’est pas un Langage de Programmation.
Il est le Langage de tous les Navigateurs.
2. Ses Caractéristiques :
On l’écrit comme un simple Texte ASCII.
Il peut être employé aussi bien sur un PC, un Mac, une console Sun, Unix etc..
En revanche, le Logiciel permettant d’interprêter ce Langage dépend du Système d’Exploitation.
Ce Logiciel interprêteur sera celui du Navigateur.
Il peut comporter des Textes, des Images, des composants MultiMédia (son-vidéo).
Surtout, il permet de construire des Liens ( HyperTexte ). Ces Liens pouvant être de plusieurs
types ( internes, externes etc..).
3. Ses Versions..historique :
HTML 1.0 a fait son entrée sur Internet en Mai 1991...on n’en parle plus.
HTML 2.0 apparu en septembre 1995...les vrais débuts.
HTML 3.0 apparu le 7 Mai 1996 réputé être le standard actuel.
HTML 4.0 proposé le 8 Mai 1997. Cette version fonctionne avec les versions 4.0 des 2
principaux Navigateurs ( Netscape et Intenet Explorer ). Elle apporte les nouveautés suivantes:
les Frames.
les Feuilles de style.
le Contrôle amélioré des Tableaux.
les Formulaires optimisés.
l’intégration normalisée des éléments MultiMedia.
l’arrivée des symboles mathématiques.
l’intégration du jeu de caractères ISO 10646.
Réflexions dans l’instant
|
|
|
| |
1- Origine du HTML
Le langage HTML (HyperText Markup Language) tire son origine du SGML (Standard Generalized Markup Language) développé par Charles Golfarb et du concept de l'Hypertexte créé par Ted Nelson. C'est Tim Berners-lee, en mars 89, qui défini le principe du HTML
2- Principe
Comme le SGML, le HTML différencie au sein d'un document, les données de la structure et du format. Il donne des règles de balisages ("marquage" de l'information avec des balises) qui décrivent une structure arborescente ou chaque noeud est identifié par une étiquette. Ces étiquettes sont reconnues et interprétées par le navigateur.
|
|
|
| |
Le type "application/x-www-forme-urlencoded" est inefficace pour envoyer de grandes quantités de données binaires ou des textes qui contiennent des caractères non-ASCII. C'est le type par défaut. Le type "multipart/form-data" devrait être utilisé pour soumettre des formulaires qui contiennent des données non-ASCII, et des données binaires.
En général, l'attribut "enctype" spécifie le type MIME utilisé pour soumettre le formulaire au serveur. Lorsque la valeur de l'attribut "method" vaut "post", la valeur associée par défaut est "application/x-www-form-urlencoded". La valeur "multipart/form-data" est employée lorsque le formulaire inclut le téléchargement de fichiers associés.
|
|
|
| |
| | |
