HTML w pigułce
Transkrypt
HTML w pigułce
HTML w pigułce HTML • • • • HTML … HTML 4.01 XHTML (HTML 4.0 + XML 1.0) HTML <html> <head> <title>O stronie</title> </head> <body> <p>Na stronie</p> </body> </html> html head title body Właściwości strony • Text – kolor czcionki • Bgcolor – kolor tła strony • Background – tło-obrazek strony <body background="1.jpg" text="lime"> <body bgcolor="lime" text="red"> • Bloki tekstowe: html - Tekst <p> - paragraf <h1> - nagłówek najważniejszy <h2> - nagłówek mniej ważny … <h6> - nagłówek najmniej ważny <div> - większe bloki tekstu <br> - nowa linia <hr> - kreska pozioma html – Tekst - wyrównanie • Bloki tekstowe: <center> <p></p></center> - wyśrodkowanie <p align=”center”> - wyśrodkowanie <h1 align=”left”> - do lewej <h2 align=”right”> - do rawej <h3 align=”justify”> - justowanie …. Niezalecane, zastępowane przez style Html – tekst • Zmiany wyglądu tekstu w linii: <b> - pogrubienie <i> - pochylenie <u> - podkreślenie <strike> - przekreślenie <sub> - indeks dolny <sup> - indeks górny <blink> - migotanie Html – tekst • Zmiany wyglądu tekstu w linii: <font> - określenie czcionki • <font size=”1”> - wielkośd – od 1 do 7 • <font color=”red”> - kolor czcionki • <font face=”Arial”> - rodzaj czcionki <font size="5" color="lime" face="monotype corsiva"> Html - obrazki • <img src=”rys.gif”> – alt – tzw. Dymek – Width – szerokośd – Height – wysokośd – Border – obramowanie – Align – opływanie teksty wokół – Formaty: gif, jpg, png, bmp Html - tabelki • <table> - dekaracja tabeli – <th> lub <tr> - deklaracja wiersza – <td> - deklaracja komórek – Zawartośd można umieszczad tylko wewnątrz znaczników <td> Html - tabele - Border – obramowanie Cellpadding – marginesy w komórkach Cellspacing – odstępy między komórkami Width – szerokośd Height – wysokośd Colspan – łączenie kolumn w jedną Rowspan – łączenie wierszy w jeden Html - tabele Html - listy • Lista nienumerowana – <ul> - początek listy • type: circle, disc, square – <li> - elementy listy Html - listy • Lista numerowana – <ol> - początek listy • type: 1, a, A, i, I • Start: 1,2,3 – <li> - elementy listy Html – odsyłacze – linki - zaczepy • do innej podstrony/pliku <a href=”strona.html”>tekst dowolny</a> – w nazwach plików nie używad: • • • • wielkich liter znaków, np.: \ / : * ? " < > | spacji polskich liter Html – odsyłacze – linki - zaczepy • do innego miejsca w tym samym pliku: <a href=”#miejsce”>tekst dowolny</a> <a name=”miejsce”>tekst etykiety</a> Html – odsyłacze – linki - zaczepy • Inne odwołania: <a href=”http://serwer.pl/plik.html”>tekst</a> <a href=”mailto:adres e-mail”>tekst</a> <a href=”ftp://serwer.pl/plik.pdf”>tekst</a> <a href="gg:159989">tekst</a>