KURS HTML1
Transkrypt
KURS HTML1
Kurs HTML cześć pierwsza 1. Jak się tworzy i zapisuje dokumenty HTML-owe? Programem, który umożliwia tworzenie stron WWW jest Notatnik. Dokument utworzony pomocą tego programu wystarczy zapisać jako plik o nazwie index.html oraz wybrać typ pliku: wszystkie pliki. 2. Struktura pliku HTML <html> <head> <title> Tytuł strony </title> </head> <body> Witam bardzo serdecznie na mojej stronie internetowej </body> </html> 3. Tło strony <body bgcolor=”red”> <body background=”rys.gif”> 4. Inne znaczniki <H1> nagłówek 1 <H2> nagłówek 2 <font face=”arial” color = “red” size=”10”> <small> - zmniejszenie czcionki <big> - zwiększenie czcionki <I> kursywa <S> przekreślenie <B> pogrubienie <U> podkreślenie <sub> indeks dolny <sup> indeks górny <br> wstawia tekst do nowej linii <nobr> Kurs HTML cześć druga 1. Wstawianie cytatów < blocquote > Tutaj wpisujemy nasz ulubiony cytat < /blocquote > 2. Podział akapitu i określenie wyrównania < P align= „center”> To będzie wyśrodkowane < /P > < P align= „left”> To będzie wyrównane do lewej< /P > < P align= „right”> To będzie wyrównane do prawej < /P > < P align= „justify”> To będzie wyjustowane< /P > 3. Listy wypunktowane <ul type=”square”> <li> pierwszy element <li> drugi element <li> trzeci element <ul> Możliwe inne typy Disc - koło wypełnione jednolitym kolorem Circle - okrąg 4. Listy numerowane <ol type=”1”> ` <H1>Lista numerowana <H1> <li> pierwszy element <li> drugi element <li> trzeci element <ol> Możliwe inne typy a - małe litery A – wielkie litery i – małe cyfry rzymskie I – cyfry rzymskie 5. Wstawianie hiperłącza do strony www <a href = „http://www.wp.pl”> Wirtualna Polska </A> <a href = „http://helion..pl”> <img src=”rys.gif”> </A> 6. Zmiana koloru łączy <body link= “gray” alink=”yellow” vlink=”black”> 7. Grafika Wstawianie grafiki i otaczanie jej ramką <img src=”rys.gif”> Tekst alternatywny zamiast obrazka <img src=”rys.gif” ALT= ”to jest obrazek”> 8. Poziome linie rozdzielające <HR align =”center” size=”5” width=”300” noshade> Możliwe wyrównania: left, center, right. 9. Tabele <table> <tr> <td>komórka 1</td> <td>komórka 2</td> <td>komórka 3</td> </tr> <tr> <td>komórka 1 w drugim wierszu</td> <td>komórka 2</td> <td>komórka 3</td> </tr> </table> 10. Formatowanie tabeli <table border=”1”with=”250” align=”center” cellspacing=”1” cellpadding=”2” bgcolor=”yellow” bordercolor=”green” frame=”box”>