|
GŁÓWNE MENU WEBMASTER DODATKI GRACZA GRAFFITI INNE CIEKAWE |
KURS HTML (Wstawianie elementów graficznych)
Jeśli chcemy, żeby nasza strona wyglądała efektownie musimy umieścić na niej
jakieś elementy graficzne, w postaci obrazków, bannerów, buttonów, czy
graficznych guzików hipertekstowych (o hiperłączach będziemy się uczyć w
następnej lekcji). Skoro już wiemy na czym stoimy, teraz przedmowa o samych
obrazkach, a raczej o ich rozszerzeniach. Z góry odpadają te posiadające na
końcu literki .bmp. Jest to spowodowane naprawde dużym rozmiarem grafik,
które w porównaniu np. z .jpg wypadają śmiesznie duże. Polecane
rozszerzenia: .jpg, .gif, .jpe, .png. Teraz
przejdźmy do struktury źródła z elementami grafiki. Tagiem definiującym, że w
dokumencie znajduje się jakiś obrazek jest IMG. Praktycznie
zawsze występuje z paramterem src (ang. source), który
określa nazwę dokumentu wraz z rozszerzeniem. W praktyce, aby wstawić obrazek
pic1.jpg do pliku index.htm, znajdującego się w tym samym katalogu co
grafika, wygląda to mniej więcej tak:
Jeszcze raz przypominam ,by nie wstawiać pełnej ścieżki do pliku, z powodu wadliwej interpretacji tego, przez serwer (np. C:/user/ ...)Inne paramtery opisujące tag IMG: W ten sposób samodzielnie definiujesz szerokość (width) oraz wysokość (height) obrazka. W przypadku zostawienia pól 'xx' pustych lub, gdy w ogóle ich nie wykorzystasz obrazek przyjmie swoje realne wymiary. Samodzielne definiowanie jest bardzo dobrym nawykiem, gdyż w przypadku gdy ładuje nam się duża grafika, strona nie 'sypie się' :).Inne parametry tagu » border="0" - grubość obramowania grafiki w pikselach; » align="left" wyrównanie grafiki względem tekstu; » hspace="0" - odległość od tekstu w poziomie; vspace="0" - odległość od tekstu w pionie. Teraz trochę praktyki. Do naszego dokumentu HTML wstawimy obrazek loga HTML Zone, znajdującego się u góry po prawej stronie. Ściągnijmy go na dysk, do katalogu, gdzie znajduje się nasz index.htm. Teraz wstawmy go definiując przez tag IMG. Powinno to wyglądać tak: Pod napisem Witaj na mojej pierwszej stronie HTML! powinno wyświetlić się zdjęcie html_logo.jpg. _______________________________________________________________ Dodał: Machoni | Data: 26.05.2006 roku. |
POORTAL.PRV.PL 
INFORMACJE
Witam i zapraszam wszystkich odwiedzających nasz serwis do zarejestrowania się
na naszym FORUM.
Znajdziesz tam odpowiedzi na pytania internautów, a może uda Ci się znaleść odpowiedź na Twoje pytanie..? REKLAMA
Jeśli chcesz aby Twój button znalazł się poniżej pisz.
POLECAM Polecane strony STRONA STATYSTYKI Twoje IP: Data: Gości dziś: Gości online: Godzina: SONDA
|
||||||||||||||
COPYRIGHT BY WWW.POORTAL.PRV.PL
ALL RIGHTS RESERVED.