Lekcja 1 Składnia języka XHTML

Slides:



Advertisements
Podobne prezentacje
Tworzenie stron internetowych
Advertisements

Technologie prezentacji medialnych, © 2006 Igor Garnik
Narzędzia internetowe Paweł Rajba ttp://pawel.ii.uni.wroc.pl/
Podstawowe wiadomości
XHTML Podstawowe różnice.
Style CSS.
XML, DTD, Schema Zaawansowane Aplikacje Internetowe Dawid Weiss.
XML. Pierwszy dokument XML Witaj świecie! Elementy i atrybuty niezwykle oryginalny Witaj świecie! Druga możliwość: Witaj świecie!
Tworzenie stron w języku WML jest zbliżone do tworzenia stron w HTML. W obydwu przypadkach używa się do tego celu znaczników (tagów). Zadaniem znaczników.
(ang. Hypertext Markup Language) - język znaczników hipertekstowych.
HTML 4 Zebrał i opracował : dr inż. Jerzy Zgraja.
HTML 4 Zebrał i opracował : dr inż. Jerzy Zgraja.
PODSTAWY <HTML>
Podstawy HTML-a Adam Rębisz.
Projektowanie stron WWW (Wykład 5) PSEUDOKLASY HTML 5 - WPROWADZENIE
Xhtml 1.0 Grzegorz Getka.
ZESTAW DO NAUKI JAVASCRIPT
Podstawowa zasada: przejrzystość i prostota
Dr inż. Jan Kapała HTML (Hyper Text Markup Language) jest językiem programowania, który umożliwia równoczesne: redagowanie tekstu umieszczanie obrazów.
Otwieranie elementów w różnych ramkach
Wprowadzenie do HTML, CSS, JavaScript, PHP
ANNA BANIEWSKA SYLWIA FILUŚ
XML - podstawy Szymon Bohdanowicz. Pierwszy przykład Marek Szymon Przypomnienie Pamiętaj o spotkaniu w piątek.
Kurs języka HTML Mariusz Tomczyk.
Temat 7: Tekst.
Struktura dokumentu HTML. Formatowanie tekstu
Tworzenie stron internetowych www World Wide Web
Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML Część 4 Prowadzący: Dariusz Jaruga
Specjalizacja "Dziennikarstwo On-line„ Arkusze stylów – CSS Część 5 Prowadzący: Dariusz Jaruga
Lekcja 2 Składnia języka XHTML
Lekcja 3 Składnia języka XHTML
Temat 12: Formularze.
Wprowadzenie do CSS Okiełznać style.
Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML część 1 Prowadzący: Dariusz Jaruga
Aplikacje internetowe
Wykład 3 Programowanie obiektowe. Dokument HTML składa się z obiektów (standardowych i utworzonych przez użytkownika). Głównym obiektem jest document,
Aplikacje internetowe Grafika na stronach WWW ciąg dalszy Atrybuty znacznika body.
Aplikacje internetowe Tabele. Wprowadzenie Wprowadzenie tabel przez firmę Netscape na początku 1995 roku niemal od razu zrewolucjonizowało sposób projektowania.
LISTY HTML. Listy s ą definiowane za pomoc ą znacznika podstawowego innego dla ka ż dego rodzaju list Specyfikacja XHTML, zawiera specjalne znaczniki.
HTML (ang. HyperText Markup Language ) – język do tworzenia stron internetowych opierający się na znacznikach, czy inaczej je nazywając – tagach. Język.
Treści multimedialne - kodowanie, przetwarzanie, prezentacja Odtwarzanie treści multimedialnych Andrzej Majkowski 1 informatyka +
Treści multimedialne - kodowanie, przetwarzanie, prezentacjaOdtwarzanie treści multimedialnych Andrzej Majkowski informatyka +
Portal edukacyjny A.Ś. FORMULARZE W JĘZYKU HTML. Portal edukacyjny A.Ś. Obiekty umieszczane na stronach www Teksty Obrazy Odnośniki Tabele Ramki pływające.
Temat 4: Klasy i identyfikatory
CSS - Selektory. Selektory Selektorem można nazwoć dowolny element języka HTML, dla którego chcemy zdefiniować parametry formatowania. Wyróżniamy następujące.
C S S 1 Cascading Style Sheets HTML pozwala zarządzać strukturą dokumentu, STYLE mają nam służyć do jego upiększania Kaskadowe Arkusze Stylów.
Czyli króciutki opis języka programowania jakim jest HTML.
HTML Hyper Text Markup Language komputerowe Esperanto cz. I historia, struktura dokumentu.
Obiekty DOM.
Opracowanie mgr Karol Adamczyk
HTML HTML (ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – język wykorzystywany do tworzenia stron internetowych HTML zdefiniowanie.
Temat 5: Instrukcje: print(), echo()
Temat 2: Składnia kaskadowych arkuszy stylów. Za zmianę wyglądu witryny w kaskadowych arkuszach stylów odpowiadają reguły stylów. Każda z reguł powiązana.
Drzewo dokumentu html.
Kurs WWW – wykład 2 Paweł Rajba
Narzędzia internetowe Paweł Rajba
HTML 5.0. Projekt współfinansowany przez Unię Europejską w ramach Europejskiego Funduszu Społecznego 2 Program Literatura Historia HTML Koncepcja HTML.
Wykład 2 Mechatronika PWSW Informatyka. Strony WWW (World Wide Web) Mosaic – pierwsza przeglądarka 1993 Internet Explorer Opera Firefox(Mozilla) Safari.
Aplikacje internetowe XML Paweł Lenkiewicz. Aplikacje internetowe – XML2 eXtensible Markup Language Uniwersalny język opisu danych Często używany we współpracy.
Języki i technologie wytwarzania stron WWW Autor: Michał Walkowski Referat.
HTML.  Wprowadzenie  Protokół HTTP  Język HTML  Definicja typu dokumentu  Nagłówek strony  Formatowanie treści dokumentu  Definiowanie struktury.
HTML, XHTML, CSS Składnia języka XHTML.
Prezentacja multimedialna dla młodszych dzieci
Język html Julia Cudak. Wykorzystanie Język html wykorzystuje się obecnie do tworzenia stron internetowych. Pozwala on opisać strukturę informacji zawartych.
Innowacja pedagogiczna „Pasja programowania”
HTML HTML -HyperText Markup Language – hipertekstowy język znaczników, obecnie szeroko wykorzystywany do tworzenia stron internetowych.
Technologie internetowe Zofia Kruczkiewicz
Arkusz stylów CSS Cascading Style Sheet.
Podstawowa struktura dokumentu HTML
Tworzenie dokumentu HTML
Zapis prezentacji:

Lekcja 1 Składnia języka XHTML Łukasz Beczak

Znaczniki Znacznik – (ang. tag) to napis otoczony znakami < oraz >. Bezpośrednio po znaku występuje nazwa znacznika.

Znaczniki otwierające i zamykające <strong> - znacznik otwierający </strong> - znacznik zamykający Nie czyń drugiemu, co tobie <strong> niemiłe </strong>.

Niektóre ze znaczników XHTML nie posiadają znaczników zamykających. Znaczniki puste Niektóre ze znaczników XHTML nie posiadają znaczników zamykających. <br /> <hr />

Wszystkie elementy XHTML Lista znaczników XHTML jest ściśle określona Przykład niepoprawny: <rozdział> ..</rozdział> <coś> .. </coś>

Zestawienie poprawnych elementów XHTML Znaczenie Elementy Liczba Definicja dokumentu DOCTYPE, html, head, title, body, address 6 Dane dodatkowe o dokumencie meta 1 Elementy ogólne div, span 2 Nagłówki h1, h2,h3,h4,h5,h6 Tekst p, br, pre, q, blocquote, sub, sup, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym 17 Zmiany w dokumencie ins, del Listy ul , ol, li, dl, dt, dd Tabele table, tr, td, th, caption, Thea, tfoot, body, col, colgroup 10 Hiperłącza a, link, base 3 Obrazy i obiekty img, object, param, map, area 5 Style style Formularze form, input, button, select, option, optgroup, textarea, label, fieldset, legend Skrypty script, noscript Inne hr, <!-- -->, bdo

Elementy puste i niepuste Przykłady niepoprawne: <br> </br> <strong />

Białe znaki w treści elementów OK. czerwony <strong>zielony</strong> niebieski Źle czerwony<strong> zielony </strong>niebieski

Zagnieżdżanie elementów <p><strong>tekst</p></strong> Ok <p><strong>tekst</strong></p>

Znaki specjalne Z uwagi na to, że znaki < oraz > otaczają znaczniki napisanie x>7 lub a<0 będzie powodowało komplikacje. Sposoby: encja numeryczna - < encja nazwana - < x<7 Więcej znaków specjalnych

Struktura dokumentu html Plik z rozszerzeniem .html Składa się z trzech części: definicji typu dokumentu (DOCTYPE) nagłówka dokumentu (head) treści dokumentu (body)

Szablon strony www <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> </body> </html> Program NOTH – Ctrl+B+1

Struktura dokumentu html DOCTYPE – ustala język, w którym została wykonana strona – XHTML 1.0 Nagłówek strony – head title – tytuł meta – kodowanie znaków + dodatkowo słowa kluczowe, style formatujące dokument, opis treści dokumentu Body – treść dokumentu

Zadanie 1 Wykonaj stronę o tytule "Witaj". W treści strony umieść zdanie "Moja pierwsza strona www"

Bibliografia 1. Włodzimierz Gajda – "HTML XHTML i CSS" Helion 2007 2.http://webmaster.helion.pl/kurshtml/znaki/znaki.htm

Dziękuję za uwagę