LES PREMIERS PAS EN HTML – les bases

De nombreux CMS existent aujourd’hui avec lesquels il n’est plus utile d’avoir de connaissances en HTML, Php, CSS … Il est cependant utile de connaitre un minimum de bases si vous souhaitez développer par la suite par vous même vos propres sites ou du moins les faire évoluer. Nous allons donc ici “mettre les mains dans le cambouis”.

Pour concevoir votre site, vous devez commencer par le créer sur votre ordinateur. Pour cela de nombreux éditeurs de texte ou logiciels de création de sites web vous facilitent les choses.

Vous avez la possibilité d’utiliser Bloc Notes qui est un éditeur de texte intégré par défaut à Windows mais vous devrez tout coder ce qui pourra être rapidement fastidieux.
D’autres éditeurs de texte tels que Sublime Text (très apprécié des développeurs, de nombreuses fonctionnalités et hautement personnalisable), Notepad++ sont gratuit et relativement simple pour un débutant.

Dans les tutoriels qui vont suivre nous utiliserons Dreamweaver qui est de type wysiwyg (What you see is what you get; ce que vous voyez est ce que vous obtenez). Dreamweaver qui fait parti des applications Creative Cloud d’Adobe est payant (par abonnement) mais vous pouvez toujours trouver aujourd’hui avec une petite recherche google des versions antérieures gratuites.
Dans un premier temps, vous n’aurez donc pas besoin de connaître le HTML. Il vous suffira d’écrire votre texte dans votre logiciel pour qu’il soit retranscrit en HTML.
Au fur à mesure du temps, si vous souhaitez progresser, il vous faudra tout de même”mettre les mains dans le cambouis”.
Lorsque vous commencerez donc à écrire vos premières pages HTML, écrivez votre code (pas de copier-coller).

Mais qu’est-ce que le HTML?
HTML (Hyper Text Markup Language) est un langage qui définit les structures logiques d’un document.
Il possède une structure type et se compose de commandes HTML ou tags HTML.

Une page HTML est composée de commandes HTML appelées instructions.
– Toutes les commandes HTML sont introduites par des tags:
Ce sont des tags d’ouverture ou de fermeture; <title>…</title>
Le tag de fermeture se différencie par sa barre oblique (slash).
– Les commandes html sont en anglais, elles sont l’abréviation d’un terme anglais.
– Elles ne font pas la différence entre les majuscules et minuscules.
– Les caractères spéciaux et accents sont codés;
Exemple: Caractère Code Entity
é &eacute
è &egrave

Toutes pages HTML commence par l’instruction <html> et se terminent toujours par l’instruction</html>.

La structure de base
<html>
...
</html>

L’intérieur de votre page HTML se compose de deux parties:
L’en-tête (header) et le corps (body)

L’ en-tête:
Celui-ci permet de donner des informations importantes sur votre page et n’est pas affiché dans le navigateur.
Il se situe entre <head> et </head>
L’unique commande affichée est votre titre qui sera visible dans la barre de titre du navigateur.

Le body:
Entre <body> et </body> se trouvent le texte, les liens, les éléments graphiques etc…

Le HTML est le premier langage à apprendre pour débuter votre site web. Vous aurez cependant besoin d’un deuxième langage tout aussi important, le CSS, qui va vous permettre de personnaliser vos pages et de les structurer.

⇒ Continuons avec la charte graphique et le CSS

Retour haut de page