Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

HTML 4.0 Podstawowe wiadomości. HTML HTML – Hypertext Markup Language – język znaczników hipertekstowych umożliwia definiowanie struktury i wyglądu stron.

Podobne prezentacje


Prezentacja na temat: "HTML 4.0 Podstawowe wiadomości. HTML HTML – Hypertext Markup Language – język znaczników hipertekstowych umożliwia definiowanie struktury i wyglądu stron."— Zapis prezentacji:

1 HTML 4.0 Podstawowe wiadomości

2 HTML HTML – Hypertext Markup Language – język znaczników hipertekstowych umożliwia definiowanie struktury i wyglądu stron internetowych, ich zawartości oraz powiązań z innymi zasobami Sieci Charakterystycznym elementem tego języka są tagi (znaczniki). Standaryzacją znaczników HTML zajmuje się konsorcjum W3C (World Wide Web Consortium). Aktualna wersja: 4.0 – dalej nie jest rozwijana. Dokument HTML to zwykły plik tekstowy ASCII (z odpowiednim rozszerzeniem np.html)– nie zwiera żadnych informacji właściwych dla konkretnej platformy systemowej.

3 Znaczniki Znaczniki (tagi) - definiują parametry dokumentu i obiektów. Umieszczamy je w nawiasach ostrych np. Większość znaczników obowiązuje w określonym obszarze dokumentu i ma swój początek i koniec działania obszar... Niektóre znaczniki występują pojedynczo, np., Tagi mogą posiadać także swoje atrybuty np. tekst Znaczniki można zagnieżdżać podobnie jak nawiasy w matematyce.

4 Struktura dokumentu HTML Zawartość całego dokumentu umieszczamy pomiędzy znacznikami ; znacznik otwierający wraz ze znacznikiem zamykającym tworzą tzw. Element HTML Komentarze w dokumentach HTML :

5 Struktura dokumentu HTML – sekcja Tytuł naszego dokumentu HTML

6 Struktura dokumentu HTML – sekcja HTML jest językiem bezformatowym, w którym ignorowane są przejścia do nowej linii i spacje, odpowiednią strukturę tekstu na stronie uzyskujemy za pomocą odpowiednich znaczników. - akapit - grupuje elementy w jeden blok np. tekst - wyświetla tekst wraz z białymi znakami - linia pozioma - przejście do nowej linii elementy definiujące nagłówki; h1 – największy Należy używać CSS (Cascade Style Sheet) do ustawiania formatu czcionek np. koloru, rodzaju, podkreśleń pogrubień itp.

7 Wstawianie grafiki Do umieszczania grafiki na stronie służy znacznik. Nazwę pliku graficznego podajemy jako wartość atrybutu src np. możemy również wskazać miejsce w sieci do naszego obrazka: Najczęściej spotykane formaty graficzne w sieci: JPG, JPEG – najlepiej nadaje się do obrazów zawierających dużą ilość przejść tonalnych np. zdjęć GIF – najczęściej używany do grafiki zawierającej: napisy i elementy na jednolitym tle oraz obszary o jednolitym wypełnieniu, obsługuje max 256 kolorów

8 Odnośniki Odsyłacze (linki, odnośniki, łącza) są najbardziej charakterystycznymi elementami dokumentu HTML, umożliwiają powiązanie miedzy sobą dokumentów w sieci WWW. Pierwszy odnośnik spowoduje otwarcie dokumentu strona_druga.html w tym samym oknie przeglądarki, natomiast drugi odnośnik otworzy nowe okno przeglądarki i w nim stronę drugą. 1) odnośnik do strony drugiej 2) odnośnik do strony drugiej

9 Odnośniki cd... Odnośniki mogą wskazywać nie tylko na dokumenty html lecz np. na plik graficzny, miejsce na serwerze FTP lub na adres poczty elektronicznej. Przykład odnośnika prowadzącego do adresu poczty elektronicznej: Po uaktywnieniu takiego odnośnika zostaniemy przeniesieni do domyślnego klienta poczty zainstalowanego w systemie, zostanie w nim utworzona nowa wiadomość pocztowa z wypełnionymi polami dot. adresu odbiorcy, tematu wiadomości i częściowo jej treści. napisz do autora strony

10 Etykiety Etykieta – kotwica, zakładka – czyli odsyłacz do wnętrza dokumentu Znacznik umożliwia stworzenie zakładki czyli miejsca do którego ma prowadzić hiperłacze. link powodujący przeskok do m A M

11 Tabele Tabele języka HTML są ważnym narzędziem kształtującym wygląd strony; umożliwiają poprawne rozmieszczenie na stronie takich elementów jak tekst, grafika czy formularze. Tabelę tworzymy za pomocą znacznika. Każdy wiersz tabeli określa para znaczników (table row). W każdym wierszu określamy komórki z danymi za pomocą znaczników (table data) komórka1 komórka2 komórka3 komórka4

12 Przydatne adresy Strona World Wide Web Consortium Kurs HTML Pawła Wimmera Kurs HTML na stronie magazynu komputerowego Enter Kursy HTML i wiele przydatnych narzędzi i wskazówek na stronach dla webmasterów np.


Pobierz ppt "HTML 4.0 Podstawowe wiadomości. HTML HTML – Hypertext Markup Language – język znaczników hipertekstowych umożliwia definiowanie struktury i wyglądu stron."

Podobne prezentacje


Reklamy Google