code

Mise en forme de texte


<h1>ceci est un h1</h1>

<h2>ceci est un h2</h2>

<h3>ceci est un h3</h3>

<h4>ceci est un h4</h4>

<h5>ceci est un h5</h5>
<h6>ceci est un h6</h6>


<br /> ceci est un retour a la ligne (balise seul)

<p>ceci est un paragraphe - Vestibulum quam leo, pellentesque sit amet malesuada sit amet, mollis in sem. Suspendisse potenti. Nullam adipiscing orci interdum est tristique sagittis. Nulla ac eros tincidunt risus ultrices interdum. Cras nibh justo, interdum sit amet vestibulum at, tristique vehicula est. Donec congue volutpat aliquam. Vestibulum aliquet fringilla turpis non vestibulum. Nunc pellentesque hendrerit rhoncus. Nam aliquam tortor metus, eget malesuada nunc. Vivamus massa lorem, pulvinar nec luctus quis, interdum sit amet eros. Aenean hendrerit condimentum iaculis.</p>

Ceci est un paragraphe avec lettrine <p class="dropcap"> - Vestibulum quam leo, pellentesque sit amet malesuada sit amet, mollis in sem. Suspendisse potenti. Nullam adipiscing orci interdum est tristique sagittis. Nulla ac eros tincidunt risus ultrices interdum. Cras nibh justo, interdum sit amet vestibulum at, tristique vehicula est. Donec congue volutpat aliquam. Vestibulum aliquet fringilla turpis non vestibulum. Nunc pellentesque hendrerit rhoncus. Nam aliquam tortor metus, eget malesuada nunc. Vivamus massa lorem, pulvinar nec luctus quis, interdum sit amet eros. Aenean hendrerit condimentum iaculis.</p>

<b>ce texte est en gras</b>
<i>ce texte est en italic</i>
<u>ce texte est souligner</u>
<b><i><u>ce texte est trop charger</u></i></b>

<span class="note"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</span>
<span class="info"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</span>
<span class="alert"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</span>
<span class="download"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</span>
<span class="tip"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</span>

<blockquote class="quotation"><p>ceci est une citation - Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.</p></blockquote>

 

Les listes


<ul>
<li>element 1</li>
<li>element 2</li>
<li>element 3</li>
</ul>

  • <ul class="checkbox">
  • <ul class="arrow">
  • <ul class="star">
  • <ul class="check">

 

Les liens


{code class="brush:html" } Ce texte est cliquable {/code} <a href="http://www.google.com">Ce texte est cliquable</a>

{code class="brush:html" } Ce lien s'ouvrira dans une nouvelle fenetre {/code} <a href="http://www.google.com" target="blank">Ce lien s'ouvrira dans une nouvelle fenetre</a>

{code class="brush:html" } Ce lien s'ouvrira dans une popup {/code} <a href="http://www.google.com" rel="rokbox">Ce lien s'ouvrira dans une popup</a>

 

Les images


{code class="brush:html" } Logo {/code} <img src="/images/logo.jpg" /> (balise seul)
Logo

{code class="brush:html" } Logo {/code} <img src="/images/logo.jpg" align="right" /> image a droite
Logo







{code class="brush:html" } Logo {/code} <img src="/images/logo.jpg" width="40" height="60" /> image large de 40 pixel par 60 de haut
Logo

 

Lien sur images


{code class="brush:html" } {/code}
ce qui nous donne :
{code class="brush:html" } Logo {/code} Logo

le meme avec popup :
{code class="brush:html" } Logo {/code} Logo

Contact

  • 15 rue Emile Zola
    69002 Lyon, France
  • 04 78 42 05 56