• Grupa PINO
  • Prv.pl
  • Patrz.pl
  • Jpg.pl
  • Blogi.pl
  • Slajdzik.pl
  • Tujest.pl
  • Moblo.pl
  • Jak.pl
  • Logowanie
  • Rejestracja

HtMl-o-co-chodzi

Informatyka

Strony

  • Strona główna
  • Księga gości

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>

16 maja 2019   Dodaj komentarz
Do tej pory nie pojawił się jeszcze żaden komentarz. Ale Ty możesz to zmienić ;)

Dodaj komentarz

Konradj | Blogi