HTML cz. 2 Znaczniki i ich parametry

Prezentacja na temat: "HTML cz. 2 Znaczniki i ich parametry"— Zapis prezentacji:

1 HTML cz. 2 Znaczniki i ich parametry
Marcin Blachnik

2 Parametry czcionki <font>
color Kolor czcionki size Rozmiar czcionki face Typ czcionki np. arial Przykład: <font size="3" color="red"> This is some text! </font> <font size="1" color="blue"> This is some text! </font> <font face="arial” color="red"> This is some text! </font> Wynik: This is some text!

3 Parametry obrazka <img>
Atrybut wartość Opis align Top Bottom Middle Left Right Określa położenie obrazka względem otaczającego tekstu, border Pixels Określa krawędź wokół obrazka height pixels % Wysokość obrazka hspace Określa przerwę wokół obrazka z lewej i prawej strony vspace Określa przerwę wokół obrazka z góry i z dołu alt Text Tekst podpowiedzi, wyświetlany po najechaniu myszką src URL Żródło obrazka – adres do pliku zawierającego obrazek width Określa szerokość obrazka

4 Sekcja BODY Atrybut Wartość Opis alink rgb(x,x,x) #xxxxxx Colorname
Określa kolor aktywnego linku w dokumencie background file_name Obrazek użyty jako tło strony. bgcolor Kolor tła link Kolor lików użytych na stronie text Domyślny kolor tekstu vlink colorname Kolor linku odwiedzonej strony

5 Listy numerowane, punktowane
<ol> </ol> - znacznik początku i końca listy numerowanej <ul> </ul> - znacznik początku i konca listy punktowanej <li> </li> początek i koniec pojedynczego elementu listy Parametry: start Nr_początkowy Numer od którego rozpocznie się numerowanie style A a I i 1 Typ numeracji

6 Tabele <table> Atrybut Wartość Opis align Left Center right
Położenie tabeli bgcolor rgb(x,x,x) #xxxxxx colorname Tło tabeli border pixels Grubość obramowania tabeli (border=„0” brak obramowania) cellpadding pixels % Specifies the space between the cell walls and contents cellspacing Specifies the space between cells width % pixels Szerokość tabeli

7 Dodawanie kolumn i wierszy
<td> </td> - nowa kolumna <tr> </tr> - nowy wiersz Przykład: Żródło Wynik <table border = "1"> <tr> <td>Cell A</td> <td>Cell B</td> </tr> </table> Cell A Cell B

8 Różne Znacznik <center> służy do centrowania obiektów
  - pusty znak (wyświetlana spacja) Znacznik <p> </p> - początek i koniec akapitu Parametry: align wartości: left, right, center, justify Znacznik <div> </div> początek i koniec sekcji

9 więcej szczegułów na: http://www.w3schools.com/default.asp
Marcin Blachnik