HTML- ćwiczenie i sprawdzian

Transkrypt

HTML- ćwiczenie i sprawdzian
Prosta strona internetowa
Wykonaj stronę internetową według poniższego poradnika.
1. W notatniku lub programie KED przygotuj ramy Twojej strony: <head> i <body>
2. Zmień tytuł strony na zoo w Zamościu
3. Dokonaj takich wpisów, aby powstała strona:
Oto kod, który musisz wpisać
wyjaśnienie:
bgcolor- kolor tła
h2- nagłówek, automatyczna wielkość czcionki (sprawdź h1 oraz h5 i zobacz różnicę)
hr- linia
width– szerokość
size- grubość
<p początek akapitu zakończony </p>
align="center" wyśrodkowanie
img src="obraz.JPG"- wstawianie obrazu (uwaga obraz ma być w tym samym folderze co plik
htm!!!) obrazek może być innym niż we wzorze.
alt="" tekst, który pojawi się, jak nie będzie widoczny obraz
width="200" szerokość obrazu height="130" wysokość obrazu
4. Wypisz, jakie zwierzęta można spotkać w zoo zamojskim- wybierz, jak chcesz to zrobićalbo punktowanie, albo numerowanie
punktowanie
numerowanie
1. żurawie koroniaste
 żurawie koroniaste
2. gibbony
 gibbony
3. lwy
 lwy
4. zebry
 zebry
5. Umieść poniższy tekst. Wyróżnij fragmenty tekstu wykorzystując do tego dowolny
sposób
Atrakcje
Stań oko w oko z tygrysem. Pomachaj prawdziwemu niedźwiedziowi. Podziwiaj setki
gatunków w warunkach możliwie najbliższym naturalnym!
Nowoczesna infrastruktura, restauracja, park linowy, zdjęcia z żywymi gadami,
przejażdżki konne, edukacja… to tylko niektóre z naszych atrakcji.
tekst
przeniesienie do następnego wiersza
pogrubienie
podkreślenie
pochylenie
kolor czcionki
wielkość czcionki
znacznik
<br/>
<b>pogrubienie</b>
<u> podkreślenie</u>
<i>pochylenie</i>
<font color=”red”>kolor czcionki</font>
<font size=”16”>wielkość czcionki</font>
krój czcionki
<font color=”red”>courier new</font>
6. Na koniec dołącz link do prawdziwej strony zamojskiego zoo
<a href="http://www.zoo.zamosc.pl">tutaj</a>
tu gdzie słowo tutaj wpisujemy tekst, który będzie widoczny na stronie, w który
będziemy klikać
Strona wyglądać ma tak:
Sprawdzian
Do wyboru
1. Samodzielne stworzenie strony internetowej z jedną podstroną
2. Rozwinięcie istniejącej strony (dodanie podstrony)
3. Stworzenie strony wg wzoru: