Création d'un fichier HTML

Pour crĂ©er un fichier HTML, dans un premier temps, nous allons ouvrir un Ă©diteur de texte, il en existe des centaines parmi lesquels nous retrouverons : Notebook +, Visual Studio Code ou encore Atom. Nous dĂ©cidons ici d’utiliser Atom et le navigateur Google Chrome, ici encore, il en existe plusieurs, utilisez celui qui est dĂ©jĂ  installĂ© sur votre ordinateur.

CrĂ©ons maintenant un fichier que l’on va renommer index.html, nous allons le sauvegarder dans un dossier que l’on nommera Site_web. Il est très important que le fichier soit en format “.html”, en effet cela nous permettra d’ajouter des balises afin qu’il soit correctement lu par notre navigateur internet.

Ainsi, nous avons un fichier vierge, nous pouvons commencer Ă  ajouter des balises en respectant les indentations.




Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

Le HTML c'est quoi ?

Image
L’ HyperText Markup Language , plus communĂ©ment appelĂ© HTML peut se traduire par Langage de balisage hypertexte.  Il est utilisĂ© pour crĂ©er et structurer des pages web, nous pouvons alors gĂ©rer la manière dont le contenu de la page va s’afficher sur l’Ă©cran. Avec le langage HTML il est possible de crĂ©er des formulaires de saisie, des liens, d’inclure des ressources multimĂ©dias telles que des images, des vidĂ©os ou des programmes informatiques.  Grâce au HTML, nous pouvons crĂ©er des documents interopĂ©rables, autrement dit des documents qui peuvent fonctionner avec d’autres produits ou systèmes informatiques, existants ou futurs, publiques et sans restriction d’accès ou de mise en Ĺ“uvre. Il s'agit alors d'un format ouvert.  Le HTML s’associe Ă  d’autres technologies, il est par exemple possible de crĂ©er la mise en forme et la prĂ©sentation d’une page grâce au langage CSS ou encore d’apporter des fonctionnalitĂ©s interactives Ă  la page web grâce au JavaScript.  Le code HTML d’une pag
Lire la suite

Les balises HTML

Image
Dans le langage HTML, les balises permettent d’ajouter des Ă©lĂ©ments concernant la structure de la page : titres, paragraphes, retours Ă  la ligne etc. Chaque balise est caractĂ©risĂ©e par un terme situĂ© entre les chevrons “ < ” & “ > ”, ex : <html> .  Il est Ă©galement important de noter que chaque balise ouverte se doit d’ĂŞtre fermĂ©e une fois que l’on ne souhaite plus la prendre en compte. Pour ce faire, reprenez la balise de dĂ©part et ajoutez-y “ / ”, ici nous aurons : </html> . Dans de nombreux cas, les balises comportent des attributs. En effet, certains Ă©lĂ©ments se doivent d’utiliser des informations supplĂ©mentaires afin de dĂ©finir la façon dont ils fonctionnent. On retrouvera donc ces dĂ©tails dans l’attribut qui est constituĂ© par des paires nom="valeur" . Les attributs sont inclus dans la balise ouvrante de l’Ă©lĂ©ment. Ex : <a href="page2.html">Cliquez ici </a>. I ci le nom de l’attribut est href, il est suivi d’un signe “=”, puis
Lire la suite

Le CSS un langage complémentaire à ne pas négliger

Image
 Le CSS, de l’anglais Cascading Style Sheets (feuilles de style en cascade) est un langage informatique qui vient complĂ©ter le langage HTML ou le XML. CrĂ©Ă© par la W3C, le CSS est utilisĂ© depuis le milieu des annĂ©es 1990, le langage CSS est couramment utilisĂ© pour la conception de sites web et pris en charge par les navigateurs web depuis les annĂ©es 2000. Le langage CSS est utilisĂ© pour mettre en forme des documents web grâce Ă  des propriĂ©tĂ©s d'apparence (couleurs, polices, etc.) et de placement (largeur, hauteur, cĂ´te Ă  cĂ´te, etc.). Grâce au CSS, il est possible de modifier le rendu de la page web sans code supplĂ©mentaire. Par consĂ©quent, l’objectif est ici de dissocier le contenu de la page HTML de son apparence visuelle modifiĂ©e grâce au CSS. On peut alors styliser les Ă©lĂ©ments contenus dans le HTML sans modifier le contenu lui-mĂŞme. Le langage CSS sera alors utilisĂ© pour la mise en page alors que le code HTML sera uniquement utilisĂ© pour le contenu. L’utilisation du langage CSS
Lire la suite