La programmation en langage html, c'est quoi ?

Quand on a un blog, on, entend beaucoup parler de HTML et de CSS. N'ayez pas peur, ça ne mord pas !

Ce ne sont que des langages de programmation, codés en anglais, qui permettent de faire des pages internet.

HTML signifie Hypertext Markup Language. Il est constitué de "marques" ou "balises" qui permettent d'identifier les éléments d'une page.

CSS : Cascading Style Sheets. C'est ici que vous allez modifier (éventuellement) le style graphique de votre blog.

Pour l'instant, nous allons nous occuper du HTML.


Le principe est d'utiliser des balises pour définir ce que vous souhaitez. Il en existe beaucoup, (une petite centaine), vous apprendrez à les utiliser au fur et à mesure.

Vous trouvez une liste des principales balises HTML ICI


Un exemple d'utilisation :

Si j'écris :

<span style="color: #ff0000;"><strong>HTML</strong></span>

Ceci signifie que pour mon texte "HTML", j'ai demandé un style avec une couleur rouge et une écriture en gras.

Ce qui donne : HTML


Pour utiliser l'HTML dans Overblog, il faut :

* Créer un article

* Choisir l'onglet "édition avancée"

* puis cliquer sur HTML à gauche dans la barre de menu.

Vous voyez alors votre article en code HTML. Vous apportez les modifications voulues, puis cliquez sur "Mettre à jour" pour revenir en mode classique.

A vous de jouer !
 

---

* 5 articles a lire pour demarrer votre blog * Initiation au langage HTML * Tout pour modifier et embellir vos textes * Tout savoir sur les images  * Des jeux * Des gadgets * Votre blog ne ressemblera pas aux autres * Mes astuces * Référencements et indexations * Index des articles

Comments

[julie]

bonjour, et merci de ta réponse, en fait tu sais je suis retournée donc widget texte on met donc son htlm, et la je vois code arbitraire


donc cé peut etre pour toi qq chose qui te parle ? ca veut dire quoi arbitraire cé ti pas cela qui m'empeche que sa marche


je vais aussi essayer de demaner a wordpress, si j'ai réussite, je te tiens au courant cé tjrs interessant si jamais quelqun a le meme souci


bon la je me sauve, je retourne me casser la tête ahhhhhhhhhh

[julie]

RE bonsoir, bon je suis allée lire les balises htlm, bon ok


mais , ze comprend pas, parceque vous donnez donc pour les gadgets des codes, donc j'ai qu'a faire copier et puis coller dans mon widget wordpress normalement,


donc ma question c'est, est ce que c'est la que je  commet l'erreur , est ce que je dois copier tout ?


je sais pas si je m'exprime bien, j'espere que c'est pas  trop flou, en fait c'est pas pour mettre dans mes billet, ou la effectivement j'ai une page htlm, mais c'est pour mettre sur le coté
ou ya des widget qui permette de decorer, et la dans texte, je peux mettre soit du blabla a moi soit un code pour un gadget,


je suis desolée d'etre pas douée, encore merci de votre lecture sur mon com un peu brouillon

[Aurelie]

Ce qui est sur, c'est que si tu vois ton code, et non le résultat s'afficher, c'est que la méthode n'est pas bonne. Je ne connais pas comment mettre du HTML dans WordPress mais tu as surement
besoin d'indiquer avant que tu copie du code, et non que tu édites du texte "normal". Un bouton "HTML", ou Programmation, ou ce qui pourrait ressembler. Regarde dans un mode d'emploi

[matiou]

Merci pour ton blog et tes astuces!!!


 

[vonnette]

Bonjour. Je découvre ce blog et suis ravie, je vais (j'espère) pouvoir faire des trucs que je n'arrivais pas à faire. Mais je suis sur canalblog, ça marche pareil ou c'est différent. Je viens de
me mettre en mode avancé.


Merci de votre réponse.

[Sandisa]

Bonjour,


Je suis ravie de découvrir ce blog qui  va  peut-être m'aider à  en réaliser un autre pour une association . J'ai essayé sur Over  avec une autre adresse mail mais le titre
est toujours refusé. Je ne sais pas pourquoi . Je sais que 1 blog=1 mail ... 


Merci beaucoup de votre future réponse

[Aurelie]

Je ne sais pas exactement mais oui, 1 blog = 1 mail. Sinon, ce titre existe déjà ? vous avez mis des espaces ou des caractères non autorisés (accents par exemple...)...

[jean-michel fortin]

Bravo pour ce blog ! Il y a des personnes qualifiées qui aident les autres dans un domaine complexe. Me voici rassuré sur l'avenir de nos "oeuvres"...Un grand merci à vous !

[Lyou]

Tu es SUPER ... Bon j'ai écrit direct à Overblog pour mon problème de "copier coller" qui ne fonctionne pas et ils m'ont répondu qu'on ne peut coller qu'avec le clavier et pas avec la souris lol
! Et c'est VRAI  Maintenant j'arrive à COLLER et même je vois mon compteur en PREVISUALISATION mais le HIC c'est
qu'une fois que j'ai validé, il disparait du module  et Zouh ! Ya plus rien ! Voici le code (Cest un compteur
géographique) Peux tu me dire si ce code là colle avec Overblog ou pas Je te remercie de ton infinie gentillesse http://feedjit.com/ir1/838dca9dca9765e3e66687f2875766bf/">


Amicalement


 

[Aurelie]

Chez moi, ton code fonctionne : je vois un compteur sur fond rouge qui inqique ma localisation et depuis combien de temps je suis connectée.

[Francisca]

bonjour


Je cherchais un calendrier pour le blog que je suis en train de créer et je suis tombée sur votre blog qui est une mine d'informations.


Je vous remercie pour tous vos articles très intéressants.


Francisca

[sylvie]

Je regarde et oui c'est du embled et je suis en mode confiance.


Voici le code que j'ai recopié, peut-être que j'en met trop ?


href=""http://www.wishafriend.com/pf/ladybug">Make a Ladubug Note at WishAFriend.com


Malheureusement, je ne vais pas pouvoir rester en ligne, 16h30 approche et j'ai 2 demoiselles à aller récupérer, encore merci pour tout, j'suis sûre que l'on va y arriver. Et comme ça je pourrai
mettre ton logo sur mon blog !!!


A+... 

[Aurelie]

Il te manque du code, c'est pas complet : Utilise le bouton "Copy" car sinon, tu ne sélectionne que le code vu dans la petite fenetre, et il en manque un bout.


http://www.wishafriend.com/pf/ladybug">Make a Ladybug Note at WishAFriend.com

[sylvie]

Merci de me donner de ton temps !


Ce sont des coccinelles qui se promènent sur un post-it !


Pour le reste je patauge carrément, pas facile cette élève là !!!


Biz...