Jak zrobić cytat na stronie < blockquote >, < q >?[HTML]

Dzisiaj pokażę wam jak w bardzo prosty sposób dodać cytat na stronę internetową. Do tego celu użyjemy znaczników kodu HTML – <blockquote> oraz <q>. Pierwszy z nich tworzy blok tekstowy, w którym umieścimy treść cytatu. Drugi zaś to bardzo krótki cytat na stronę.

Znacznik <blockquote>

<blockquote> – tak jak wspomniałam tworzy blok tekstowy a tym samym daje nam możliwość dodawania do niego różnych elementów i właściwości. Nazwa znacznika pochodzi z języka Angielskiego gdzie słowo quote oznacza cytat. Nazwa znacznika praktycznie więc mówi nam co on robi.

Jednym z elementów o jakim warto pamiętać podczas tworzenia „cytatów” jest dodawanie ich źródeł. Służy do tego atrybut cite. To w nim umieszczamy adres url witryny, z której pobraliśmy treść cytatu.

<blockquote cite="URL">

W tym miejscu warto zaznaczyć, że adres ten nie będzie widoczny dla zwykłego użytkownika. Będą go widzieć jedynie roboty skanujące witryny oraz ci, który zdecydują się zajrzeć do kodu strony. Dlatego warto jest pomyśleć o tym by w umieścić normalny link w treści bloku.

Złożony kod może wyglądać tak:

<blockquote cite="URL">Treść</blockquote>

blockquote jest elementem blokowym jednak <q> domyślnie już nie jest, dlatego też można go używać w ciągu tekstu.

Znacznik <q>

Znacznik html <q> służy również do tworzenia cytatów, z tym że jak wspomniałam wcześniej jest to element liniowy. Oznacza to, że można go użyć nawet w fragmencie tekstu np.

<p>Przykładowy tekst z <q>cytatem w środku</q></p>

Przykładowy tekst z cytatem w środku

Jak widać fragment, w którym użyłam <q> został dodany w cudzysłowach.

Przykład użycia <blockquote> i <q>

Jak zrobić cytat na stronie < blockquote >, < q >?[HTML]
aurelia

Recent Posts

Mity o marce osobistej, które warto znać

Jak w przypadku wielu różnych tematów tak i w przypadku marki osobistej pojawiło się przez…

1 tydzień ago

Jakie zawody zastąpi AI? Czy mamy się czego bać?

Choć zabrzmi to może nieco dziwnie to wprowadzenie AI (sztucznej inteligencji) do naszego życia było…

2 tygodnie ago

Widmo Brockenu – co to jest?

Widmo Brockenu to dość rzadko spotykane zjawisko optyczne, najczęściej widywane w wysokich partiach gór. Można…

2 miesiące ago

Relikwie: jak zdobywano, sprzedawano i podrabiano święte przedmioty

Zacznę może od tego, że relikwia, relikwii nie równa. Wiem jeśli nie ma się pojęcia…

2 miesiące ago

Poznaj 6 powodów, dla których warto posiadać logo

Logo stanowi jeden z ważniejszych elementów tożsamości wizualnej praktycznie każdej firmy, marki czy projektu. Logo…

2 miesiące ago

Dlaczego firmy mylą markę osobistą z firmową

Budując własną markę osobistą lub chcąc ją zbudować trzeba liczyć się z wieloma wyzwaniami. Jednym…

2 miesiące ago