Szkielet dokumentu HTML ma postać: ZNACZNIK OTWARCIA
Transkrypt
Szkielet dokumentu HTML ma postać: ZNACZNIK OTWARCIA
Szkielet dokumentu HTML ma postać: <HTML> <HEAD> Tu wstawiamy nagłówek </HEAD> <BODY> Tu umieszczamy całą treść. </BODY> </HTML> ZNACZNIK OTWARCIA ZNACZNIK ZAMKNIĘCIA WYJAŚNIENIE <I> </I> POCHYLENIE <B> </B> POGRUBIENIE <U> </U> PODKREŚLENIE <P> </P> AKAPIT <BR> - UTWORZENIE NOWEGO WIERSZA <H1><H2><H3> </H1></H2></H3> NAGŁÓWKI I, II, III POZIOMU <HR> - WSTAWIENIE LINII POZIOMEJ <FONT SIZE=”LICZBA”> </FONT> ROZMIAR CZCIONKI (MOŻNA UMIEŚCIĆ SŁOWO COLOR=”KOLOR” PO ANGIELSKU LUB #000000 <OL> </OL> NUMEROWANIE <UL> </UL> WYPUNKTOWANIE <LI> </LI> ELEMENTY LISTY NUMEROWANIA LUB WYPUNKTOWANIA (POPRZEDZONE <OL> LUB <UL>) <TABLE> </TABLE> TABELA (można umieściśc słowo: BORDER=”LICZBA”, 0 -oznacza brak obramowania, BORDERCOLOR=”KOLOR”oznacza kolor obramowania, WIDTH=”LICZBA%” – oznacza szerokość w procentach, CELLSPACING=”LICZBA” – odległość między komórkami) NP.: <TABLE BORDER=”3” CELLSPACING=”2”> <TR> </TR> WIERSZA TABELI (PORZEDZONE <TABLE>) <TD> </TD> KOMÓRKA TABELI (POPRZEDZONA <TR>, MOŻNA UMIESCIĆ TEŻ SŁOWO WIDTH=”LICZBA%” – OZNACZA SZEROKOŚĆ W PROCENTACH) </A> HYPERŁĄCZE - WSTAWIA ZDJĘCIE Z DANEGO ŹRÓDŁA (NIE UZYWAĆ PLIKÓW BMP)- MOŻNA UMIESCIĆ TEŻ SŁOWO WIDTH=”LICZBA” HEIGHT=”LICZBA”, ALT=”NAZWA OBRAZKA” NP.: <TD WIDTH=30%”> <A HREF=”NAZWA LUB ADRES”> NP.: <A HREF=MAILTO:[email protected]> link do poczty <IMG SRC=”ŹRÓDŁO/NAZWA PLIKU”> NP.: <IMG SRC=”NAZWA/OGON.JPG” ALT=”ZEBRA NA WYPADZIE”> Sposób wyrównywania opisuje w znaczniku polecenie ALIGN=”RIGHT” (LEFT, CENTER, JUSTIFY) – sposoby wyrównania, można użyć w znacznikach <P>, <IMG>, <H1>, <H2>, <H3> Polskie kodowanie znaków definiujemy: <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=ISO-8859-2"> lub <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=Windows-1250">. Pierwszy sposób jest używane częściej, mogą tu wystąpić problemy z literami: ą (zamiast należy użyć ±), ś(zamiast należy użyć ¶) i ź(zamiast należy użyć Ľ), Ą(zamiast należy użyć ˇ), Ś(zamiast należy użyć ¦), Ź(zamiast należy użyć ¬) Kod pliku test.html <!DOCTYPE HTML PUBLIC "-//W3C/DTD HTML 4.01//EN"> <HTML> <HEAD> <TITLE>MOJA STRONA TESTOWA</TITLE> <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=ISO-8859-2"> </HEAD> <BODY BGCOLOR=#333000 TEXT=RED> <H1 ALIGN=CENTER> <U> <I> TO JEST TEST </I> </U> </H1> <H2 ALIGN=RIGHT> <FONT COLOR=YELLOW> ąęćńóśżź - niektóre litery są wyswietlane nieprawidłowo lub jest puste miejsce </FONT> </H2> <HR> <H2> <FONT COLOR=BLUE>±ęćńó¶Ľ - teraz powinno być w porz±dku </FONT> </H2> <OL> <LI> <FONT COLOR=WHITE> <B> biały </B> </FONT> </LI> <LI> <FONT SIZE="+2" COLOR=GREEN> <I> zielony </I> </FONT> </LI> <LI> <FONT SIZE=8 COLOR=BROWN> <U> br±zowy </U> </FONT> </LI> </OL> <P ALIGN=JUSTIFY> A dlaczego tekst nadal jest czerwony? <BR> Ano dlatego, że jak spojrzysz na kod Ľródłowy to w znaczniku BODY jest zadeklarowany kolor czerwony i dopiero znacznik kończ±cy /BODY go anuluje oraz użycie znacznika FONT z parametrem COLOR, dlatego w niektórych miejscach masz tekst w innym kolorze</P> <HR> <IMG SRC="OBRAZY\kwiat.jpg" ALIGN=RIGHT WIDTH=120 HEIGHT=90 ALT="obrazek przedstawia kwiatek"> </BODY> </HTML> Dzięki temu znacznikowi uzytemu na samym poczatku (<!DOCTYPE HTML PUBLIC "-//W3C/DTD HTML 4.01//EN">) przeglądarka będzie wiedziała jakich prawideł powinna oczekiwać podczas sprawdzania dokumentu Kolor możemy podawać za pomocą odpowiednich słów z języka angielskiego, albo za pomocą liczby szesnastkowej: #000000 – oznacza kolor czarny, #FFFFFF – oznacza kolor biały (np. …=BLACK lub …=#000000) W jednym znaczniku możemy użyć kilku parametrów <BODY BGCOLOR=#333000 TEXT=RED> - BGCOLOR (kolor tła), TEXT (kolor tekstu, w tym przypadku bez parametru COLOR), jeśli chcielibyśmy jako tło wstawić zdjęcie to użyjemy parametru BACKGROUND=”miejsce i nazwa pliku” Widok z przeglądarki pliku test.html Pamiętaj o prawidłowym doborze kolorów tła i czcionki! W tym przypadku ktoś się nie postarał