background preloader

HTML

Facebook Twitter

Tous les gabarits — Gabarits HTML-CSS. Gabarit 07: en-tête, corps et pied de page séparés, menu vertical à gauche, colonnes factices, largeur fixe 750px. Code HTML et CSS Ce gabarit est structuré de la manière suivante: <div id="global"><div id="entete">...

Gabarit 07: en-tête, corps et pied de page séparés, menu vertical à gauche, colonnes factices, largeur fixe 750px

Intégration HTML : Vive les tableaux de mise en page ! A voir / à lire, ce slide share de Raphaël Goetter d’Alsa Créations ( pour le moins à contre courant, en tous cas détonnant.

Intégration HTML : Vive les tableaux de mise en page !

Pronerait-il le retour à l’utilisation des tableaux pour la mise en forme du contenu des pages web ? Pas tout à fait tout de même ! Les pages web n’ont été pendant longtemps que tableaux, imbrications de tableaux fourbis de spacers. Depuis l’invention du Web et du HTML et jusqu’à il n’y a pas si longtemps, pas de positionnement de contenu sans tableaux ! Un détournement quotidien de la balise. HTML - Utiliser des tableaux : Insérer un tableau. Pour insérer un tableau dans un document HTML, on utilise l'élément TABLE.

HTML - Utiliser des tableaux : Insérer un tableau

Les deux balises de cet élément sont obligatoires et délimitent le tableau. On définit ensuite les différentes lignes du tableau avec l'élément TR (table row). Enfin, pour chaque ligne, on va définir chaque cellule du tableau avec l'élément TD (table data). C'est dans ce dernier élément que le contenu sera ajouté. Le listing suivant vous montre un exemple de tableau qui fait deux lignes sur deux colonnes. Gabarit 04 (variante): minimaliste, menu vertical à droite, largeur fluide. Code HTML et CSS Ce gabarit est une variante du Gabarit 04.

Gabarit 04 (variante): minimaliste, menu vertical à droite, largeur fluide

Il a la même structure HTML, et il utilise les mêmes feuilles de style. La seule modification apportée aux styles CSS se trouve dans le code de cette page. La voici: Passer notre menu à droite est donc un jeu d'enfant. Attention! Cette variante sert avant tout à illustrer le fonctionnement du positionnement flottant. En effet, la plupart des sites web ont un menu de navigation horizontal sur toute la largeur du site, ou un menu de navigation vertical situé à gauche. Images gifs animés, fonds d'écran, cliparts image gif. Cliparts. La Boite des Textures - Texture - Fond de Page - Image Gratuite - Images Gratuites - Fonds - Gratuit - Qualite - VracImage. 10 banques d'images libres de droits.

Lorem Ipsum - All the facts - Lipsum generator. Les balises de type block et inline. En HTML, la plupart des balises peuvent se ranger dans l'une ou l'autre de deux catégories : Les balises inline : c'est le cas par exemple des liens <a></a>.Les balises block : c'est le cas par exemple des paragraphes <p></p>.

Les balises de type block et inline

Mais comment je reconnais une balise inline d'une balise block ? C'est en fait assez facile : block : une balise de type block sur votre page web crée automatiquement un retour à la ligne avant et après. Il suffit d'imaginer tout simplement un bloc. Pour bien visualiser le concept, voici en figure suivante un petit schéma que je vous ai concocté. Sur fond bleu, vous avez tout ce qui est de type block.Sur fond jaune, vous avez tout ce qui est de type inline. Comme vous pouvez le voir, les blocs sont les uns en-dessous des autres. Quelques exemples Afin de mieux vous aider à assimiler quelles balises sont inline et quelles balises sont block, voici un petit tableau dressant la liste de quelques balises courantes.

Ce tableau n'est pas complet, loin de là. La table des couleurs. Mai 2013 Le codage des couleurs Les couleurs en HTML sont définies par 3 nombres hexadécimaux représentant les tons de Rouge, de Vert et de Bleu (selon le codage RGB ( Red Green Blue , en français : RVB ) de la couleur choisie.

La table des couleurs

Ainsi la syntaxe de codage d'une couleur en HTML est la suivante : couleur="#RRVVBB" RR, VV et BB représentent respectivement un nombre hexadécimal entre 00 et FF pour le Rouge, le Vert et le Bleu. Ainsi, plus de 16 millions de couleurs sont disponibles pour colorer les pages web. Couleur="nom_de_la_couleur" A voir également Communautés d'assistance et de conseils.

Die Farbpalette The Color Table La tabla de color La tabella dei colori A tabela das cores. Bullets -Liste de puces pour design de sites internet. - Xbiz studio icon et icone open source et freeware pour OSx Xp et Vista. Les balises structurantes de HTML5. Je vais vous présenter ici les nouvelles balises introduites par HTML5 pour structurer nos pages.

Les balises structurantes de HTML5

Vous allez voir, cela ne va pas beaucoup changer l'apparence de notre site pour le moment, mais il sera bien construit et prêt à être mis en forme ensuite ! <header> : l'en-tête La plupart des sites web possèdent en général un en-tête, appelé header en anglais. On y trouve le plus souvent un logo, une bannière, le slogan de votre site… Vous devrez placer ces informations à l'intérieur de la balise <header> : La figure suivante, par exemple, représente une partie du Site du Zéro et vous pouvez voir son en-tête.