HTML

12
HTML

description

HTML. Czym jest HTML. HTML (ang.  HyperText Markup Language ) – język do tworzenia stron internetowych opierający się na znacznikach, czy inaczej je nazywając – tagach. Język HTML do poprawnego wyświetlania strony wykorzystuje arkusze CSS, oraz ładuje dane z plików XML. Strona domyślna. - PowerPoint PPT Presentation

Transcript of HTML

Page 1: HTML

HTML

Page 2: HTML

Czym jest HTMLHTML (ang. HyperText Markup Language) – język do tworzenia stron internetowych opierający się na znacznikach, czy inaczej je nazywając – tagach. Język HTML do poprawnego wyświetlania strony wykorzystuje arkusze CSS, oraz ładuje dane z plików XML.

Page 3: HTML

Strona domyślnaW standardzie języka HTML, oraz wszystkich przeglądarek internetowych przyjęło się, że plik który ma się ładować jako strona główna ma nazwę „index.html”, ostatecznie „index.php”

W różnych językach do tworzenia stron dany plik nazywa się inaczej, np. w ASP.NET jest to default.asp

Page 4: HTML

Budowa stronyStrona HTML składa głównie się z poniższych tagów:<html> - Otwiera ciało dokumentu jako html<head> - Informacje nagłowkowe, style,

autor, kodowanie strony, etc.<style> - Tag do zamieszczania styli zmieniających czcionki, pozycje, kolory, etc.<script> - Tag ładujący funkcje / plik języka JavaScript<body> - Tag otwierający kształtowanie właściwe strony

Page 5: HTML

Jak ładuje się stronaŁadowanie się strony jest kwestią indywidualną dla danej przeglądarki (CSS). Sekwencja ładowania jest taka jaką utworzyliśmy w pliku HTML. Nie ma reguły dla pierwszeństwa ładowania się plików / kodu - kod ładuje się tak jak został napisany (jeżeli najpierw umieszczamy plik CSS to zostanie on wczytany przed załączeniem pliku JS i vice versa)

Page 6: HTML

Wersje języka HTMLZ językiem HTML można spotkać się w różnych nazwach (bynajmniej nie są tym samym!), niektóre z nich to: HTML5 HTML XHTML

Różnice w danych wersjach to głównie różnice składniowe, oraz ilość przeróżnych tag’ów w zastosowaniu. HTML5 dodatkowo obsługuje odtwarzanie filmów / audio bez wymagania flashplayer’a.

Page 7: HTML

HTML5 w aplikacjachZdawać by się mogło, że HTML to język jedynie do tworzenia stron internetowych, lecz z upływem czasu został on wprowadzany w innych rozwiązaniach (w końcu ostatecznie generuje interfejs dla użytkownika). Przykładowe rozwiązania to: Aplikacje w stylu Metro na Windows 8 Aplikacje w urządzeniach mobilnych

Page 8: HTML

CSSHTML bez szablonów CSS praktycznie nie istnieje, aktualnie nie ma na tym świecie stylowej strony bez CSS’a. Dzięki CSS’owi by umiejscowić dane strony w różnych miejscach nie należy już robić tego za pomocą tabeli, wystarczy kilka odpowiednich tagów i problem z głowy.

Page 9: HTML

CSS ciąg dalszyW skrócie, do CSS należy ustawianie:

- Kolorów- Pozycji- Tła- Czcionki- Tekstu- Odnośników- Grupowania- Pozycjonowania- Warstw

Page 10: HTML

JavaScriptStrona HTML bez JavaScript może istnieć, lecz pozbawiona jest dynamiki. Język JavaScript pozwala na stworzenie strony bardziej żywej, reagującej na poczynania użytkownika, a także wyświetlania irytujących reklam / okienek captcha. Mimo to, gdyby nie JavaScript to przykładowo na FaceBook’u nie mieli byśmy sugestii podczas wyszukiwania znajomych, a okna ze zdjęciami by się nam nie mogły poprawnie wyświetlić. JS nadaje bezpieczeństwo, atrakcyjność, oraz mobilność stronom www.

Page 11: HTML

Lista przydatnych linkówNajlepsza strona poświęcona językowi HTML:http://www.w3schools.com/html/default.asp

Najlepsza Polska strona dla HTML:http://www.kurshtml.edu.pl/html/zielony.html

Style CSS:http://www.w3schools.com/css/DEFAULT.asp

Język JS:http://www.w3schools.com/js/DEFAULT.asp

Page 12: HTML

KONIEC