Szövegszerkesztés

Dr. Gyúró Zoltán képe

A textarea mező feletti szövegformázó ikonok használatát mutatom be ebben a cikkben.
A formázondó szöveget ki kell jelölni és utána a kívánt formázó ikonra kell kattintani.

Link beszúrása

A textarea mezőbe írt linkek automatikusan kattintható linkké alakulnak: http://hu.lipsum.com/
Ha linkünket formázni is akarjuk (az url mellett link szöveget és/vagy címet is szeretnénk adni ), akkor így néz ki: Lorem ipsum, melynek a html kódja:
<a href="http://hu.lipsum.com/" title="Lorem ipsum">Lorem ipsum</a>

Vastag betű, dőlt betű, aláhúzás, áthúzás


A következő bekezdés első 4 szaván demonstrálom a formázásokat, az 5. szón kombinálom a vastag és dőlt betűs formázást, a 6. szón pedig mind a 4 formázást alkalmazom (szélsőséges példa):
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed urna at lectus vehicula suscipit eget id elit. Cras tellus dui, suscipit eu porttitor sit amet, tempus eget magna. Morbi congue interdum odio, vel elementum felis convallis at.
Az 1. mondat html kódja:
<strong>Lorem</strong> <em>ipsum</em> <ins>dolor</ins> <del>sit</del> <strong><em>amet</em></strong>, <strong><em><ins><del>consectetur</del></ins></em></strong> adipiscing elit.

Sorszámozott, rendezett lista

Vagy manuálisan írjuk:
1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
2. Vivamus interdum mattis massa, vitae consequat felis auctor in.
3. Fusce rhoncus erat eu felis tempor a interdum justo elementum.

Vagy html kóddal jelenítjük meg:

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Vivamus interdum mattis massa, vitae consequat felis auctor in.
  3. Fusce rhoncus erat eu felis tempor a interdum justo elementum.


A számozott lista (<ol>) html kódja:
<ol>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Vivamus interdum mattis massa, vitae consequat felis auctor in.</li>
<li>Fusce rhoncus erat eu felis tempor a interdum justo elementum.</li>
</ol>

Sorszámozás nélküli, rendezetlen lista, felsorolás

Vagy manuálisan írjuk:
- Mauris sollicitudin odio eu erat imperdiet malesuada.
- Maecenas sodales neque in metus consequat sit amet bibendum dui rutrum.

Vagy html kóddal jelenítjük meg:

  • Mauris sollicitudin odio eu erat imperdiet malesuada.
  • Maecenas sodales neque in metus consequat sit amet bibendum dui rutrum.


A sorszámozás nélküli, rendezetlen lista, felsorolás (<ul>) html kódja:
<ul>
<li>Mauris sollicitudin odio eu erat imperdiet malesuada.</li>
<li>Maecenas sodales neque in metus consequat sit amet bibendum dui rutrum.</li>
</ul>

A cikk címeinek formázása

6 szintű címformázás létezik

1. cím

2. cím

3. cím

4. cím

5. cím
6. cím


Ezek html kódja:
<h1>1. cím</h1>
<h2>2. cím</h2>
<h3>3. cím</h3>
<h4>4. cím</h4>
<h5>5. cím</h5>
<h6>6. cím</h6>

Idézet

Ha valakinek a szövegét idézzük akkor a <blockquote> html tag-et (teget) használjuk:

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 ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


A <blockquote> html kódja:
<blockquote>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 ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</blockquote>

Címkék
Címke: 
Flag Counter
Flag Counter since 28. february, 2013.
Flag Counter számlál 2013. február 28-tól.