Wskazówki dotyczące tworzenia zawartości

Podstawowy HTML

• Dozwolone znaczniki HTML: <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>

  Ten serwis pozwala na wprowadzanie zawartości w formacie HTML. Nauka tego języka może wydawać się skomplikowana, ale korzystanie z ograniczonego zestawu znaczników jest bardzo proste. Poniższa tabela pokazuje przykłady użycia każdego ze znaczników jaki jest dozwolony w serwisie.

  Więcej informacji znajduje się na stronie Specyfikacji HTML W3C oraz stronach o HTML znalezionych przy pomocy ulubionej wyszukiwarki.

  Opis znacznika	Wpisuje się	Otrzymuje się
  Znaczniki zwane kotwicami służą do tworzenia odnośników do innych stron.	<a href="http://civilprotection.solutions">Portfolio of CDM Gaps, Solutions and Trials</a>	Portfolio of CDM Gaps, Solutions and Trials
  Zaakcentowanie	<em>Zaakcentowanie</em>	Zaakcentowanie
  Strong	<strong>Strong</strong>	Strong
  Brak objaśnienia dla znacznika dfn.
  Brak objaśnienia dla znacznika button.
  Cytat blokowy	<blockquote>Cytat blokowy</blockquote>	Cytat blokowy
  Lista punktorowana - znacznik <li> otwiera nowy element listy	<ul> <li>Pierwszy element</li> <li>Drugi element</li> </ul>	Pierwszy element Drugi element
  Lista numerowana - znacznik <li> otwiera nowy element listy	<ol> <li>Pierwszy element</li> <li>Drugi element</li> </ol>	Pierwszy element Drugi element
  Brak objaśnienia dla znacznika li.
  Listy definicji są podobne do innych list HTML. Znacznik <dl> otwiera listę, <dt> otwiera termin definicji, a <dd> otwiera samą definicję.	<dl> <dt>Pierwszy termin</dt> <dd>Pierwsza definicja</dd> <dt>Drugi termin</dt> <dd>Druga definicja</dd> </dl>	Pierwszy termin Pierwsza definicja Drugi termin Druga definicja
  Brak objaśnienia dla znacznika dt.
  Brak objaśnienia dla znacznika dd.
  Nagłówek	<h2>Podtytuł</h2>	Podtytuł
  Nagłówek	<h3>Podtytuł trzeciego stopnia</h3>	Podtytuł trzeciego stopnia
  Nagłówek	<h4>Podtytuł czwartego stopnia</h4>	Podtytuł czwartego stopnia
  Nagłówek	<h5>Podtytuł piątego stopnia</h5>	Podtytuł piątego stopnia
  Nagłówek	<h6>Podtytuł szóstego stopnia</h6>	Podtytuł szóstego stopnia
  Domyślnie znaczniki akapitu dodawane są automatycznie, więc z takich znaczników należy korzystać tylko do wprowadzenia dodatkowych akapitów.	<p>Akapit pierwszy.</p> <p>Akapit drugi.</p>	Akapit pierwszy. Akapit drugi.
  Domyślnie znaczniki nowych linii wstawiane są automatycznie, więc z takich znaczników należy korzystać tylko do wprowadzenia dodatkowych odstępów. Znacznik nowej linii różni się od innych, ponieważ nie występuje w dwóch wariantach (otwierającym i zamykającym). By być w zgodzie ze standardem XHTML 1.0, należy postawić znak " /" wewnątrz znacznika.	Tekst ze <br />znakiem końca linii	Tekst ze znakiem końca linii
  Brak objaśnienia dla znacznika span.
  Brak objaśnienia dla znacznika img.
  Tabela	<table> <tr><th>Nagłówek tabeli</th></tr> <tr><td>Komórka tabeli</td></tr> </table>	Nagłówek tabeli Komórka tabeli
  Brak objaśnienia dla znacznika caption.
  Brak objaśnienia dla znacznika tbody.
  Brak objaśnienia dla znacznika thead.
  Brak objaśnienia dla znacznika tfoot.
  Brak objaśnienia dla znacznika th.
  Brak objaśnienia dla znacznika td.
  Brak objaśnienia dla znacznika tr.

  Większość nietypowych znaków może być wprowadzona bezpośrednio bez żadnych problemów.

  W celu obejścia problemów można wykorzystać encje HTML. Przykładowo &amp; aby uzyskać znak &. Pełna lista encji HTML jest w tym miejscu. Niektóre z dostępnych tam znaków to:

  Opis znaku	Wpisuje się	Otrzymuje się
  Znak ampersand	&	&
  Większy niż	>	>
  Mniejszy niż	&lt;	<
  Cudzysłów	&quot;	"

• Można wyrównywać do lewej, prawej lub wyśrodkować obrazy, filmy, cytaty i inne. Przykłady:

  • Wyrównanie obrazu do lewej: <img src="" data-align="left" />
  • Wyśrodkowanie obrazu: <img src="" data-align="center" />
  • Wyrównanie obrazu do prawej: <img src="" data-align="right" />
  • … można to też stosować w innych elementach: <video src="" data-align="center" />

• Mozna podpisywać obrazy, filmy, cytaty i tak dalej. Przykłady:

  • <img src="" data-caption="To jest podpis" />
  • <video src="" data-caption="Taniec Drupala" />
  • <blockquote data-caption="Dries Buytaert">Drupal jest niesamowity!</blockquote>
  • <code data-caption="Witaj świecie w JavaScript.">alert("Witaj świecie!");</code>
• W znacznikach <img> mogą być używane wyłącznie obrazy przechowywane w tej witrynie.