PODRECZNIK
  1. Strona Główna
  2. HTML5
  3. CSS3
  4. O projekcie

Znaczniki

<em> służy do zaakcentowania wybranego słowa lub fragmentu większego bloku
<p>
 Zwykły akapit
</p>
<em>
 Tekst wyróżniony
</em>

Efekt

Zwykły akapit

Tekst wyróżniony
<strong> służy do silnego wyróżnienia wybranego słowa lub fragmentu tekstu
<p>
 Zwykły akapit
</p>
<strong>
 Tekst silnie wyróżniony
</strong>

Efekt

Zwykły akapit

Tekst silnie wyróżniony

Oba znaczniki swego czasu służyły do pozycjonowania strony w wyszukiwarce

<small> pomniejsza tekst będący cześcią większej całości
Tekst będący <small> małą </small> częścią całości

Efekt

Tekst będący małą częścią całości
<cite> odwołanie się do tytułu, kursywa
<p><cite> Krzyk </cite> namalowany przez Edwarda Muncha w 1893 roku. </p>

Efekt

Krzyk namalowany przez Edwarda Muncha w 1893 roku.

<q> oznaczenie cytatu w bloku tekstu
<p>Dewizą, którą znajdziemy na stronie głównej biblioteki jQuery jest <q>write less, do more</q></p>

Efekt

Dewizą, którą znajdziemy na stronie głównej biblioteki jQuery jest write less, do more

<blockqoute> osadzenie cytatu
<blockquote cite=„https://pl.wikipedia.org/wiki/Śluza_rowerowa”>
 Śluza rowerowa – część jezdni na wlocie skrzyżowania na całej szerokości jezdni lub wybranego pasa  ruchu przeznaczona do zatrzymania rowerów w celu zmiany kierunku jazdy lub ustąpienia   pierwszeństwa, oznaczona odpowiednimi znakami drogowymi.
</blockquote>

Efekt

Śluza rowerowa – część jezdni na wlocie skrzyżowania na całej szerokości jezdni lub wybranego pasa ruchu przeznaczona do zatrzymania rowerów w celu zmiany kierunku jazdy lub ustąpienia pierwszeństwa, oznaczona odpowiednimi znakami drogowymi.
<pre> tekst preformatowany, wyświetla wszystkie spacje, złamania linii itp.
<pre> 
                            To element
                            preformatowany
                                przejścia w linii są
                            respektowane
                            spacje   też

</pre>

Efekt

                        To element
                        preformatowany
                            przejścia w linii są
                        respektowane
                        spacje   też
<code> wyświetlenie jakiegoś kodu
<code>cout"xd"<<endl;</code>

Efekt

cout"xd"<<endl;
<sup> indeks górny <sub> indeks dolny
<sup>TEKST W INDEKSIE GÓRNYM</sup> <sub>TEKST W INDEKSIE DOLNYM</sub>

Efekt

TEKST W INDEKSIE GÓRNYM TEKST W INDEKSE DOLNYM
<i> - kursywa, <b>- tekst odsunięty, pogrubiony, <ins> - podkreślenie, <del> - przekreślenie
<i> Kursywa </i>
<b> Pogrubienie </b>
<ins> Podkreślenie </ins>
<del> Przekreślenie </del>

Efekt

Kursywa
Pogrubienie
Podkreślenie
Przekreślenie
<br/> -wymuszenie przejścia do nowej linii, <hr/> - linia pozioma
<p> przejście do nowej linii nastąpi <br/> teraz a niżej będzie linia </p><hr/>

Efekt

przejście do nowej linii nastąpi
teraz a niżej będzie linia

Listy

Lista nieuoprządkowana

<ul> - rama listy
<li> - element listy
<ul>
 <li> Element1 </li>
 <li> Element2 </li>
 <li> Element3 </li>
</ul>

Efekt

  • Element1
  • Element2
  • Element3
Lista uporządkowana

<ol> - rama listy
<li> - element listy
<ol>
 <li> Element1 </li>
 <li> Element2 </li>
 <li> Element3 </li>
</ol>

Efekt

  • Element1
  • Element2
  • Element3
Lista zagnieżdżona
<ol>
 <li> Element1
 <ul>
  <li> Podelement1 </li>
  <li> Podlement2 </li>
  <li> Podelement3 </li>
 </ul></li>
 <li> Element2 </li>
 <li> Element3 </li>
</ol>

Efekt

     
  1. Element1
    • Podelement1
    • Podlement2
    • Podelement3
    2.  
  2. Element2
  3. Element3

Definicja

<dl> - ramy definicji
<dt> - słowo definiowane
<dd> - definicja
<dl>
 <dt>HTML</dl>
 <dd>Hypertext Markup Language</dd>
<dl>

Efekt

HTML
Hypertext Markup Language