TWORZENIE STRON INTERNETOWYCH

CO TO JEST HTML

Hyper Text Markup Language – język

znaczników hyper-tekstowych
Jest to język znany przeglądarkom

internetowym
Służy do ułożenia tekstu i rysunków (zdjęć)

na dysku komputera i dalej w sieci
Zapewnia łączenie stron między sobą via

hyper-link (adresy w tekście)
Praktycznie strony się tworzy z pomocą np.

Microsoft Dreamweaver, ale znajomość

HTML jest konieczna, jak wiedza o pilotażu

przy korzystaniu z autopilota

PRZYKŁAD LISTU

Droga Przeglądarko !
Pokaż, proszę, zdjęcie mojej salamandry w lewym
górnym narożniku na różowym tle. Wytłuść jej nazwę
Ernest the Salamander i zamieść poniżej zdjęcia.
Po prawej stronie podaj wagę i wymiary Ernesta.
Poniżej wszystkiego wstaw mój adres e-mail: ...

This is Ernest the Salamander, my pet and close
friend. Ernest and I have been friends for quite some
time. If you have a salamander, send me, please,
e-mail at ...

JĘZYK HTML

<head> nagłówek
<body> ciało, szkielet dokumentu
<title> tytuł dokumentu, wg którego jest on

identyfikowany
<p> akapit (paragraph)
<b>, <i>, <u> wytłuszczenia (bold), kursywa

(italic), podkreślenia (underline)
<a> tworzy hyper-link (drogę do połączenia)
<br> przerwa (break)
<ul>, <ol>, <li> lista nieuporządkowana,

uporządkowana, element wewnątrz listy (list

index)

Wszystkie otwarcia muszą mieć zamknięcia

<,</

List w kodzie HTML

<html>



<head>



<title>Ernest the Salamander</title>



</head>

(background color)



<table>

(tablica)



<tr> (nowy wiersz tablicy)



<td>

(nowa kolumna tablicy)



<p>

(akapit – paragraph)



<img src=”Zdjęcie.jpg”> (zdjęcie – image)



<br>

(break – odstęp)



<h2>Ernest the Salamander</h2>

(tekst, h2

-wys. liter)



</p>



</td>

List w kodzie – c.d.



<td>

(nowa kolumna w tablicy)



<p>

(akapit –paragraph)



<h3>Ernest’s Vitals</h3>



<ul>

(unordered line)



<li>Height 0.375 in</li>

(element listy)



<li>Weight 40 gr</li>

(element listy)



<li>Sliminess 6.5</li>

(element listy)



</ul>



</p>



</td>

</tr>
</table>
<p>

(nowy akapit - paragraph)

There is Ernest the Salamander, my pet and ...

e-mail at

<a href=mailto:j.zuh@pr.pl>j.zuh@pr.pl</a>

</p>
</body>
</html>

LIST W KOMPUTERZE

         ZDJĘCIE
   SALAMANDRY
         ERNEST

Ernest’s Vitals

Height 0.375 in

Weight 40 gr

Sliminess 6.5

Ernest the Salamander

This is Ernest the Salamander, my pet and close
friend.
Ernest and I have been friends for quite some
time.
If you have a salamander, send me, please, e-mail
at

j.zuh@pr.pl

Document Outline