Overblog Suivre ce blog
Editer l'article Administration Créer mon blog
24 février 2016 3 24 /02 /février /2016 09:05

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"
null
* 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 !

 

 

 

 

 

superstickies


 


 

  * 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


 

                                    Rendez-vous sur Hellocoton !                                                        

 

 

Partager cet article

Repost 0
Published by Aurelie - dans HTML
commenter cet article

commentaires

julie 06/06/2012 15:19


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 06/06/2012 02:14


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 06/06/2012 12:03



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 02/05/2012 16:41


Merci pour ton blog et tes astuces!!!


 

vonnette 17/03/2012 13:45


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 17/02/2012 09:00


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 18/02/2012 09:10



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 13/02/2012 08:40


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 18/01/2012 11:19


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 19/01/2012 09:53



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 12/10/2011 17:07



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 17/09/2010 16:03



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 19/09/2010 20:38



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 17/09/2010 15:58



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...



Présentation

  • : Faire un blog
  • Faire un blog
  • : Ce blog vous aide à vous lancer pour faire votre blog : plateforme, mise en page, décoration, gadgets...
  • Contact

Vous Cherchez Quoi ?

Bienvenue !

 

PancarteSmiliz.pngCe blog a pour objet de vous aider à faire votre blog. C'est facile, et possible sans être informaticien !

J'ai 2 autres blogs très différents, et je souhaite mettre mon expérience à votre service. N'hésitez pas à me déposer vos commentaires et questioxxns. 
Si vous débutez, commencez par l' Index des articles , rubrique "Pour bien démarrer". 

 

Inscrivez votre site sur ma Top Liste et améliorez votre référencement.  

Mon logo sur votre site

Si j'ai contribué à l'amélioration de votre blog, merci d'y mettre mon logo :
Site Faire Un Blog

Code à coller :

<a href="http://faireunblog.over-blog.com/" target="_blank"><img height="65" width="85" src="http://sd-1.archive-host.com/membres/up/42016049459753927/PancarteSmiliz.png" alt="Site Faire Un Blog" /></a>

 

 

Date du jour

 

 

 

Géolocalisation

formation