Sisestamise näpunäited

Lihtne HTML

• Lubatud HTML- märgendid: <a href hreflang class data-dialog-options data-dialog-type data-dialog-renderer> <em> <strong> <dfn class tabindex title> <button class disabled> <blockquote cite> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <p> <br> <span> <img src alt height width data-entity-type data-entity-uuid data-align data-caption> <table> <caption> <tbody> <thead> <tfoot> <th> <td> <tr>

  This site allows HTML content. While learning all of HTML may feel intimidating, learning how to use a very small number of the most basic HTML "tags" is very easy. This table provides examples for each tag that is enabled on this site.

  For more information see W3C's HTML Specifications or use your favorite search engine to find other sites that explain HTML.

  Sildi kirjeldus	Sina kirjutad	Kuvatakse
  Ankruid kasutatakse teistele linkidele viitamiseks	<a href="http://civilprotection.solutions">Portfolio of CDM Gaps, Solutions and Trials</a>	Portfolio of CDM Gaps, Solutions and Trials
  Rõhutatud	<em>Rõhutatud</em>	Rõhutatud
  Rasvane	<strong>Rasvane</strong>	Rasvane
  Sildi dfn jaoks pole abi saadaval.
  Sildi button jaoks pole abi saadaval.
  Tsitaadiplokk	<blockquote>Tsitaadiplokk</blockquote>	Tsitaadiplokk
  Järjestamata loend - iga loendi elementi alusta sildiga <li>	<ul> <li>Esimene element</li> <li>Teine element</li> </ul>	Esimene element Teine element
  Järjestatud loend - iga loendi elementi alusta sildiga <li>	<ol> <li>Esimene element</li> <li>Teine element</li> </ol>	Esimene element Teine element
  Sildi li jaoks pole abi saadaval.
  Definitsiooniloend sarnaneb teiste HTML loenditega. <dl> alustab loendit, <dt> alustab defineeritava termini ja <dd> alustab kirjelduse.	<dl> <dt>Esimene termin</dt> <dd>Esimene definitsioon</dd> <dt>Teine termin</dt> <dd>Teine definitsioon</dd> </dl>	Esimene termin Esimene definitsioon Teine termin Teine definitsioon
  Sildi dt jaoks pole abi saadaval.
  Sildi dd jaoks pole abi saadaval.
  Pealkiri	<h2>Alapealkiri</h2>	Alapealkiri
  Pealkiri	<h3>Kolmas alapealkiri</h3>	Kolmas alapealkiri
  Pealkiri	<h4>Neljas alapealkiri</h4>	Neljas alapealkiri
  Pealkiri	<h5>Viies alapealkiri</h5>	Viies alapealkiri
  Pealkiri	<h6>Kuues alapealkiri</h6>	Kuues alapealkiri
  Vaikimisi lisatakse lõigusildid automaatselt, aga lõigusilte võib ka käsitsi juurde lisada.	<p>Esimene lõik.</p> <p>Teine lõik.</p>	Esimene lõik. Teine lõik.
  Vaikimisi lisatakse reamurdmise sildid automaatselt, selle sildiga saab neid juurde lisada. Selle sildi kasutamine on erandlik, kuna erinevalt teiselt, ei kasutata sellel avavat/sulgevat paari. Ühilduvuse saavutamiseks XHTML 1.0 standardiga lisa sildi sisse " /".	Tekst <br /> reamurdjaga	Tekst reamurdjaga
  Sildi span jaoks pole abi saadaval.
  Sildi img jaoks pole abi saadaval.
  Tabel	<table> <tr><th>Tabeli päis</th></tr> <tr><td>Tabeli väli</td></tr> </table>	Tabeli päis Tabeli väli
  Sildi caption jaoks pole abi saadaval.
  Sildi tbody jaoks pole abi saadaval.
  Sildi thead jaoks pole abi saadaval.
  Sildi tfoot jaoks pole abi saadaval.
  Sildi th jaoks pole abi saadaval.
  Sildi td jaoks pole abi saadaval.
  Sildi tr jaoks pole abi saadaval.

  Enamikku ebatavalisi tähemärke võib ilma probleemideta otse sisestada.

  If you do encounter problems, try using HTML character entities. A common example looks like &amp; for an ampersand & character. For a full list of entities see HTML's entities page. Some of the available characters include:

  Tähemärgi kirjeldus	Sina kirjutad	Kuvatakse
  &-märk	&	&
  Suurem kui	>	>
  Väiksem kui	&lt;	<
  Küsimärk	&quot;	"

• Sa saad joondada pilte, videosi, plokktsitaate jne vasakule, paremale või keskele. Näited:

  • Joonda pilt vasakule: <img src="" data-align="left" />
  • Joonda pilt keskele: <img src="" data-align="center" />
  • Joonda pilt paremale: <img src="" data-align="right" />
  • … ja seda saab rakendada ka teistele elementidele: <video src="" data-align="center" />

• Sa saad lisada pealdisi piltidele, videotele, plokktsitaatidele jne. Näited:

  • <img src="" data-caption="See on pealdis" />
  • <video src="" data-caption="The Drupal Dance" />
  • <blockquote data-caption="Dries Buytaert">Drupal is awesome!</blockquote>
  • <code data-caption="Tere maailm JavaScript-is.">alert("Tere maailm!");</code>
• Ainult siin lehel asuvaid pilte on võimalik kasutada <img> märgendites.