Samouczek HTML

Strona główna HTML Wprowadzenie do HTML Edytory HTML Podstawy HTML Elementy HTML Atrybuty HTML Nagłówki HTML Akapity HTML Style HTML Formatowanie HTML Cytaty HTML Komentarze HTML Kolory HTML HTML CSS Linki HTML Obrazy HTML Ulubione HTML Tabele HTML Listy HTML Blok HTML i wbudowany Klasy HTML Identyfikator HTML Ramki HTML HTML JavaScript Ścieżki plików HTML Nagłówek HTML Układ HTML HTML Responsywne Kod komputerowy HTML Semantyka HTML Przewodnik po stylach HTML Jednostki HTML Symbole HTML Emotikony HTML Zestaw znaków HTML Kodowanie adresu URL HTML HTML a XHTML

Formularze HTML

Formularze HTML Atrybuty formularza HTML Elementy formularza HTML Typy danych wejściowych HTML Atrybuty wejściowe HTML Atrybuty formularza wejściowego HTML

Grafika HTML

Płótno HTML HTML SVG

Media HTML

Media HTML Wideo HTML Dźwięk HTML Wtyczki HTML HTML YouTube

API HTML

Geolokalizacja HTML Przeciągnij/upuść HTML Magazyn sieciowy HTML HTML Web Workers HTML SSE

Przykłady HTML

Przykłady HTML Quiz HTML Ćwiczenia HTML Certyfikat HTML Podsumowanie HTML Dostępność HTML

Odniesienia HTML

Lista znaczników HTML Atrybuty HTML Globalne atrybuty HTML Obsługa przeglądarki HTML Zdarzenia HTML Kolory HTML Płótno HTML HTML audio/wideo Dokumenty HTML Zestawy znaków HTML Kodowanie adresu URL HTML Kody językowe HTML Wiadomości HTTP Metody HTTP Konwerter PX na EM Skróty klawiszowe

Cytat HTML i elementy cytowania


W tym rozdziale omówimy elementy <blockquote>, <q>, <abbr>, <address>, <cite>i <bdo>HTML.


Przykład

Here is a quote from WWF's website:

For nearly 60 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.

HTML <blockquote> dla cytatów

Element HTML <blockquote>definiuje sekcję, która jest cytowana z innego źródła.

Przeglądarki zwykle wcinają <blockquote>elementy.

Przykład

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>

HTML <q> do krótkich cytatów

Znacznik HTML <q>definiuje krótki cytat.

Przeglądarki zwykle wstawiają znaki cudzysłowu wokół cytatu.

Przykład

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>


HTML <abbr> dla skrótów

Znacznik HTML <abbr>definiuje skrót lub akronim, np. „HTML”, „CSS”, „Mr.”, „Dr.”, „ASAP”, „ATM”.

Oznaczanie skrótów może dostarczyć przydatnych informacji przeglądarkom, systemom tłumaczeń i wyszukiwarkom.

Porada: Użyj globalnego atrybutu title, aby wyświetlić opis skrótu/akronimu po najechaniu myszą na element. 

Przykład

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

HTML <adres> informacji kontaktowych

Znacznik HTML <address>definiuje informacje kontaktowe autora/właściciela dokumentu lub artykułu.

Dane kontaktowe mogą być adresem e-mail, adresem URL, adresem fizycznym, numerem telefonu, obsługą mediów społecznościowych itp.

Tekst w <address>elemencie jest zwykle renderowany kursywą, a przeglądarki zawsze dodadzą podział wiersza przed i po <address>elemencie.

Przykład

<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

HTML <cytuj> dla tytułu pracy

Znacznik HTML <cite>określa tytuł pracy twórczej (np. książka, wiersz, piosenka, film, obraz, rzeźba itp.).

Uwaga: imię i nazwisko osoby nie jest tytułem pracy.

Tekst w <cite>elemencie jest zwykle pisany kursywą .

Przykład

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

HTML <bdo> dla nadpisywania dwukierunkowego

BDO oznacza nadpisanie dwukierunkowe.

Znacznik HTML <bdo>służy do zastąpienia bieżącego kierunku tekstu:

Przykład

<bdo dir="rtl">This text will be written from right to left</bdo>

Ćwiczenia HTML

Sprawdź się za pomocą ćwiczeń

Ćwiczenie:

Użyj elementu HTML, aby dodać cudzysłów wokół liter „cool”.

<p>
jestem takifajny.
</p>


Cytat HTML i elementy cytowania

Tag Description
<abbr> Defines an abbreviation or acronym
<address> Defines contact information for the author/owner of a document
<bdo> Defines the text direction
<blockquote> Defines a section that is quoted from another source
<cite> Defines the title of a work
<q> Defines a short inline quotation

Pełną listę wszystkich dostępnych tagów HTML można znaleźć w naszym podręczniku HTML Tag Reference .