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?