Lekcje >> Podstawy HTML 5
Polimax

Drukarnia w Warszawie realizująca druk wizytówek, plakatów jak również fotoksiążki, fotoobrazy i fotokalendarze - z wysyłką na terenie całego kraju.

Cytaty

Cytat, to fragment tekstu umieszczony na naszej stronie, który pochodzi z innej strony, książki, gazety, wypowiedzi, itp. Do oznaczania bloku tekstu jako cytat, służy znacznik <blockquote>Cytowany tekst</blockquote>. Należy odróżnić ten znacznik od znacznika q, którym oznaczamy cytaty znajdujące się wewnątrz bloku tekstu. Tekst objęty tym znacznikiem, jest domyślnie wcięty względem pozostałych akapitów na stronie. Powstaje pytanie - po co ten znacznik, skoro za pomocą CSS mogę odpowiednio sformatować akapit? Pewnie znasz odpowiedź - jest to znacznik mający znaczenie semantyczne.

Wraz ze znacznikiem <blockquote>Treść cytatu</blockquote> występuje atrybut cite="", umożliwiający podanie źródła cytowanego tekstu. Proszę nie mylić tego atrybutu ze znacznikiem o tej samej nazwie. Ten element nie jest pokazywany przez przeglądarkę, można do niego dotrzeć analizując kod HTML. Na przykład w tej postaci <blockquote cite="http://www.teacher.webd.pl/kurs_html5/" >Treść cytatu</blockquote>, wskazałem niniejsze opracowanie, jako źródło cytatu.

Poniższy fragment kodu HTML pokazuje tworzenie akapitu i cytatu:

<body>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, 
    scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. 
    Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis 
    vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. 
    Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus 
    leo non est. 	
  </p>	
  <blockquote>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue, suscipit a, 
    scelerisque sed, lacinia in, mi. Cras vel lorem. Etiam pellentesque aliquet tellus. 
    Phasellus pharetra nulla ac diam. Quisque semper justo at risus. Donec venenatis, turpis 
    vel hendrerit interdum, dui ligula ultricies purus, sed posuere libero dui id orci. 
    Nam congue, pede vitae dapibus aliquet, elit magna vulputate arcu, vel tempus metus 
    leo non est. 	
  </blockquote>
</body>

Ćwiczenie 2_1_3_1

Wykonaj stronę WWW pokazującą akapit tekstu oraz cytat zgodnie z pokazanym wyżej przykładem.

  1. W ćwiczeniu wykorzystaj utworzony wcześniej szkielet dokumentu (otwórz za pomocą Notepad++ szkielet.html).
  2. Strona powinna posiadać tytuł Cytaty.
  3. Umieść odpowiednie słowa kluczowe.
  4. Umieść odpowiedni opis strony.
  5. Umieść siebie, jako autora strony.
  6. Wstaw do dokumentu akapit i cytat według wzoru pokazanego wyżej.
  7. Zapisz utworzony dokument HTML.
  8. Otwórz ten plik przeglądarką.
  9. Sprawdź, czy jest pokazany tytuł strony.
  10. Sprawdź, czy są wyświetlone akapit oraz cytat.
  11. Pokaż źródło dokumentu i sprawdź czy są pokazane słowa kluczowe, opis strony oraz autor.
  12. Jeżeli to konieczne, dokonaj stosownych korekt.

Tak powinna wyglądać poprawnie wykonana strona:

Praca domowa

Wykonaj stronę WWW pokazującą akapit tekstu oraz cytat. Tekst powinien tłumaczyć, dlaczego interesujesz się informatyką.


Jeżeli nie jesteś pewny, jak wykonane zadania zapisać na pendriwie, to zajrzyj do pierwszego ćwiczenia, w którym zostało to dokładnie wytłumaczone.