Site : http://www.pierre-giraud.com
Classement : 14 / 1346
10 articles sélectionnés
Création d'un menu responsive déroulant en HTML et en CSS
CREER UN MENU RESPONSIVE DEROULANT EN HTML ET EN CSS
Présentation de l'exercice
Dans cet exercice, nous allons réaliser un menu responsive déroulant seulement en HTML et en CSS, sans l'aide d'aucun autre langage comme le JavaScript par exemple.
Afin de retirer le maximum de cet exercice, il est fortement conseillé de posséder de bonnes bases en HTML et particulièrement en CSS.
Dans son...
Pourquoi apprendre le HTML et le CSS - Pierre Giraud
POURQUOI APPRENDRE LE HTML ET LE CSS ?
Le HTML et le CSS, deux standards
Si le monde de l'informatique vous plaît et que vous êtes tenté d'apprendre la programmation informatique, vous serez obligé de passer par l'apprentissage du HTML et du CSS et ceci pour deux raisons.
Tout d'abord, il faut savoir que le HTML et le CSS sont deux véritables standards et n'ont donc, à ce titre, pas de...
Thèmes liés : comment creer un site web en html et css / creer site web html css / faire un site web html css / ide html css php / editeur html css
Créer des liens internes et externes en HTML - Pierre Giraud
LIENS INTERNES ET EXTERNES EN HTML
Définition et types de liens
Un lien, en HTML, va généralement servir à "transporter" un utilisateur d'un endroit vers un autre après que celui-ci ait cliqué dessus.
Pour créer des liens en HTML, nous allons utiliser l'élément a accompagné de son attribut href (hypertext reference) qui va prendre comme valeur la cible du lien.
La cible d'un lien est...
Thèmes liés : creer un lien vers une page web en html / creer un lien hypertexte vers une page web / creer un lien vers une page web / lien hypertexte vers une page web / lien vers page web
Création d'un formulaire simple en HTML - Pierre Giraud
Définit un champ de données pour l'utilisateur
label
Définit une légende pour un élément input
textarea
Définit un champ de texte long
select
Définit une liste de choix
optgroup
Définit un groupe d'options dans une liste
option
Définit une option dans une liste
fieldset
Permet de regrouper les éléments d'un formulaire en différentes parties
legend
Ajoute une légende à un élément...
Thèmes liés : creer formulaire en ligne html / creer un formulaire en html / creation formulaire html en ligne / formulaire en ligne html / creer une page html simple en ligne
CREER UN DIAPORAMA EN HTML ET EN CSS - pierre-giraud.com
Dans ce nouvel exercice, nous allons essayer de créer un diaporama en n'utilisant que les deux langages HTML et CSS.
Il ne va pas nous être possible de créer un "vrai" diaporama à proprement parler, c'est-à-dire un diaporama pouvant charger dynamiquement les images et possédant des boutons pour passer d'une image à l'autre mais nous allons pouvoir réaliser quelque chose qui va s'en...
Thèmes liés : creer un diaporama html css / creer un diaporama en html / creer une page html simple en ligne / creer une page html simple / ide html css javascript
Création et affichage d'une première page en HTML
CREER ET AFFICHER NOTRE PREMIERE PAGE HTML
Définir le type et l'encodage du fichier
Maintenant que nous avons établi les bases ensemble, vous allez pouvoir commencer à coder en même temps que moi.
Pour cela, commencez par ouvrir votre éditeur de texte et créez un nouveau fichier.
Avant toute chose, vous allez devoir définir le type de page que vous souhaitez créez et l'encodage de votre...
Thèmes liés : creer une page html simple / creer un page html / ecrire du code dans une page html / ecrire une page html / programme creation page html
Création d'un menu simple en HTML et en CSS - Pierre Giraud
javascript.html
contact.html.
Pour le moment, nous allons nos contenter d'écrire la structure minimale d'une page HTML dans chacun d'entre eux afin de les rendre valides ainsi qu'une phrase de texte pour les distinguer.
Pour plus de simplicité au niveau des liens, nous allons enregistrer tous ces fichiers dans le même dossier.
Maintenant, nous allons nous concentrer sur la page accueil.html...
Thèmes liés : creer un menu en html css / creer un menu en html / ecrire du css dans une page html / ide html css javascript / creer une page html simple
Création d'un menu déroulant en HTML et en CSS
contact.html.
Pour plus de simplicité, nous allons enregistrer nos cinq pages dans le même dossier.
A partir de maintenant, nous allons nous concentrer sur la page accueil.html qui va accueillir notre menu.
Nous allons commencer par enfermer tout notre menu dans l'élément structurant HTML5 nav qui sert à définir le menu de navigation principal d'un site.
Ensuite, nous allons créer le...
Thèmes liés : creer un menu deroulant en html et css / creer un menu en html css / creer un menu deroulant en html / creer un menu en html / creer un menu deroulant en html5
CREER UN TABLEAU SIMPLE EN HTML - pierre-giraud.com
CREER UN TABLEAU SIMPLE EN HTML
L'élément HTML table
Les tableaux en HTML doivent être utilisés pour organiser de façon logique des données.
Pour créer un tableau simple, nous allons avoir besoin de trois éléments HTML :
L'élément table (« tableau » en français) va définir le tableau en soi ;
L'élément tr, pour « table row » ou « ligne de tableau » en français va nous servir...
Thèmes liés : creer un tableau html en ligne / creer un tableau sans bordure en html / creer un tableau en html css / creer un tableau en html / creer un html
Création de la structure de notre site personnel en HTML ...
Utilisé pour définir le haut de page (menu exclus)
nav
Utilisé pour définir le menu principal de navigation d'une page
section
Représente une section dans une page, c'est-à-dire un groupement thématique de contenu
article
Représente une partie de page qui se suffit à elle même, comme un post sur un blog par exemple
aside
Représente une section de page indirectement liée aux autres,...
Thèmes liés : creer un menu en html css / faire un site responsive
10 Ressources