Un document HTML commence par la balise <HTML> et finit par la balise </HTML>. Il contient également un en-tête décrivant le titre de la page, puis un corps dans lequel se trouve le contenu de la page. L'en-tête est délimité par les balises <HEAD> et </HEAD>. Le corps est délimité par les balises <BODY> et </BODY>.
Pour commencer, on doit signaler au document HTML que nous souhaitons utiliser des règles CSS. Vous rencontrerez trois possibilités pour appliquer CSS à un document HTML. Nous nous contenterons de présenter la méthode la plus utilisée — créer un lien vers la feuille de style CSS depuis l'en-tête du document HTML.
La première chose à faire consiste à ouvrir une nouvelle page ("fichier" -> "nouveau"). Puis il faut enregistrer cette page vierge au format XHTML. Pour cela il faut cliquer sur "fichier" -> "enregistrer sous", choisir l'endroit où la page web doit être enregistrée et indiquer un nom tel que "page. html".
La toute première ligne d'un fichier HTML s'appelle le doctype. Elle est indispensable pour avoir un affichage correct de son fichier HTML. En effet, c'est grâce à cette balise que le navigateur web traite correctement le fichier.
En HTML, le doctype est le préambule " <! DOCTYPE html> " requis en haut de tous les documents. Son seul but est d'empêcher un navigateur de passer en soi-disant "quirks mode" lors du rendu d'un document ; c'est-à-dire que le doctype " <!
Tous les éléments du contenu d'une page HTML sont encadrés par une balise ouvrante et une balise fermante, à part quelques exceptions (dont les plus notables sont la balise <br/>, qui permet d'aller à la ligne, la balise <img> qui permet d'insérer une image dans la page HTML, et les balises <meta> et <link> sur ...
Comment débuter avec le CSS ? Pour débuter en CSS il va vous falloir créer votre première feuille de style. Vous pouvez créer autant de feuilles de style que vous souhaitez dans votre projet, mais commençons avec une seule. Cette feuille de style pourra être nommée comme ceci : style.
Pour écrire en HTML, il faut insérer des éléments et des attributs dans des balises, en utilisant la syntaxe imposée. Un paragraphe de texte, par exemple, constitue un élément à écrire entre les balises < > ; cet élément peut être personnalisé, en utilisant l'attribut style à écrire : style="".
La syntaxe du formulaire HTML
L'usager doit : définir les éléments constituant le formulaire englobés par les balises <form> et </form> spécifier les paramètres du formulaire : le nom, l'action (le programme qui traitera le document complété et soumis), la méthode d'envoi et le type d'encodage.
L'élément HTML <p> représente un paragraphe de texte. Les paragraphes sont généralement représentés comme des blocs et séparés par un espace vertical, leur première ligne est également parfois indentée. Les paragraphes sont des éléments blocs.
Pour insérer une zone de texte dans une ligne, on va utiliser la balise <input />. On retrouvera cette balise plusieurs fois dans la suite de ce chapitre. À chaque fois, c'est la valeur de son attribut type qui va changer. Ce n'est pas encore suffisant : il faut donner un nom à votre zone de texte.
La liste numérotée HTML démarre avec une balise <ol> qui définit, comme le fait la balise <ul> pour la liste à puces, le début de la liste ordonnée. Chaque élément doit également être encadré par des balises <li></li>. Lorsque tous les éléments ont été cités, une balise </ol> vient clôturer la liste.
Si vous souhaitez apprendre à coder, il est recommandé de connaitre certains langages en priorité : HTML, JavaScript et CSS. Par la suite, vous pourrez en choisir au moins un de plus à maitriser et au moins un dont vous pouvez comprendre les principes fondamentaux.
Appuyez sur Ctrl+U (Windows) ou ⌘-Option-U (Mac).
HTML (pour HyperText Markup Language, qu'on peut traduire en « langage de balisage hypertexte ») est le langage utilisé pour structurer une page web et son contenu. On peut par exemple organiser le contenu en un ensemble de paragraphes, une liste d'éléments, utiliser des images ou des tableaux de données.
Le code HTML pour insérer un lien sur une page web : < a href="adresse de redirection" > texte cliquable à afficher < /a >. L'élément « a » nécessite une balise d'ouverture < > et une balise de fermeture < / >. Le texte renseigné entre les deux balises est cliquable.