Szczegółowy opis języka HTML5 znajdziemy w specyfikacji, która jest dostępna pod adresem



Podobne dokumenty
2 Podstawy tworzenia stron internetowych

Układy witryn internetowych

Struktura języka HTML ZNACZNIKI. Oto bardzo prosta strona WWW wyświetlona w przeglądarce: A tak wygląda kod źródłowy takiej strony:

I. Formatowanie tekstu i wygląd strony

Po zakończeniu rozważań na temat World Wide Web, poznaniu zasad organizacji witryn WWW, przeczytaniu kilkudziesięciu stron i poznaniu wielu nowych

MS Word Długi dokument. Praca z długim dokumentem. Kinga Sorkowska

Kadry Optivum, Płace Optivum

5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

E.14.1 Tworzenie stron internetowych / Krzysztof T. Czarkowski, Ilona Nowosad. Warszawa, Spis treści

Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

Podstawowe znaczniki języka HTML.

Wprowadzenie do języka HTML

Ćwiczenia nr 2. Edycja tekstu (Microsoft Word)

O HTML. R. Robert Gajewski omklnx.il.pw.edu.pl/~rgajewski

ZNACZNIKI META. Znacznik META

Nawigacja po długim dokumencie może być męcząca, dlatego warto poznać następujące skróty klawiszowe

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty

1 TEMAT LEKCJI: 2 CELE LEKCJI: 3 METODY NAUCZANIA. Scenariusz lekcji. 2.1 Wiadomości: 2.2 Umiejętności: Scenariusz lekcji

29. Poprawność składniowa i strukturalna dokumentu XML

Extensible Markup Language (XML) Wrocław, Java - technologie zaawansowane

1. Przypisy, indeks i spisy.

<html> </html> <body> </body> <p> [</p>] <br> <html> <head> </head> <body> </body> </html> Materiały dydaktyczne 1/5

Edycja szablonu artykułu do czasopisma

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

XHTML - Extensible Hypertext Markup Language, czyli Rozszerzalny Hipertekstowy Język Oznaczania.

Zaawansowana Pracownia Komputerowa - Ćwiczenia. Krzysztof Miernik

Podstawy edycji tekstu

Projektowanie aplikacji internetowych - ćwiczenie nr 1 I

HTML (HyperText Markup Language) hipertekstowy język znaczników

Uwagi dotyczące notacji kodu! Moduły. Struktura modułu. Procedury. Opcje modułu (niektóre)

Być może jesteś doświadczonym programistą, biegle programujesz w Javie,

HTML, CSS i JavaScript / Laura Lemay, Rafe Colburn, Jennifer Kyrnin. Gliwice, cop Spis treści

I. Wstawianie rysunków

Specyfikacja techniczna dot. mailingów HTML

WYMAGANIA EDUKACYJNE. Witryny i Aplikacje Internetowe klasa I

Dokument hipertekstowy

Ćwiczenie 4 Konspekt numerowany

DOKUMENTÓW W EDYTORACH

Multimedia w HTML5. Statyczne witryny internetowe 2TI/TOR. Marek Kwiatkowski

Dziedziczenie. Dziedziczenie i kaskadowość. Dodał Administrator środa, 10 marzec :00. Tematy: Dziedziczenie Kaskadowość

[HTML I XHTML ĆWICZENIE 0] dr Artur Bartoszewski

Wykład 1: HTML (XHTML) Michał Drabik

I. Dlaczego standardy kodowania mailingów są istotne?

Podstawy HTML. 2. Komendy ujęte są w nawiasy ostre - < > i występują najczęściej parami.

HTML (HyperText Markup Language)

ĆWICZENIE 1 SKŁAD TEKSTU DO DRUKU

Tekst humanistyczny. Tekst naukowy na stronie www

Przewodnik... Tworzenie Landing Page

Wstęp. Język HTML jest uniwersalnym jezykiem wykorzystywanym przy

Programowanie internetowe

Wymagania na poszczególne oceny w klasach I gimnazjum

Witryny i aplikacje internetowe - rozkład godzin dla technikum informatycznego

