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”>

Podobne dokumenty