HTML (Hyper Text Markup Language)


Tworzenie strony www na serwerze student:

 Załóż na serwerze student katalog public_html, w tym katalogu załóż plik index.html o zawartości:

<html>
<head>
<meta http_equiv="content_type" content="text/html;charset=ISO-8859-2">
<title> Strona_imię_nazwisko </title>
</head>
<body>
<h1> imię_nazwisko </h1>
<p><a href="http://www.agh.edu.pl/"> Strona główna AGH</a></p>
<p><a href="http://webmaster.helion.pl/kurshtml/wyjasnie/wyjasnie.htm">Podstawowy kurs HTML</a></p>
<p><i>Copyright (c) 2006</i></p>
</body>
</html>

Udostępnj dla innych zawartość tego katalogu:
polecenie chmod -R a+rX $HOME/public_html, oraz chmod a+x $HOME

Uruchom przeglądarkę i obejrzyj stronę pod adresem: http://student.uci.agh.edu.pl/~Twoja_nazwa konta ze studenta


Ogólna struktura strony WWW:

<html>
<head>
</head>
.
.
.
<body>
</body>
</html>


Podstawowe komendy języka HTML (Hyper Text Markup Language):

<title> tekst </title>
- tytuł dokumentu wyswietlany w okienku Dokument Title;

<body bgcolor="kolor_tła" text="kolor_tekstu" link-"kolor_linków" alink="kolor_połączenia_uaktywnionego_" vlink="kolor_odwiedzanego_połączenia">
- w poleceniu body definiuje się zalecenia dla całego dokumentu. Kolor można definiować używając nazw angielskich np. black, silver, gray, white, maroon, red, purple, fuchsia, green, olive, yellow, navy, blue, teal, aqua itp. lub heksadecymalnie #000000 - czarny, #7fffdy - akwamaryna, #0000ff- niebieski, #8a2be2 -fioletowy, #a52a2a - brązowy, #d2691e - czekoladowy, #ff7f50 - koralowy, #00ffff - cyjan, #ffd700 - złoty, #808080 - szary, #ffffff - biały itp.

<hl> tekst </hl>
- tytuł całej strony;

<h2> tekst </h2>
<h3> tekst </h3>
<h4> tekst </h4>
<h5> tekst </h5>
<h6> tekst </h6>
- tytuły rozdziałów i podrozdziałów na stronie WWW. Każdy kolejny podtytuł składany jest z coraz mniejszą czcionką.

<p>
- komenda ta kończy bieżący akapit i dodaje na jego końcu jedną pustą linię;

<br>
- wymuszenie przejścia do nowej linii;

<hr size="grubość" width="długość_w_pikselach">
- komenda ta powoduje narysowanie linii w poprzek strony;

<a href="URL">tekst</a>
- odnośnik do strony WWW o podanym URL (uniform resource locator); po wybraniu wyróżnionego tekstu następuje załadowanie żądanej strony;

<a href="mailto:autor@adres">tekst</a>
- zdefiniowanie połączenia do adresu e-mail

<img src="URL" alt="text" width=x height=y border=z>
- włączenie w miejscu wystąpienia tej komendy obrazka (bitowe pliki graficzne .jpg i .gif) o podanym URL, width - szerokość obrazka, height - wysokość obrazka, border - grubość ramki (w pikselach).

<b>tekst </b>
- tekst wyświetlony czcionką pogrubioną

<i>tekst </i>
- tekst wyświetlony czcionką pochyloną

<u>tekst</u>
- tekst wyświetlony jest podkreślony;

<blink> tekst </blink>
- tekst migający;

<marquee behavior=rodzaj_ruchu bgcolor=kolor_tła direction=kierunek_ruchu height=wysokość_drogi width=szerokość_drogi scrollamount=skok_tekstu>Jakiś tekst</marquee>
- animacja tekstu, behavior - scroll, slide, alternate; direction= left, right.

Uwaga: kolor tekstu, pogrubienie, pochylenie itp. muszą być zdefiniowane na zewnątrz polecenia marquee.

<ul>
<li> pierwszy element listy
<li> kolejny element listy
</ul>

- wyświetlanie listy nieuporządkowanej
<ol>
<li> pierwszy element listy
<li> kolejny element listy
</ol>

- wyświetlanie listy numerowanej
  1. pierwszy element listy

  2. kolejny element listy
<center>tekst </center>
- centruje tekst

<font face-'Times New Roman" size=7 color="#0000ff'>Jakiś tekst</font>
- ustawianie parametrów czcionki


Do góry