zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >

Wielkość: px

Rozpocząć pokaz od strony:

Download "zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >"

Dariusz Owczarek
7 lat temu
Przeglądów:

1 <html> <head> <title> tytuł dokumentu </title> <meta http-equiv= Content-Type control= text/html; charset=iso > <meta http-equiv= Content-Language content= pl > </head> <body> treść dokumentu </body> </html> zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka > szerokość marginesów <body leftmargin= x1 rightmargin= x2 topmargin= y1 bottommargin= y2 > formatowanie tekstu lub czcionki Krój czcionki treść Wielkość czcionki treść (x może być od1 do 7) Kolor czcionki treść Można również jednocześnie treść <tt> tekst pisany czcionką o stałej szerokości</tt> tekst pogrubiony tekst pochylony tekst podkreślony tekst w formie indeksu dolnego tekst w formie indeksu górnego zmniejszenie czcionki tekstu o jeden stopień <big> zwiększenie czcionki tekstu o jeden stopień </big> <s>przekreślenie tekstu</s> justowanie tekst wyśrodkowanie tekst wyrównanie do lewej tekst wyrównanie do prawej tekst

2 przeniesienie tekstu do drugiego wiersza wprowadzenie interlinii spacja Animacja tekstu Domyślnie <marquee> tekst </marquee> <marquee behavior= typ > tekst </marquee> typ: scroll tekst przesuwa się od prawej do lewej alternate tekst przesuwa się od prawej do lewej, a następnie odbija się i wraca slide tekst przesuwa się od prawej do lewej tylko raz, a później zatrzyma się i pozostanie nieruchomy. Kierunek przesuwania: <marquee Direktion= kierunek > tekst</marquee> ( kierunek - left, right, up, down ) Wstawianie linii: <hr> <hr width= 50% > - linia na połowę ekranu <hr width= 250 > - linia o długości 250 pikseli <hr align= left > - linia od lewej strony ekranu <hr align= center > - linia umieszczona centralnie <hr align= right > - linia od prawej strony ekranu <hr noshade> - linia bez cienia <hr size = 20 > - linia o długości 20 pikseli <hr color = kolor x > - linia o kolorze x Atrybuty można łączyć, np. <hr width= 75% size = 30 color= red > Lista numerowana: <ol> <li> pierwszy element listy</li> <li> drugi element listy</li> <li> trzeci element listy </li> <ol> <li> pierwszy elementy pierwszej podlisty</li> <li> drugi element pierwszej podlisty</li> </ol> Można wewnątrz znacznika <ol> wpisac typ wyliczenia, np. type= A (to wystąpią w wyliczeniu litery A, B, C), type= a, type= I, type= 1.

3 Lista wypunktowana: <ul> <li> pierwszy element listy</li> <li> drugi element listy</li> <ul> <li> pierwszy element pierwszej podlisty</li> <li> drugi element pierwszej podlisty </li> </ul> Grafika na stronie <img src= ścieżka dostępu i nazwa pliku > Aby zlikwidować ramkę dookoła rysunku, należy dodać parametr znacznika, np. <img src = rys1.gif border= 0 > Wyśrodkowanie grafiki: grafika Wyrównanie do lewej: grafika Wyrównanie do prawej: grafika Zmiana rozmiarów grafiki: <img src nazwa pliku width= x height= y > (x - szerokość, y wysokość ) 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 > - wyrównuje górną krawędź względem górnej krawędzi linii teksu lub innego obrazu <img src= obrazek.jpg align= Middle > wyrównuje obraz w taki sposób, że jego środek leży dokładnie po linii tekstu <img src= obrazek.jpg align= bottom > wyrównuje dolna krawędź obrazu względem dolnej krawędzi linii tekstu lub innego obrazu Animacja maquee dla grafiki działa podobnie jak animacja marquee dla tekstu, czyli, np. <marquee><img src= nazwa pliku ></marquee> Odsyłacze (linki) Odsyłacz z wykorzystaniem opisu słownego do szybkiego wywoływania strony WWW <a href= adres internetowy strony > opis słowny </a> Odsyłacz z wykorzystaniem grafiki do szybkiego wywoływania strony WWW < a href= adres internetowy strony ><img src= nazwa pliku ></a>

4 Tabele <table> Wiersze komórki<td> border= x grubość obramowania valign= middle (top, bottom) położenie obiektu w komórce tabeli na środku (u góry, na dole) align= center (left, right) położenie obiektu w komórce tabeli-na środku (u góry, na dole) width= x - szerokość komórki/tabeli height= y wysokość komórki bgcolor= kolor kolor wypełnienia komórki bordercolor= kolor kolr obramowania i linii podziałów wewnętrznych tabeli marginwidth= x lewy i prawy margines w komórce marginheight= y - górny i dolny margines w komórce <td width= x height= y valign= middle align= center > </td> treść 2 <td width= x height= y valign= top align= center > </td> <td width= x height= y valign= middle align= center > treść 2</td> treść 2 treść3 treść 4 <td width= x height= y valign= top align= center > </td> <td width= x height= y valign= middle align= center > treść 2</td> <td width= x height= y valign= middle align= center > treść 3</td> <td width= x height= y valign= bottom align= center > treść 4</td>,koml09

Podobne dokumenty

HTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl

HTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl HTML 1 Gimnazjum nr 1 w Barcinie UWAGA: UTWÓRZ FOLDER HTML, a w nim HTML-1 dla pierwszego ćwiczenia. Imię_ nazwisko_html-1.html z dysku J: w folderze HTML 1. Tło strony - Jednolity kolor: