Każdy użytkownik serwera students może opublikować strony WWW i inne dokumenty w internecie. Wystarczy na swoim koncie (czyli dysku Z: pod Windows) utworzyć katalog public_html.
Zawartość tego katalogu będzie dostępna w internecie pod adresem http://students.mimuw.edu.pl/~uo123, gdzie zamiast uo123 należy wstawić własny identyfikator użytkownika.
Aby po wpisaniu adresu zamiast listy plików w katalogu wyświetliła się pewna strona, powinna ona być zapisana w pliku o nazwie index.html.
W HTML występują trzy rodzaje list: numerowane, nienumerowane i listy definicji (znane także jako "słownikowe" lub "opisowe"). We wszystkich przypadkach element oznaczający cała listę zawiera elementy oznaczające elementy listy.
Lista numerowana oznaczana jest elementem <ol>, a jej elementy <li>.
Lista nienumerowana oznaczana jest elementem <ul>, a jej elementy <li>.
Lista definicji oznaczana jest elementem <dl>, a jej elementy są dwojakiego rodzaju.
Pojęcia (hasła) oznaczamy <dt>, natomiast ich opisy <dd>.
W "zwykłym" HTML (nie XHTML) można nie pisać znaczników zamykających </li> </dt>
</dd>, przeglądarka domyśli się, że skoro rozpoczyna się nastepny punkt, to poprzedni się skończył.
Bardzo ważne jest zamykanie całych list (</ul> </ol>
</dl>).
<ol> <li>Punkt pierwszy <li>Punkt drugi </ol>
<ul> <li>Nienumerowany <li>Nienumerowany <ul> <li>Lista zagnieżdżona <li>Lista zagnieżdżona </ul> <li>Następny punkt głównej listy </ul>
<dl> <dt>consecutive <dd>kolejny <dt>malicious <dd>złośliwy <dd>podstępny </dl>
Wewnątrz akapitów i innych bloków tekstowych można (i należy) stosować znaczniki "semantyczne", mówiące co znaczy dany fragment tekstu.
<em> służy do wyróżnienia, a <strong> do silnego wyróżnienia
(zazwyczaj krótkiego) fragmentu tekstu.
<p>Amelia ma <em>naprawdę</em> piękne oczy. </p>
<p>Oznaczenie nagłówków jest bardzo ważne, gdyż nadaje strukturę dokumentowi. <strong>Nagłówków nie wolno używać w celu wyróżnienia tekstu</strong>. </p>
<q> służy do zaznaczenia cytowanego fragmentu tekstu, natomiast w często tu mylonym elemencie <cite>
umieszcza się źródło cytatu, obrazka lub informacji, na które się powołujemy (adres strony, ale także tytuł książki lub osobę).
Niektóre przeglądarki same dodają cudzysłowy wokół tekstu oznaczonego <q> (co jest zgodne ze standardem HTML),
dlatego gdy używamy znaczników <q> nie piszemy cudzysłowów. Ostateczny sposób wyświetlania
cytatów (jak każdego innego elementu HTML) zależy od przeglądarki, stylu autora strony i ustawień (stylu)
czytelnika.
Element <blockquote> służy do umieszczania dłuższych, "blokowych" fragmentów cytowanych.
"Blokowe" oznacza, że mogą składać się z wielu akapitów, list itd.
W atrybucie cite w elementach q i blockquote można umieścić
dodatkową informację o źródle danego cytatu (zgodnie ze standardem HTML powinien to być URL).
<p>Jacek powiedział <q>piękny mamy dziś dzień</q>.</p> </p>
<p>Jak napisał Mickiewicz, <q>Litwo, Ojczyzno moja, Ty jesteś jak zdrowie</q> (<cite>Adam Mickiewicz, Pan Tadeusz</cite>). </p>
<blockquote cite="http://pi.mimuw.edu.pl"> <p>Pamietajmy jednak, ze listy maja tez swoje minusy: prowadza do skrótowosci i szkicowosci tekstu (łatwo to zrozumiec, patrzac na wreczałki z prezentacji).</p> <p>Podobnie jak w innych dokumentach elektronicznych, w HTML równiez wystepuje kilka odmian list.</p> </blockquote>
dfn oznacza że dane wyrażenie jest tu definiowane (ale w listach definicji wystarcza samo dt),
abbr i acronym
oznaczają skróty (acronym takie skróty, które czyta się jak wyrazy, np. "NATO", rozróżnienie to bywa niejednoznaczne).
Ponieważ HTML powstał jako język do zapisywania dokumentacji technicznej, zawiera kilka znaczników z nią związanych.
Są to: code, samp,var, kbd. W normalnych tekstach raczej się ich nie używa.
Generalnie znaczników formatujących nie należy używać i standard HTML w wersji 4 wycofuje większość z nich. Istnieje jednak kilka znaczników formatujących, które są dopuszczone przez standard i w niektórych sytuacjach są uzasadnione.
sup i sub oznaczają indeks górny i indeks dolny, oczywiście są uzasadnione, np. we wzorach matematycznch i chemicznych,
przy odwołaniach do przypisów.
b oznacza pogrubienie tekstu, a i kursywę. Tych znaczników należy unikać, zwykle zamiast nich
powinniśmy użyć jednego z wyróżnień lub odpowiednio zdefiniować styl.
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/3/33/Adam_Mickiewicz.PNG/266px-Adam_Mickiewicz.PNG" alt="Portret Adama Mickiewicza">
<img src="fafik.jpg" alt="Zdjęcie Fafika" title="Fafik przed moim domem, sierpień 2008">
Stwórz stronę WWW (pojedynczy dokument HTML) opisujący krótko historię standardu HTML.
Można skorzystać w polskiej Wikipedii, ale proszę nie kopiować wprost całego tekstu (ten na Wikipedii jest nawet trochę zbyt obszerny jak na to zadanie). Mile widziane będą też informacje z innych źródeł.
Proszę podać źródła, na które się Państwo powołują, oraz źródła cytatów. Dosłowne cytaty należy oznaczyć odpowiednimi znacznikami HTML.
Proszę zwrócić szczególną uwagę na strukturę dokumentu (nagłówki, akapity, listy, potem wyróżnienia i cytaty). Stylem zajmiemy się później.