Accéder au contenu principal

Html

 

                                HTML5   

(HyperText Markup Language)

 


 

HTML est un langage informatique utilisé sur Internet. Cette langue est utilisée pour créer des pages Web. L'acronyme signifie HyperText Markup Language, qui signifie en français «langage de balisage hypertexte». Cette signification porte bien son nom puisqu'en effet ce langage permet de produire un hypertexte basé sur une structure de balisage.

Ce n'est pas à proprement parler un langage de programmation, mais plutôt un langage qui vous permet de formater du contenu. Les balises permettent de formater le texte et de placer des éléments interactifs, tels que des liens, des images ou même des animations. Ces éléments ne sont pas dans le code source d'une page codée en HTML mais "à côté" et la page en HTML ne fait que répéter ces éléments. Pour afficher une page en HTML, il est nécessaire d'utiliser un navigateur Web.

La plupart du temps, d'autres langages informatiques sont associés à une page encodée en HTML. Par exemple CSS, qui vous permet de formater le contenu d'une page encodée en HTML. Il existe également des langages informatiques qui dépendent entièrement du HTML, comme JavaScript (on va le voir prochainement).

 

Les balises

 

Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont indispensables pour réaliser le « code minimal » d'une page web.

Balise

Description

<html>

Balise principale

<head>

En-tête de la page

<body>

Corps de la page

 

 

 

 



Balises d’entête

 

Balise

Description

<link/>

Liaison avec une feuille de style

<meta/>

Métadonnées de la page web (charset, mots-clés, etc.)

<script/>

Code javascript

<style/>

Code CSS

<title/>

Titre de lapage

 

Balises de listes

 

Balise

Description

<ul>

Liste à puces,non numérotée

<ol>

Liste numérotée

<li>

Elément de la liste à puces

<dl>

Liste de définitions

<dt>

Terme à définir

<dd>

Définition de terme

 

Balises de tableau

 

Balise

Description

<table>

Tableau

<caption>

Titre du tableau

<tr>

Ligne de tableau

<th>

Cellule d’en-tête

<td>

Cellule

<thead>

Section de l’en-tête du tableau

<tbody>

Section du corps du tableau

<tfoot>

Section du pied du tableau

 

Balises de formulaire

 

Balise

Description

<form>

Formulaire

<fieldset>

Groupe de champs

<legend>

Titre d’un groupe de champs

<label>

Libellé d’un champ

<input/>

Champ de formulaire

<textarea>

Zone de saisie multi-ligne

<select>

Liste déroulante

<option>

Elément d’une liste déroulante

<optgroupe>

Groupes d’éléments d’une liste déroulante

 

 

 

 

 

 

 

 

 

 

Balises sectionnantes

 

Ces balises permettent de construire le squelette de notre site web.

Balise

Description

<header>

En-tête

<nav>

Liens principaux de navigation

<footer>

Pied de page

<section>

Section de page

<article>

Article

<aside>

Informations complementaires

 

Balises génériques

 

Les balises génériques sont des balises qui n'ont pas de sens sémantique.

En effet, toutes les autres balises HTML ont un sens : <p> signifie «paragraphe», <h2> signifie «sous-titre». Parfois, on a besoin d'utiliser des balises génériques (aussi appelées balises universelles) car aucune des autres balises ne convient. On utilise le plus souvent des balises génériques pour construire son design.

Balise

Description

<span>

Balise générique de type inline

<div>

Balise générique de type block

 

Ces balises ont un intérêt si vous leur associez un attribut class, id ou style

Class : Indiquer le nom de la classe css à utiliser.

Id : donne un nom à la balise. Ce nom doit être unique sur toute la page car il permet d'identifier la balise. Vous pouvez vous servir de l'ID pour de nombreuses choses, par exemple pour créer un lien vers une ancre, pour un style CSS de type ID, pour des manipulations en JavaScript, etc.

Style : cet attribut vous permet d'indiquer directement le code CSS à appliquer. Vous n'êtes donc pas obligé d'avoir une feuille de style à part, vous pouvez mettre directement les attributs CSS. Notez qu'il est préférable de ne pas utiliser cet attribut et de passer à la place par une feuille de style externe, car cela rend votre site plus facile à mettre à jour par la suite.

NB : Ces trois attributs ne sont pas réservés aux balises génériques : vous pouvez aussi les utiliser sans aucun problème dans la plupart des autres balises.

Aussi la différence entre html et html5 c’est que il y a des balises dans html5 qui qui n’existe pas dans html (nav,header…).

Libellés :

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

Beliefs

 We Live In A System Of Beliefs The accompanying article about convictions is only a declaration of my contemplations. It is absolutely not complete. As I would see it, we carry on with our life based on convictions. We, in a real sense, live in a colossal conviction framework. So flawlessly coordinated (into our reality) are a few convictions that a great many people expect that they are regular and acknowledge them without addressing. The actual demonstration of perusing this article is conviction based, in light of the fact that the very build that is shaped in your mind presently is calculated and of the reasoning psyche. Maybe, what truly is doesn't simply exist as ideas, yet in addition exists in the NOW as experience. Albeit one can portray or conceptualize a reality, the conceptualization is itself an idea. Convictions can be exceptionally incredible, particularly when most of the populace gets tied up with it. At some point a specific conviction when gotten rolling, ...
Enregistrer un commentaire
Lire la suite

Rajeunir de 3 ans en 8 semaines

 La fontaine de Jouvence vient-elle d'être découverte ? Des volontaires ont vu leur âge biologique régresser de 3 ans après avoir suivi 8 semaines d'un programme « naturel » incluant exercice, méditation, sommeil, régime alimentaire, unwinding et compléments alimentaires. « Nous avons été surpris par la réduction de l'âge sur une période si courte », témoigne Kara N. Fitzgerald, de l'Institut de Médecine fonctionnelle à Washington et head auteur de l'étude publiée dans la revue Aging.  L'étude, menée auprès de 43 hommes, âgés de 50 à 72 ans, a calculé l'âge biologique des membres avant et après l'expérience en se basant sur la méthode de la méthylation de l'ADN, aussi appelé « âge épigénétique ». Ce dernier serait un indicateur in addition aussi fiable que l'âge chronologique pour prédire la mortalité d'un individu. Le programme a été conçu sur la base de précédentes recherches, qui ont montré l'influence de l'alimentation ou du mode ...
Enregistrer un commentaire
Lire la suite

Rédiger un rapport de Stage , PFE

  Comment Rédiger un rapport de #stage Quelle que soit votre formation scolaire, le stage dans une entreprise une étape très important dans notre développement professionnelle, en fait c’est opportunité en or pour que nous puissions immerger dans notre nouveau métier, et aussi c’est ou vous devez prouver vos savoir-faire (compétences). Rapport de stage ? :  Le rapport de stage est un document d'analyse, de synthèse et d'évaluation de votre apprentissage en situation réelle . On peut dire aussi, c'est dans ce document que vous allez retranscrire toutes les informations importantes concernant votre nouvelle expérience professionnell e. Egalement, si vous êtes en formation, ce rapport vous permet aussi de vous entraîner à communiquer et parler sur votre travail auprès de vos formateurs. Bref, lors de vos futurs entretiens de recrutement, il vous sera demandé de parler de vos expériences professionnelles ; et si vous avez bien fait votre rapport...
Enregistrer un commentaire
Lire la suite