HTML-ciąg dalszy
JĘZYK HTML
Jedna, dwie lub trzy odpowiedzi mogą być poprawne.
Przykładowe pytania:
1. Główna część dokumentu zawarta jest pomiędzy znacznikami:
a) <head>
b) <body>
c) <title>
2. Parametr związany ze zmianą tła strony to:
a) <body bgcolor="kolor">
b) <body bgcolor="#rrggbb">
c) <bgcolor="rrgg">
3. Szerokość marginesu ustala się za pomocą parametru:
a) <body leftmargin="x1" rightmargin="x2" topmargin="y1" bottommargin="y2">
b) <body link="kolor1" vlink="kolor2">
c) <body link="kolor1" vlink="kolor2" alink="kolor3">
4. Justowanie to:
a) <p align= "center"> tekst </p>
b) <p align= "justify"> tekst </p>
c) <p align= "left"> tekst </p>
5. Wstawianie kreski poziomej realizujemy za pomocą:
a) znacznika <hr>
b) znacznika <b>
c) znacznika <p>
6. Lista numerowana tworzona jest za pomocą:
a) znacznika <ol> oraz <li>
b) znacznika <u>
c) znacznika <br>
7. Grafika na stronie jest reprezentowana za pomocą znacznika:
a) <img src="ścieżka dostępu i nazwa pliku">
b) <img src="ścieżka dostępu>
c) znacznika <scroll>
8. Tabele tworzymy za pomocą:
a) <table>, <tr>, <td>
b) znacznika <p align="center">
Formatowanie tekstu
Zmiana kroju czcionki
<font face="nazwa kroju czcionki">treść</font>
Zmiana wielkości czcionki
<font size="x">treść</font> ( x od 1 do 7)
Zmiana koloru czcionki
Lista numerowana i punktowana:
<ol type="A">
<li>pierwszy element listy</li>
<li>drugi element listy</li>
<li>trzeci element listy</li>
<ol>
<li>pierwszy element podlisty</li>
<li>drugi podlisty</li>
<li>trzeci podlisty</li>
<li>czwarty podlisty</li>
<li>piąty podlisty</li>
</ol></ol>
<ul>
<li>pierwszy element listy</li>
<li>drugi element listy</li>
<ul>
<li>pierwszy element pierwszej podlisty</li>
<li>drugi element pierwszej podlisty</li>
</ul></ul>
<font color="kolor">treść</font>
Kreska pozioma
<body>
<hr width="250">
<hr align="left">
<hr align="right">
<hr size="10">
<hr color="red">
<hr width="75%" size="30" color="red">
</body>
Inne parametry:
<tt>tekst pisany czcionką o stałej szerokości
<b>tekst pogrubiony
<i>tekst pochylony
<u>tekst podkreślony
<sup>tekst w formie indeksu górnego
<sub>tekst w formie indeksu dolnego
<small>zmniejszenie czcionki o jeden stopień
<big> zwiększenie czcionki o jeden stopień
<s> przekreślenie tekstu
<p align="justify">tekst</p> justowanie
<p align="center">tekst</p> wyśrodkowanie
<p align="left">tekst</p> wyrównanie do lewej
<p align="right">tekst</p> wyrównanie do prawej
<p> to odstęp między wierszami
<br> przeniesienie tekstu do kolejnego wiersza
Animacja marquee:
<marquee>tekst</marquee>
<marquee behavior="typ">tekst</marquee>
typ: scroll, alternate, slide
Animacje
Kierunek:
<marquee direction="kierunek">tekst</marquee>
kierunek: left,right,up,down
Kolor:
<marquee bgcolor="kolor">tekst</marquee>
Rozmiar na ekranie:
<marquee width="x" height="y">tekst</marquee>
<marquee width="x%" height="y%">tekst</marquee>
x-szerokość; y-wysokość
Ilość powtórzeń:
<marquee loop="k">tekst</marquee>
k- liczba np:10 (animacja powtórzy się 10 razy i się zatrzyma)
Szybkość przesuwania się tekstu:
<marquee scrollamount="x">tekst</marquee>
x- liczba (im wyższa, tym większa szybkość)
Grafika na stronie:
<img src="ścieżka dostępu i nazwa pliku">
<img src="rys1.gif" border="0"> rysunek bez ramki
Położenie grafiki na stronie:
<p align="center">grafika</p>
<p align="left">grafika</p>
<p align="right">grafika</p>
Zmiana rozmiarów grafiki:
<img src="ścieżka dostępu i nazwa pliku" width="x" height="y">
Etykieta lub podpis:
<img src="ścieżka dostępu i nazwa pliku" width="x" height="y" alt="tekst objaśnienia">
Obrazek jako przycisk uruchamiający powiększenie tego samego
obrazka na dodatkowej stronie WWW
<a href="nazwa pliku" target="newwindow"><img src="nazwa pliku"
width="x" height="y"></a>
Linki do stron
<a href="adres strony internetowej">opis słowny widoczny na stronie </a>
<a href="http://www.wp.pl">To jest odsyłacz do strony wirtualnej polski </a>
To jest odsyłacz do "wirtualnej polski"
<a href="adres strony internetowej"><img src="nazwa pliku"></a>
<a href="http://www.wp.pl"><img src="obraz_wp.jpg"></a>
<a href="mailto:adres poczty"><opis słowny></a>
<a href="mailto:kolega@wp.pl">Napisz do mnie</a>