HTML Hyper Text Markup Language,

Download Report

Transcript HTML Hyper Text Markup Language, 

HTML
Hyper Text Markup
Language
komputerowe Esperanto
cz. I
historia, struktura dokumentu
"Pajęczyna (Web) pozwala ludziom
szukać i odkrywać, decydować
samemu, jakie informacje będą im
potrzebne w przeciwieństwie do
zalewu informacji, które uderzają w
nich, ale nad którymi nie mają
kontroli. Będzie to naprawdę bogate
źródło".
Tim Berners-Lee
WWW i HTML – trochę historii..




w roku 1980 Berners-Lee napisał dla
własnych potrzeb program używający
hipertekstu
Od 1984 naukowcy CERN używają języka
T.B w środowisku Unix
1989 uważany jest za rok powstania HTML
1990 powstaje system nazwany World Wide
Web
3
Przeglądarki internetowe





w roku 1991 powstała pierwsza przeglądarka WorldWide Web, pracująca na systemie Unix
w 1993 roku Marc Andreessen stworzył program
Mosaic – pierwszą przeglądarkę nie tylko dla Unix
w 1994 powstaje firma Netscape i przeglądarka
Netscape Nawigator
W 1995 powstaje Internet Explorer, przeglądarka
firmy Microsoft
Kolejne lata - kolejne wersje - internetowe
kombajny: Explorer, NeoPlanet, Netscape – pakiety
wielozadaniowe
4
Cechy HTML



Nie posiada struktur
właściwych językom
programowania
Jest językiem opisu
strony WWW
Jego konstrukcja jest
standaryzowana i
opisana określoną
specyfikacją



Służy do projektowania
prostych stron WWW
Na jego standardzie
opierają się narzędzia
do tworzenia
zaawansowanych stron
WWW
http://www.w3.org
5
Elementy języka



Znaczniki – inaczej
TAG-i
Atrybuty znaczników
Definicje stylów
6

znaczniki zwane inaczej elementami
zapisywane są w nawiasach <>
<ZNACZNIK> - /początek działania znacznika/
</ZNACZNIK> - /koniec działania znacznika/


atrybuty – inaczej parametry, umieszczane
są one po znaczniku otwierającym,
wewnątrz nawiasu <>
style opisywane są poprzez definicje
7
Dokument HTML


zawarty jest pomiędzy
znacznikami
<HTML> </HTML>.
Tworzony jest w
edytorze tekstu, np.
notatniku, zapisywany z
rozszerzeniem htm lub
html
8
Widok dokumentu HTML
9
Struktura podstawowa dokumentu



dokument HTML dzieli
się na sekcje HEAD i
BODY
Body jest właściwym
„ciałem” dokumentu
HEAD jest blokiem
nagłówkowym
10
Ważne elementy HEAD





znacznik META przypomina zbiór „zaklęć”, może
powtarzać się wielokrotnie:
przykłady:
<META NAME="Author" Content="A.Śmigielska">
<META http-equiv=”Content-Type”
content=”text/html; charset=windows-1250”>
<META http-equiv=”Content-Type” content=”text/html;
charset=ISO-8859-2”>
tytuł strony <TITLE> Privat </TITLE>
11
<BODY>
zawartość dokumentu
</BODY>
12
Atrybuty BODY:






BGCOLOR="#E0E0E0" /atrybut koloru tła dokumentu/
TEXT="black" /atrybut koloru tekstu dokumentu/
LINK="blue"
/atrybut odnośników/
VLINK="fuchsia" /atrybut odnośników wskazanych/
ALINK="red" > /atrybut odnośników użytych/
BACKGROUND="obrazek.jpg"
/tłem może być
również obrazek/
13