Znacznik krótkiego cytatu q i znacznik długiego cytatu blockquote w HTML-u

Stronę tą wyświetlono już: 225 razy

Znacznik krótkiego cytatu <q>

Ten znacznik przeznaczony jest do zdań, lub sentencji wstawianych wewnątrz akapitu autora strony. Oto jak powinno się używać tego typu znacznika w tekście strony:

Listing 1
  1. <p><q>Myślę więc jestem</q> - powiedział i zniknął.</p>

Wynikiem czego otrzymamy coś takiego:

Myślę więc jestem - powiedział i zniknął.

Znacznik długiego cytatu <blockquote>

Znacznik długiego cytatu jest nieco ciekawszy, ponieważ umożliwia wskazanie źródła, z którego ów cytat został zaczerpnięty. Oto prosty przykład:

Listing 2
  1. <blockquote cite="Adam Mickiewicz - fragment Reduty Ordona"><pre>Nam strzelać nie kazano. - Wstąpiłem na działo
  2. I spojrzałem na pole;
  3. dwieście armat grzmiało.
  4. Artyleryji ruskiéj ciągną się szeregi,
  5. Prosto, długo, daleko, jako morza brzegi;
  6. I widziałem ich wodza; - przybiegł, mieczem skinął,
  7. I jak ptak jedno skrzydło wojska swego zwinął.
  8. Wylewa się z pod skrzydła ściśniona piechota
  9. Długą, czarną kolumną, jako lawa błota,
  10. Nasypana iskrami bagnetów. Jak sępy,
  11. Czarne chorągwie na śmierć prowadzą zastępy.
  12. Przeciw nim sterczy biała, wąska, zaostrzona,
  13. Jak głaz, bodzący morze, reduta Ordona.
  14. Sześć tylko miała harmat. Wciąż dymią i świecą;
  15. I nie tyle prędkich słów gniewne usta miecą,
  16. Nie tyle przejdzie uczuć przez duszę w rozpaczy,
  17. Ile z tych dział leciało bomb, kul i kartaczy.</pre></blockquote>

Wynik powyższego kodu:

Nam strzelać nie kazano. - Wstąpiłem na działo
I spojrzałem na pole;
dwieście armat grzmiało.
Artyleryji ruskiéj ciągną się szeregi,
Prosto, długo, daleko, jako morza brzegi;
I widziałem ich wodza; - przybiegł, mieczem skinął,
I jak ptak jedno skrzydło wojska swego zwinął.
Wylewa się z pod skrzydła ściśniona piechota
Długą, czarną kolumną, jako lawa błota,
Nasypana iskrami bagnetów. Jak sępy,
Czarne chorągwie na śmierć prowadzą zastępy.
Przeciw nim sterczy biała, wąska, zaostrzona,
Jak głaz, bodzący morze, reduta Ordona.
Sześć tylko miała harmat. Wciąż dymią i świecą;
I nie tyle prędkich słów gniewne usta miecą,
Nie tyle przejdzie uczuć przez duszę w rozpaczy,
Ile z tych dział leciało bomb, kul i kartaczy.

Style dla krótkiego cytatu

Oto lista najczęściej używanych styli w css-ie dla znacznika <q>:

Listing 3
  1. q {
  2. quotes: "<" ">" "<<" ">>"; /* jeżeli dwa cytaty będą zagnieżdżone to pierwszy zamknięty zostanie w < > a drugi w << >> */
  3. color: red;
  4. font-weight: bold;
  5. }

Style dla bloku cytatu

Oto lista najczęściej używanych styli w css-ie dla znacznika <q>:

Listing 4
  1. blockquote {
  2. quotes: "<" ">" "<<" ">>"; /* jeżeli dwa cytaty będą zagnieżdżone to pierwszy zamknięty zostanie w < > a drugi w << >> */
  3. color: red;
  4. font-weight: bold;
  5. background: #ffffaa; /* kolor tła */
  6. margin: 10px; /* margines z wszystkich stron */
  7. padding: 0; /* odsunięcie z wszystkich stron */
  8. }

Komentarze