TWORZENIE STRON
INTERNETOWYCH

Podstawy HTML

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

Slide 1
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Slide 7

Wyszukiwarka

Podobne podstrony:
PHP5 Tworzenie stron WWW cwiczenia praktyczne cwphp5
Joomla Tworzenie stron WWW Szybki start
Podstawy tworzenia stron WWW w języku HTML, wrzut na chomika listopad, Informatyka -all, INFORMATYKA
tworzenie stron internetowych
webmaster, do tworzenia stron
Joomla! Profesjonalne tworzenie stron WWW
PHP5 Tworzenie stron WWW Cwic Nieznany
helion tworzenie stron www IVITCIZGDHIIU4BRM6BRPL2J6Y4YEAQSATHMWFI
kurs html podstawy tworzenia stron www RHQWUXUAVSLOSX6ABOMEHGX52LV2WV67LZXY6RQ
Tworzenie stron WWW w języku HTML 222
Podstawy ASP NET 2 0 – tworzenie stron WWW oraz aplikacji Web
04 tworzenie stron www
php i mysql tworzenie stron www vademecum profesjonalisty [helion] CONZDUWNFQFYUVVHCKLSSSQE7VYZR7HO
PHP Tworzenie stron WWW Szybki start
ABC tworzenia stron WWW

więcej podobnych podstron