Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

HTML (ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – język wykorzystywany do tworzenia stron internetowych HTML – kod źródłowy.

Podobne prezentacje


Prezentacja na temat: "HTML (ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – język wykorzystywany do tworzenia stron internetowych HTML – kod źródłowy."— Zapis prezentacji:

1 HTML (ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – język wykorzystywany do tworzenia stron internetowych HTML – kod źródłowy języka, można bezpośrednio pisać korzystając z edytora tekstu nieformatowanego (ASCII) np. Notatnik – zapis w pliku z rozszerzeniem htm lub html HTML zdefiniowanie sposobu wizualnej prezentacji dokumentu w przeglądarce internetowej, osadzanie ciągów instrukcji języków skryptowych, wpływających na zachowanie przeglądarek lub innych tzw. parserów (analizatorów składni) HTML. HTML

2 Dynamiczny HTML lub DHTML (ang. Dynamic HyperText Markup Language, dynamiczny hipertekstowy język znaczników) techniki służące do dynamicznej zmiany treści, wyglądu, zachowania dokumentu HTML umożliwiających interakcję strony www z użytkownikiem i stosowanie efektów wizualnych Protokół przesyłu w sieci – HTTP (ang. hyper text transfer protocol) – także HTTPS (+secure – bezpieczny)

3 Znaczniki (tagi) – postać ogólna Tytuł w nagłówku okna Tu są elementy pojawiające się na stronie STRUKTURA szkieletu dokumentu HTML zawartość konfiguracja treść strony

4 Onet znacznik otwierający nazwa atrybutu zawartość znacznik zamykający wartość atrybutu Przykład

5 Strukturalne H1 – nagłówek P – akapit DIV, SPAN - grupujące Prezentacyjne B – pogrubienie I – italic Hiperłącza (kotwice) A Znaczniki podstawowe (jest ich ok. 80)

6 Zagnieżdżanie znaczników Tekst1 Tekst2 Tekst 3 Tekst1Tekst2Tekst3 obrazek w komórce tabeli

7 Znaczniki elementów pojedynczych (pustych) przykładowo: wymuszona zmiana wiersza grafika pole formularza można pisać: lub lecz zgodnie z XHTML powinno być: ze spacją

8 Wybrane znaczniki … Przykłady: Jakiś tekst Nagłówek pierwszy Nagłówek drugi Nagłówek trzeci Nagłówek czwarty Nagłówek piąty Nagłówek szósty Akapit tekstowy - znacznik Akapity nagłówkowe określonych gotowych stylów wybór kroju, koloru, rozmiaru czcionki przez atrybut style i jego cechy – o tym za chwilę Dawniej określał to znacznik ale niezalecany dla nowszych standardów HTML

9 Linie poziome znacznik HR (pojedynczy)

10 Styl czcionki tekst pogrubienie tekst kursywa tekst podkreślenie Stosuje się tylko lokalnie, np. wewnątrz akapitu dla krótkiego fragmentu tekstu Litwo, Ojczyzno moja

11 Kolor tła strony – jako cecha atrybutu style white aqua silver gray blue fuchsia lime red teal olive yellow maroon navy inne kolory oraz np. motywy lub obrazek w tle strony można zdefiniować parametrem stylu dla BODY – o tym za chwilę

12 znacznik wiersza znacznik kolumny Przykład: AA AB BA BB CA CB Tabele

13 tekst punktu pierwszego tekst punktu drugiego tekst punktu trzeciego Lista wypunktowana Lista numerowana tekst punktu pierwszego tekst punktu drugiego tekst punktu trzeciego

14 Punkt 1. Punkt 2. Podpunkt 1. Podpunkt Punkt Punkt 2. Podpunkt 1. Podpunkt 2. Przykład

15 Grafika znacznik IMG - pojedynczy folder podrzędny względem tego, w którym jest plik HTML

16 Odsyłacze (link – hiperłącze) Tekst (lub obrazek), który należy kliknąć Np. Wirtualna Polska Możesz zaglądnąć pod ten adres Odsyłaczem jest konstrukcja, która wskazuje pewien adres (zakładka na tej samej stronie, inna strona, inny adres URL) i pozwala skoczyć do niego za pomocą kliknięcia na niej myszką.

17 Formularze Rock and roll Jazz Blues Podstawowe Średnie Wyższe cd. … ta sama nazwa

18 Wpisz tekst: OK. miejsce na większy tekst

19 efekt…

20 Moja strona To jest moja strona AA AB BA BB CA CB Onet GOOGLE Interia Przykład skryptu HTML tabela lista hiperłączy BODY

21 CSS - atrybut style i jego cechy Styl może mieć wiele cech, np..:... itd. cechy oddzielamy średnikami Wykorzystujemy tu atrybut style dla dowolnego znacznika

22 Oprócz nazw ang. można podawać 3 liczby w układzie szesnastkowym, określające nasycenie składowych RGB (red, green, blue) np. R G B czyli np. #00FF00 to zielony Kolory #17AACF

23 Styl OpisPrzykładowa wartość background-color kolor tła#ff0000 green background-image adres tła graficznegorys.gif border-color kolor ramkired border-style styl i wygląd obramowaniadotted dashed solid color kolor tekstu yellow # font-family rodzaj oraz rodzina czcionkiArial sans-serif font-size wielkość czcionki14px 2cm font-style styl czcionkiitalic Przykładowe cechy stylów

24 font-weightgrubość (waga) czcionkibold lighter heightwysokość elementu10cm 3mm left top odległość od lewej (górnej) krawędzi 10cm 3mm margin-top margin-bottom margin-left margin-right każdy margines osobno5cm marginwszystkie marginesy (góra, lewy, dół, prawy) 10px 20px 10px 40px text-alignwyrównanie poziome tekstuleft center justify vertical-alignwyrównanie w pionietop bottom widthszerokość elementu paddingodległość od krawędzi elementu


Pobierz ppt "HTML (ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – język wykorzystywany do tworzenia stron internetowych HTML – kod źródłowy."

Podobne prezentacje


Reklamy Google