Tekst podstawowe znaczniki

Tworzenie stron internetowych w oparciu o język HTML

WYKŁAD 1 METAJĘZYK SGML CZĘŚĆ 1

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Ćw. IV. Tworzenie stron internetowych. Podstawy projektowania, wprowadzenie do języka HTML

Test z przedmiotu. Witryny i aplikacje internetowe

KATEGORIA OBSZAR WIEDZY

Wymagania edukacyjne: Statyczne witryny internetowe (na podstawie programu nr )

Adobe InDesign lab. 2 Jacek Wiślicki, Paweł Kośla. Spis treści: 1 Dokument wielostronicowy Książka Eksport do PDF... 7.

CZYM ZAJMUJE SIĘ PROJEKTANT? oprac. K. Jamrozik

Rozwiązanie ćwiczenia 8a

rk HTML 4 a 5 różnice

Microsoft Word jak zrobić bibliografię

Rola języka XML narzędziem

używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów

za pomocą: definiujemy:

Instrukcja integracji z portalem ogłoszeń praca.24portal.pl

Audyt SEO. sklep-budowalny.pl Biuro obsługi: al. Grunwaldzka 2/ Gdańsk

Lab.1. Praca z tekstem: stosowanie arkuszy stylów w dokumentach OO oraz HTML/CSS

Funkcje i instrukcje języka JavaScript

Dane - pobieranie, przekazywanie i przechowywanie. dr Beata Kuźmińska-Sołśnia

2. MATERIAŁ NAUCZANIA

STRONY INTERNETOWE mgr inż. Adrian Zapała

Przenoszenie, kopiowanie formuł

<ul> <ul> </ul> </ul>

Laboratorium 7 Blog: dodawanie i edycja wpisów

Danuta ROZPŁOCH-NOWAKOWSKA Strona Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

Proste kody html do szybkiego stosowania.

Cel ogólny lekcji: Wprowadzenie do tworzenia stron WWW w języku HTML. Wprowadzenie pojęć: strona WWW, język HTML, dokument HTML.

e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda

Jak podnieść pozycje w Google?

Justyna Klimczyk Nauczyciel informatyki Gimnazjum im. Władysława Stanisława Reymonta w Kleszczowie

EGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA

Sylabus Moduł 2: Przetwarzanie tekstów

Projektowanie stron WWW

Logowanie do systemu. Rys. 1 Strona logowania

ECDL/ICDL Web Editing Moduł S6 Sylabus - wersja 2.0

SIECI KOMPUTEROWE I TECHNOLOGIE INTERNETOWE

Zadanie 9. Projektowanie stron dokumentu

Formatowanie dokumentów wielostronicowych Spis treści

Temat bardzo mądrego referatu maksymalnie na dwie linijki tekstu

Kurs HTML 4.01 TI 312[01]

Witryny i aplikacje internetowe

WSKAZÓWKI WYDAWNICZE DLA AUTORÓW

Zadanie 1. Stosowanie stylów

Budowa aplikacji ASP.NET współpracującej z bazą dany do obsługi przesyłania wiadomości

Transkrypt:

HTML (ang. Hyper Text Markup Language) jest to język znaczników używany do tworzenia stron internetowych. Obecnie stosowane są dwie wersje tego języka: HTML 4.01, która obowiązuje już od dawna, oraz HTML5, czyli nowa wersja oferująca znacznie większe możliwości i wypierająca powoli swojego poprzednika. Szczegółowy opis języka HTML5 znajdziemy w specyfikacji, która jest dostępna pod adresem http://www.w3.org/tr/2012/cr-html5-20121217/ Dokument ten zawiera między innymi: listę wszystkich poprawnych znaczników HTML5 informacje na temat poprawności użycia i zagnieżdżania elementów listę wszystkich atrybutów wraz z podstawowymi informacjami dotyczącymi poprawności ich użycia Struktura dokumentu HTML 5 Nagłówek <head></head> może zawierać jeszcze kilka innych znaczników związanych z określeniem właściwości strony lub spełniających funkcję informacyjną. Mianowicie dzięki poniższemu znacznikowi możemy umieścić w kodzie informacje o autorze strony. Kolejny znacznik zawiera informacje o prawach autorskich. Możemy również zamieścić informację na temat narzędzia w jakim został wykonany dany dokument.

