podstawy

PODSTAWY <HTML>

Co to jest HTML?

• HTML (HyperText Markup Language) to język formatowania dokumentów elektronicznych, który pozwala uformować tekst oraz połączyć go z grafiką. Dzięki HTML dokumenty mogą łączyć hipertekstowe powiąznia ("linki") tworząc strukturę, po której porusza się użytkownik.

• Obecnie w dokumentach HTML można zagnieżdżać dźwięk, animację, sekwencje video. Jednakże wymaga to najczęściej dodatkowych rozszerzeń, wykraczających poza sam język HTML.

<html>

• Komenda <HTML> występuje bezpośrednio po prologu i sygnalizuje początek dokumentu zakodowanego przy pomocy języka HTML, zaś </HTML> oznacza koniec. Komenda ta "nie robi" nic poza tym i jej pominięcie nie wywołuje z reguły żadnych skutków. Jednakże dla poprawności, czytelności i stosowania "dobrego stylu" należy jej używać.

<head>

• Pomiędzy początkiem komendy <HEAD> i jej końcem </HEAD> znajduje się nagłówek dokumentu zawierający wiele ważnych informacji, które zwykle nie są wyświetlane ale niejednokrotnie wpływają na interpretacje całości lub części dokumentu.

• <TITLE>To jest tytuł</TITLE>

<body>

• Pomiędzy początkiem komendy <BODY> i jej końcem </BODY> znajduje się cały dokument interpretowany przez przeglądarkę. Atrybuty tej komendy mogą definiować kolor tła, kolor tekstu i elementów hipertekstowych. Odpowiednie atrybuty będą prezentowane w toku następnych lekcji omawiających stosowanie koloru itp.

<p>

• Główną komendą formatującą akapit jest <P>.Jeśli używamy jej poprawnie (tzn. zgodnie ze specyfikacją HTML), ujmując pomiędzy <P> i </P> całość tekstu akapitu, to możemy stosować atrybut ALIGN oznaczający:

• ALIGN=left - równanie do lewej • ALIGN=center - centrowanie • ALIGN=right - równanie do prawej

<img src>

• Składnia polecenia jest następująca: <IMG SRC="adres pliku" atrybuty>

• Adres pliku może być względny lub bezwzględny.Adres względny może wyglądać następująco:

• SRC="graf.jpg" - jeśli plik graf.jpg jest w tym samym folderze co dokument

• SRC="obrazki/graf.jpg" - jeśli plik graf.jpg jest w folderze podrzędnym (o nazwie obrazki) w stosunku do foldera dokumentu

• SRC="../graf.jpg" - jeśli plik graf.jpg jest w folderze nadrzędnym

<table>

• Tabelki są bardzo użyteczną strukturą, która pozwala nie tylko tworzyć tabele i zestawienia ale również budować ogólny szkielet strony, lub dokładnie kontrolować położenie różnych elementów względem siebie i całości strony. Tabele definiuje się w trzech krokach:

• najpierw defiuje się ramy tabeli (TABLE) • potem definiuje się wiersz (TR) • zaś w wierszu poszczególne komórki (TD lub

TH)

AUTOR

• Autorem tej skromnej prezentacji jest Ireneusz Połeć.

• Treść została przedstawiona bardzo ogólnie, ponieważ nie ma możliwości omówić całego html’a w kilku slajdach.

• Dla ciekawych zapraszam do kursów, których jest mnóstwo w Internecie.

podstawy

Documents