background preloader

HTML Reference

HTML Reference

https://www.w3schools.com/tags/

Related:  TUTORIELS, COURS, FORMATIONS etc

HTML5 This specification defines the 5th major version, second minor revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features continue to be introduced to help Web application authors, new elements continue to be introduced based on research into prevailing authoring practices, and special attention continues to be given to defining clear conformance criteria for user agents in an effort to improve interoperability. This section describes the status of this document at the time of its publication.

An API to Turn Any Web Content into an Android app For developers, the best tools to code in are the ones you know best. For web developers, that’s XHTML, Javascript, CSS, etc. Over the last few years, the focus has shifted from the web to mobile devices. While many web developers have picked up a Java or Objective-C book or two and to dive headfirst into the mobile mobile markets, others have been too busy to make the shift. With tools like Appcelerator Titanium and PhoneGap, it’s been easier to use web development languages and techniques to develop mobile applications.

CSS - Conditional comments Page last changed today Conditional comments only work in IE, and are thus excellently suited to give special instructions meant only for IE. They are supported from IE 5 up until IE9 (inclusive). Older IE versions frequently need some extra CSS in order to show your pages right. Conditional comments are the best way to add this CSS, since the system is explicitly designed for this use case. If you need special styles for IE10 or up you’ll have to find another method, since conditional comments were disabled in IE10.

Démos d'extensions et tutoriels pour Joomla! En plus le plugin permet d'ajouter de nouvelles fonctionnalités : Meilleure gestion des colonnes, affectation d'une largeur spécifique à chaque colonne sans toucher aux styles CSSEncapsulation HTML des liens (dans une balise <h2>, <h3>, etc) pour un meilleur référencement (SEO) et un meilleur renduDéfinition des marges pour le placement des sous-menus sans action sur les CSSDéfinition de la largeur du conteneur de sous-menus et de sa couleur de fondChargement de module en choisissant dans la liste des modules publiésCréation de rangées (retour à la ligne de la colonne) pour une organisation sans limitesAjout d'une classe CSS sur l'élément de liste <li>Ajout de styles pour chaque élément dans les états normal, survolé, actif : couleur du texte, arrière plan (couleur, image, ou dégradé), ombre, coins arrondis, bordures, margesPossibilité de styler l'intégralité du menu pour définir les couleurs, marges, mais aussi les dimensions des sous-menus Vous pouvez télécharger le package contenant

Exercice d'intégration Html/Css n°2 - Copier coller Un deuxième petit exercice d’intégration, pour une pag type blog, à partir d’un, voici le rendu final: le PSD Comme on le voit la page est découpée en plusieurs lignes, on peut imaginer une grille derrière la page : ici je vais utiliser html5 Boiler, qui utilise 960 grid gs pour découper et organiser la page.Une police particulière pour le titre, un texte d’introduction, un bloc d’ images à la une, trois blocs de rubriques, puis encore trois blocs d’info. Voici le code Ici l’import de la police n’est pa possible donc le titre est mal positionné, si vous répliquez le code, pensez à importer aussi la police.

9 Ways to Transform Your Website Into a Social Media Hub Should your website be social? Are you looking to turn that static website into an interesting social media–enabled destination? Keep reading to discover how. Should Your Site Be Social-Enabled? There’s no doubt that social media is a powerful marketing and communication tool for businesses and non-profits that have embraced it. HTML5 : structure globale du document Pour débuter sereinement avec une nouvelle intégration HTML5 et comprendre ses implications, nous allons commencer par le début : la structure globale d'un document. La conception d'une page web en suivant la philosophie du standard HTML5 spécifié par le W3C (ou du standard vivant tel que désigné par le WhatWG) répond à quelques réflexes de base. La structure d'un document (l'imbrication des balises à la racine) est simplfiiée pour répondre aux attentes pragmatiques des intégrateurs et webdesigners.

Passer du HTML au XHTML Introduction Depuis le 26 janvier 2000, le XHTML est la nouvelle norme du W3C en matière de langage balisé pour concevoir des documents Web. Que vos pages existantes soient actuellement conformes ou non aux différentes versions du HTML importe peu. Vous allez rapidement constater que les convertir en XHTML n'est pas sorcier du tout.

Guide de développement HTML - Guides pour développeurs Web HyperText Markup Language (HTML), ou langage de balisage hypertexte, est le langage au cœur de presque tout contenu Web. La majorité de ce que vous voyez dans votre navigateur est décrit en utilisant HTML. Plus précisément, HTML est le langage qui décrit la structure et la sémantique du contenu d'un document Web. Comment indiquer la langue d’un contenu en HTML? Il est important sur une page web d’indiquer clairement la langue du contenu. Les informations données sur la ou les langues du contenu seront utiles pour les outils d’indexation (moteurs de recherche), les outils de traduction automatique ou encore ceux de synthèse vocale. Par exemple, un lecteur d’écran a besoin de connaitre la langue du contenu pour pouvoir le lire correctement, quand cette langue diffère de ses paramètres par défaut. Indiquer la langue de traitement On commencera par veiller à ce que chaque page HTML ait un attribut lang sur l’élément racine, qui indique la langue principale de la page.

Spécifier la langue d'un document (X)HTML De nombreuses sources encouragent les auteurs à préciser la langue de leur document : les directives d'accessibilité, les bonnes pratiques qualités, les spécifications (X)HTML , les conseils pour l'internationalisation, l'optimisation du reférencement, etc. Le plus souvent, cette démarche semble d'autant plus simple que le document est rédigé dans une langue unique, ou comporte tout au plus quelques citations dans une autre langue. Cependant, même dans ces cas simples, ce sont en fait deux notions bien distinctes qui sont à l'oeuvre : les langues primaires de la ressource et les langues de traitement de son contenu. Toutes deux répondent à des problématiques opérationnelles différentes, que nous allons analyser ici.

Les balises h1 multiples autorisées en HTML5 C'est suite à plusieurs conversations m'invitant à ne pas utiliser de multiples balises h1 dans mes intégrations HTML (et plus récemment une demande « insistante » sur le fait de ne pas le faire) que je me vois forcé de marcher sur les pas de Raphaël Goetter -qui avait déjà abordé le sujet- pour expliquer pourquoi : en plus d'être tout à fait valide, cette pratique est bénéfique. Tout document HTML5 dispose de cloison de contenu (Sectionneur de contenu) que sont article, aside, nav et section. Ces zones de contenu peuvent chacune contenir une balise header et footer (ne cloisonnant pas elles-mêmes le contenu) et de multiple éléments de titrage (Titre en HTML) allant de h1 à h6. Bien que l'utilisation de plus d'une balise h1 ai pu rationnellement laisser à débattre (même si techniquement les standards ne l'interdise pas), les recommandations et même l'interdiction d'une telle pratique ne sont plus pertinentes et rationnelles à l'heure du HTML5.

Une présentation du langage HTML agrémentée de nombreux exemples La langage HTML (HyperText Markup Language) est utilisé pour décrire la structure d'une page Web. C'est un langage descriptif à base de marqueurs (de tags, en anglais). Parfois, le terme de balise est aussi utilisé en lieu et place de marqueur. Le langage HTML est utilisé conjointement avec les langages CSS et Javascript.

Related: