background preloader

HTML+CSS

Facebook Twitter

HTML et CSS. Un article de Wiki URFIST.

HTML et CSS

[modifier] Origine du HTML Le langage HTML (HyperText Markup Language) tire son origine du SGML (Standard Generalized Markup Language) développé par Charles Golfarb et du concept de l'Hypertexte créé par Ted Nelson. C'est Tim Berners-lee, en mars 89, qui défini le principe du HTML [modifier] Principe Comme le SGML, le HTML différencie au sein d'un document, les données de la structure et du format. Exemple : <title> titre de la page </title> Html - Apprendre le langage Html. JAWS-ACTIONS. HTML (HyperText Markup Language) HTML signifie « HyperText Markup Language » qu'on peut traduire par « langage de balises pour l'hypertexte ».

HTML (HyperText Markup Language)

Il est utilisé afin de créer et de représenter le contenu d'une page web. D'autres technologies sont utilisées avec HTML pour décrire la présentation d'une page (CSS) et/ou ses fonctionnalités interactives (JavaScript). Le terme hypertexte fait référence aux liens qui connectent les pages web entre elles et qui permettent de naviguer entre les sites web. Ces liens sont une brique fondamentale du Web. HTML fonctionne grâce à des « balises » qui sont insérées au sein d'un texte normal. HTML permet d'inclure des images et d'autres contenus dans les pages web. Les articles suivants fournissent des éléments de référence utiles au développement web : HTML5 et CSS3 : les bases. Nous allons nous intéresser à un acteur fondamental du développement web, le couple HTML+CSS (Hyper Text Markup Langage et Cascading Style Sheets).

HTML5 et CSS3 : les bases

Dans cette activité, nous allons exclusivement nous intéresser au HTML. Qu'est-ce que le HTML, voici la définition que nous en donne Wikipedia : L’Hypertext Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’est un langage de balisage permettant d’écrire de l’hypertexte, d’où son nom. HTML permet également de structurer sémantiquement et de mettre en forme le contenu des pages, d’inclure des ressources multimédias dont des images, des formulaires de saisie, et des programmes informatiques. Pour l'instant, nous allons retenir deux éléments de cette définition «conçu pour représenter les pages web» et «un langage de balisage».

HTML n'est pas un langage de programmation (comme le JavaScript par exemple), ici, pas question de conditions, de boucles....c'est un langage de description. Présentation du cours complet HTML et CSS. Objectifs du cours HTML et CSS et prérequis Bienvenue à tous dans ce cours complet traitant des deux langages informatiques incontournables : le HTML et CSS.

Présentation du cours complet HTML et CSS

Le but de ce tutoriel est d’explorer les différentes fonctionnalités du HTML et du CSS et de vous apprendre à les utiliser pas à pas. Ce cours s’adresse à tous, des plus parfaits débutants aux personnes disposant déjà d’un bagage informatique. Le HTML et le CSS sont des langages de base en informatique ; on commence donc généralement par leur apprentissage car ils sont assez simples à comprendre et car ils sont indispensables. Méthodologie et pédagogie Dans un but pédagogique, et afin de vous fournir la meilleure expérience d’apprentissage possible, ce cours a été divisé en de multiples sous-chapitres. Vous pouvez à tout moment voir le sommaire du cours sur votre gauche. De plus, ce tutoriel HTML et CSS utilise plusieurs supports afin de faciliter votre apprentissage et de valider vos progrès.

Essayer ce code ! Chapitre suivant. H5P: créer des exercices interactifs variés directement dans votre blog wordpress, drupal ou Joomla. Un système vraiment excellent et qui ne demande aucune compétence technique à mettre en place; le principe, créer des activités en html5 mais sans quitter son blog, sans utiliser de logiciels ni de plateforme, tout est dans le blog.

H5P: créer des exercices interactifs variés directement dans votre blog wordpress, drupal ou Joomla

Et des activités très variées allant du simple petit exercice à la présentation contenant des exercices. Bref, pour le test je me suis contenter de peu et j’ai fait un petit exercice de glisser déposer que tout le monde devrait pouvoir résoudre. Quant à la gamme des exercices elle peut faire tourner la tête vu son étendue puisqu’elle contient 21 éléments différents, et il est même possible d’en créer soi-même. Et pour tout ça, he bien pas grand chose à faire à part installer un plugin adapté à votre blog. Ensuite, il faut récupérer toute la gamme d’exercices. l’intéressant est que si certains types d’exercices vous sont inutiles, il n’y a pas besoin de les charger. Lien: H5P. Catalog. Réaliser une Image Active html5 avec XIA et Inkscape. Online CSS3 Code Generator With a Simple Graphical Interface - EnjoyCSS. Gathering Text from the WWW – Making it Short and Sweet – WorkFlowy Blog.

This is a guest post by Frank Degenaar, author of the book,“Do Way, Way More in WorkFlowy”.

Gathering Text from the WWW – Making it Short and Sweet – WorkFlowy Blog

Wouldn’t it be perfect if we could highlight just the snippets of an article we wanted and then harvest them all in one go, ready to slot into a WorkFlowy outline? Less work. Less fuss. I think WorkFlowy is more about doing and less about hoarding. So we’re going to look at how the brilliant Highly Highlighter platform hits that sweet spot – helping to curate incoming text and keeping clutter to a minimum. I’ve played around with a ton of web highlighters, and Highly Highlighter stood out for me.

What Highly Highlighter allows you to do is highlight snippets of text on whatever web page you visit. Activate Highly highlighter: click on the “!” You could now go ahead and manually copy all of your highlights for that particular web page… but I like to clean things up a bit before copying: Notice how there is a tiny red superscript number at the end of each highlight?