Znacznik <meta > może występować z jeszcze jednym atrybutem, http-equiv, który zawiera informacje będące nagłówkiem HTTP: <meta http-equiv=" " content=" "> Dla atrybutu http-equiv przewidziano kilka wartości. Zatem <meta http-equiv="refresh" content="x" > spowoduje automatyczne odświeżanie dokumentu co x sekund. Polecenie to jest szczególnie przydatne na stronach, które są bardzo często aktualizowane i autorowi zależy, by odwiedzający zawsze widział aktualne dane. Polecenie to może również przybrać formę: <meta http-equiv="refresh" content="x; url=http://www.adres.pl"> Spowoduje ono automatyczne przeniesienie odwiedzającego po upływie x sekund pod nowy adres zadeklarowany w sekcji url. Polecenie to jest bardzo przydatne, ponieważ rozwiązuje problem ze zmianą adresu i utratą odwiedzających. Wystarczy pod starym adresem umieścić plik index.html z deklaracją http-equiv="refresh" i określonym nowym adresem, pod którym umieściliśmy naszą stronę. Każdy, kto wejdzie pod stary adres zostanie automatycznie przekierowany do aktualnej wersji witryny. Znaczniki Akapit Nagłówki Podział wiersza

Podział słowa Ten element stosuje się, aby zaznaczyć miejsca, w których słowo w razie potrzeby może zostać podzielone. Pozioma linia stosujemy ją, jeżeli chcemy zaznaczyć miejsce, w którym kończy się temat lub jakaś myśl odseparowuje sekcję strony lub akapitu bez wprowadzania dodatkowych nagłówków Najczęściej stosowane znaki specjalne

Krótkie cytaty Krótkie cytaty znajdujące się w tekście akapitu wstawia się przy pomocy elementu q (ang. quotation). Zauważ, że cudzysłowy są wstawiane automatycznie. Długi cytat blokowy Mając długi cytat, czyjąś opinię lub fragment pochodzący z innego źródła, powinniśmy oznaczyć go za pomocą elementu <blockquote>. Treść znajdująca się wewnątrz takiego cytatu powinna zostać ujęta w inne elementy, np. akapity, nagłówki, czy listy Cytowanie Aby oznaczyć odniesienie do innego dokumentu, takiego jak książka, magazyn, artykuł itp. należy posłużyć się elementem cite.

Skróty i akronimy Używamy elementu wraz z atrybutem title, w którym podajemy pełną nazwę skróconego pojęcia. Definiowanie pojęć Tekst sformatowany Element ten jest wyświetlany dokładnie w ten sam sposób jak go wpisano wraz ze wszystkimi powrotami karetek oraz powtarzającymi się znakami spacji. Jest również wyświetlany z wykorzystaniem kroju o stałej szerokości znaków, takiej jak np. Courier. Dlatego często stosujemy go do umieszczania przykładów kodów, bądź utworów poetyckich. Fragmenty kodu programu

Indeks dolny (ang. subscript) Indeks górny (ang. superscript) Podświetlony tekst Element mark umożliwia wyróżnienie fragmentu tekstu, który może być szczególnie istotny dla użytkownika. Można go użyć do zaznaczenia na stronie wyszukiwanej frazy, zwrócenia uwagi na ważny fragment, czy wskazania bieżącej strony w serii. Literatura 1) Projektowanie stron internetowych. Przewodnik dla początkujących webmasterów po HTML5, CSS3 i grafice, Jennifer Niederst Robbins, Wydawnictwo Helion. 2) HTML5 i CSS3. Praktyczne projekty, Włodzimierz Gajda, Wydawnictwo Helion. 3) HTML i CSS. Zaprojektuj i zbuduj witrynę WWW, Jon Duckett, WydawnictwoHelion