Przejdź do treści

Powtórka

Sprawdź, czy pamiętasz, za co odpowiadają poniższe fragmenty kodu źródłowego HTML. W razie wątpliwości kliknij odnośnik "Zobacz więcej..." pod wybraną grupą przykładów.

W jaki sposób układać tekst na ekranie? Jak dodać nowy akapit? Czym różni się akapit od paragrafu?

<p>...</p>

Zobacz więcej...

Jak wstawić tytuł (nagłówek) na stronie WWW? W jaki sposób wyświetlić "dymek narzędziowy" po wskazaniu tekstu myszką?

<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>

Zobacz więcej...

Jak zgrupować elementy w blok?

<div>...</div>

Zobacz więcej...

W jaki sposób przenieść tekst do następnej linijki w dokumencie HTML?

<br>

Zobacz więcej...

W jaki sposób pogrubić (wytłuścić) tekst na stronie WWW?

<b>...</b>

Zobacz więcej...

W jaki sposób pochylić tekst na stronie WWW (kursywa)?

<i>...</i>

Zobacz więcej...

W jaki sposób podkreślić tekst na stronie WWW?

<u>...</u>

Zobacz więcej...

W jaki sposób przekreślić tekst na stronie WWW?

<s>...</s>

Zobacz więcej...

Jak wyróżnić tekst na ekranie (emfaza)?

<em>...</em>
<strong>...</strong>

Zobacz więcej...

Jak wstawić indeks górny i dolny przy tekście?

<sup>...</sup>
<sub>...</sub>

Zobacz więcej...

W jaki sposób pomniejszyć tekst?

<small>...</small>

Zobacz więcej...

Jak wprowadzić tekst preformatowany, czyli taki, który wygląda identycznie jak w edytorze tekstowym?

<pre>...</pre>

Zobacz więcej...

Jak oznaczyć kod komputerowy?

<code>...</code>

Zobacz więcej...

Jak oznaczyć tekst, który użytkownik powinien wprowadzić z klawiatury?

<kbd>...</kbd>

Zobacz więcej...

Jak oznaczyć tekst, będący przykładem działania programu lub skryptu?

<samp>...</samp>

Zobacz więcej...

Jak oznaczyć zmienną lub argument programu?

<var>...</var>

Zobacz więcej...

Jak powinno się wprowadzać odniesienia do źródła?

<cite>...</cite>

Zobacz więcej...

Jak powinno się oznaczać krótkie cytaty na stronach internetowych?

<q>...</q>

Zobacz więcej...

Jak wprowadzić dłuższy cytat?

<blockquote>...</blockquote>

Zobacz więcej...

Jak umieścić na stronie WWW informacje kontatkowe z autorem?

<address>...</address>

Zobacz więcej...

Jak poinformować użytkownika o wprowadzonych zmianach na stronie WWW: elementy wstawione i usunięte?

<ins>opis</ins>
<del>opis</del>

Zobacz więcej...

Jak powinno się oznaczać skróty i akronimy?

<abbr>...</abbr>

Zobacz więcej...

Jak oznaczyć definicję terminu?

<dfn>...</dfn>

Zobacz więcej...

Jak wprowadzić na stronę WWW słownik (listę definicyjną)?

<dl>
<dt>Pierwszy termin</dt><dd>Definicja pierwszego terminu</dd>
<dt>Drugi termin</dt><dd>Definicja drugiego terminu</dd>
<dt>Trzeci termin</dt><dd>Definicja trzeciego terminu</dd>
</dl>

Zobacz więcej...

Jak wprowadzić na stronę wykaz: wypunktowanie (lista nieuporządkowana) lub numerowanie (lista uporządkowana)?

<ul>
<li>Punkt pierwszy</li>
<li>Punkt drugi</li>
<li>Punkt trzeci</li>
</ul>
<ol>
<li>Punkt pierwszy</li>
<li>Punkt drugi</li>
<li>Punkt trzeci</li>
</ol>
<ol type="rodzaj numeracji">
<li>Punkt pierwszy</li>
<li>Punkt drugi</li>
<li>Punkt trzeci</li>
</ol>
<ol start="n">
<li>Punkt pierwszy</li>
<li>Punkt drugi</li>
<li>Punkt trzeci</li>
</ol>
<ol>
<li>Punkt pierwszy</li>
<li value="n">Punkt drugi</li>
<li>Punkt trzeci</li>
</ol>

Zobacz więcej...

W jaki sposób zrobić listę punków i podpunktów (wykaz)?

<ul>
<li>Punkt pierwszy
	<ul>
	<li>Punkt 1.1
		<ul>
		<li>Punkt 1.1.1</li>
		<li>Punkt 1.1.2</li>
		</ul>
	</li>
	<li>Punkt 1.2</li>
	</ul>
</li>
<li>Punkt drugi</li>
</ul>
<ol>
<li>Punkt pierwszy
	<ol>
	<li>Punkt 1.1
		<ol>
		<li>Punkt 1.1.1</li>
		<li>Punkt 1.1.2</li>
		</ol>
	</li>
	<li>Punkt 1.2</li>
	</ol>
</li>
<li>Punkt drugi</li>
</ol>

Zobacz więcej...

Jak umieścić poziomą linię, oddzielającą sąsiednie akapity?

<hr>

Zobacz więcej...

W jaki sposób ukryć przed użytkownikiem wybrany tekst?

<!-- Treść komentarza -->

Zobacz więcej...

Jak zablokować wybrane fragmenty treści na stronie przed pojawianiem się w wynikach wyszukiwania Google?

<div data-nosnippet>...</div>
<span data-nosnippet>...</span>
<section data-nosnippet>...</section>

Zobacz więcej...

Komentarze

Zobacz więcej komentarzy

Facebook