Wprowadzenie do języka html

Transkrypt

Wprowadzenie do języka html
Wprowadzenie do języka HTML
Co na dziś?
•
•
•
•
•
Co to jest strona WWW?
Co to jest język HTML?
Co to jest dokument HTML?
Tagi
Pierwsza strona WWW
Co to jest strona WWW?
Strona WWW - dokument zapisany w języku
HTML i w takiej postaci jest przechowywany w
serwerze
WWW.
Zawiera
hipertekst
uzupełniony
elementami
graficznymi
i multimedialnymi. Osoba zainteresowana
obejrzeniem danej strony może ją pobrać
z serwera, posługując się przeglądarką
zainstalowaną we własnym komputerze
Co to jest język HTML?
Język HTML – język przeznaczony do
opisywania dokumentów hipertekstowych,
prezentowanych i odczytywanych następnie w
sieci WWW za pomocą przeglądarki.
Poszczególne elementy składowe strony
WWW, takie jak tytuły, akapity, obrazy,
dźwięki, łączniki z innymi dokumentami,
adresy stron WWW są wyróżniane w tym
języku za pomocą znaczników, które pełnią
funkcję poleceń dla przeglądarki. Dzięki temu
hipertekst może być opisany z użyciem bardzo
prostego edytora tekstowego.
Co to jest dokument HTML?
Dokument HTML – dokument napisany
w języku HTML. Taki dokument można
utworzyć w najprostszym edytorze tekstu, np.
w Notatniku, programie ze środowiska
Windows. Do odczytywania dokumentów
HTML służą przeglądarki.
Jak zapisywane są szczegóły m.in. wyglądu strony?
Przy
pomocy rozkazów zwanych
tagami
a umieszczanych w nawiasach kątowych < >. Jeśli
dotyczą fragmentu tekstu to występują w postaci
pary obejmującej ten tekst, np.:
<B> ten tekst będzie widać jako wytłuszczony </B>
Przykładowa strona WWW
<HTML>
<HEAD>
<meta http-equiv="Content-Type"
content="text/html; charset=windows-1250">
<TITLE> Tytuł, który pojawi się w pasku u góry
</TITLE>
</HEAD>
<BODY>
treść dokumentu
..............
</BODY>
</HTML>
Formatowanie tytułów
<H1> Tytuł główny (największy) </H1>
<H2> Tytuł drugiego poziomu
</H2>
<H3> Tytuł trzeciego poziomu </H3>
<H4> Tytuł czwartego poziomu </H4>
. . . . . . . . . .
Akapit tekstu (odsunięty od innych akapitów):
<P> tekst </P>
Zmiana linii wewnątrz akapitu:
tekst <BR> nowa linia tekstu
Wycentrowanie tekstu:
<CENTER> tekst </CENTER>
Formatowanie cech czcionki tekstu
<B> ten tekst będzie wytłuszczony </B>
<I> ten tekst będzie pochylony </I>
<U> ten tekst będzie podkreślony </U>
Twoja pierwsza strona
<html>
<head>
<h1> Moja strona internetowa</h1>
<title> - Imie i nazwisko
</title>
</head>
<body> Mam na imie ..., lat .... Urodzilem sie...
</body>
</html>
Ćwiczenie
Napisz kod do strony, której wynikiem będzie
• Twoje imię i nazwisko
• adres zamieszkania
• numer telefonu:
• Opisz swoje hobby pamiętając o przejściach
do nowych linijek.
• Napisz, co chciałbyś robić w przyszłości.
Podsumowanie
•
•
•
•
Co to jest strona WWW?
Co to jest język HTML?
Co to jest dokument HTML?
Co to są tagi?

Podobne dokumenty