KOSMETYKA WITRYNY INTERNETOWEJ
Transkrypt
KOSMETYKA WITRYNY INTERNETOWEJ
PODSTAWY JĘZYKA HTML Dariusz Winkhof KOSMETYKA WITRYNY INTERNETOWEJ • Zdefiniowanie koloru tła strony: <body bgcolor=’ang.nazwa koloru’> • Krój czcionki: <font face=’nazwa kroju czcionki’>treść</font> • Wielkość czcionki: <font size=’x’>treść</font> , x może przybierać wartość 1-7 • Zmiana koloru czcionki: <font color=’kolor’>treść</font> • Tekst pogrubiony: <b>treść</b> • Tekst pochylony: <i>treść</i> • Tekst podkreślony: <u>tekst</u> Uwaga : Komendy dotyczące formatowania tekstu można ze sobą łączyć, np. zapis : <font size=’5’ face=’Arial’ color=’green’> oznacza,że do momentu zamknięcia bloku tekstu rozkazem </font> na Twojej stronie pojawi się tekst pisany czcionką o wymiarze 5. Krój czcionki to Arial, a jej kolor jest zielony. Sposoby formatowania tekstu na stronie: • justowanie : <p align=’justify’> tekst </p> • wyśrodkowanie: < p align=’center’> tekst </p> • wyrównanie do lewej: <p align=’left’> tekst </p> • wyrównanie do prawej: <p align=’right’> tekst </p> Przeniesienie tekstu do drugiego wiersza realizujemy za pomocą parametru <br>, wprowadzenie interlinii realizuje parametr <p>, a wprowadzenie spacji parametr: Możesz wstawić linię na stronie, korzystając z parametru <hr>. Lista numerowana. Tworzenie listy numerowanej określają parametry <ol> oraz <li>, na przykład : <ol> <li> pierwszy element listy</li> <li> drugi element listy</li> </ol> W podobny sposób możesz stworzyć listę wypunktowaną. Służą do tego parametry <ul> oraz <li>. Grafika na stronie internetowej. Za pomocą parametru <img src=’ścieżka dostępu i nazwa pliku’> możesz umieścić na stronie WWW dowolną grafikę. Aby zlikwidować ramkę dookoła rysunku, należy dodać do znacznika parametr border=’0’, np. : <img src=’rys1.gif’ border=’0’> Położenie grafiki na stronie realizujemy na trzy sposoby : • wyśrodkowanie: <p align=’center’> grafika </p> • wyrównanie do lewej: <p align=’left’> grafika </p> • wyrównanie do prawej: <p align=’right’> grafika </p> • zmiana rozmiarów grafiki: <img src=’nazwa pliku’ width=’x’ height=’y’>, gdzie x oznacza szerokość wyrażoną w pikselach, a y wysokość, również w pikselach • obrazek jako przycisk uruchamiający powiększenie tego samego obrazka na dodatkowej stronie WWW: <a href=’nazwa pliku’ target=’newwindow’><img src=’nazwa pliku’ width=’x’ height=’y’></a> Wzajemne położenie tekstu i obrazu realizujemy za pomocą parametru : • <img src=’obrazek.jpg’ align=’top’>, który wyrównuje górną krawędź obrazu względem górnej krawędzi linii tekstu lub innego obrazu • parametr <img src=’obrazek.jpg’ align=’middle’> wyrównuje obraz w taki sposób, że jego środek leży dokładnie po linii tekstu, • parametr <img src=’obrazek.jpg’ align=’bottom’> wyrównuje dolną krawędź obrazu względem dolnej krawędzi linii tekstu lub innego obrazu, Odsyłacze Zadaniem odsyłaczy – linków, jest szybkie połączenie użytkownika z wybranym adresem strony internetowej, np. z adresem przeglądarki lub z adresem e-mail osoby, do której często wysyłamy wiadomości za pomocą poczty elektronicznej. Odsyłacze także wykorzystywane są do poruszania się między podstronami konkretnego serwisu internetowego. Parametry do tworzenia odsyłaczy: • odsyłacz z wykorzystaniem opisu słownego do szybkiego wywołania strony WWW: <a href=’adres internetowy strony’>opis słowny</a>, dla przykładu : <a href=’http://www.wp.pl’>to jest odsyłacz do Witrualnej Polski</a> • odsyłacz z wykorzystaniem opisu słownego do szybkiego wysyłania poczty do prezentującego daną stronę WWW: <a href=’mailto:[email protected]’>Napisz do mnie</a> • odsyłacz z wykorzystaniem grafiki do szybkiego wywoływania strony WWW: <a href=’adres internetowy strony’><img src=’nazwa pliku’></a>, np.: <a href=’http://www.wp.pl’><img src=’obraz_wp.jpg’></a> Dariusz Winkhof ®