SP3 Nowy Sacz - Elementy informatyki

T a g i j ę z y k a H T M L

Kod

Opisy oraz przykłady

<HTML>

początek strony

<HEAD>

początek nagłówka

<META HTTP-EQUIV="content-type"
CONTENT="text/html; charset=wartość">

kodowanie polskich znaków (ISO-8859-2 lub windows-1250), np.
<META HTTP-EQUIV="content-type"
CONTENT="text/html; charset= ISO-8859-2">

<META NAME="Author"
CONTENT="Imię Nazwisko">

imię i nazwisko autora strony, np.
<META NAME="Author" CONTENT="Tadeusz Sołtys">

<TITLE>TYTUŁ STRONY</TITLE>

tytuł strony, np.
<TITLE>SP3 Nowy Sącz</TITLE>

</HEAD>

koniec nagłówka

<BODY BGCOLOR=”kolor tła strony”
BACKGROUND=”nazwa pliku tła”>

poczatek zawartości strony oraz kolor strony i nazwa pliku tła), np.
<BODY BGCOLOR=”gold” BACKGROUND=”zlotko.png”>

Tekst

ustawienie czcionki, np.
Tekst

Tekst

tekst pogrubiony

Tekst

tekst pochylony (kursywa)

Tekst

tekst podkreślony

Tekst akapitu

akapit (tekst domyślnie wyrównany do lewego marginesu), np.
Witam na mojej odlotowej stronie ...

Tekst akapitu

wyrównanie tekstu do lewego marginesu

Tekst akapitu

wyrównanie tekstu do prawego marginesu

Tekst akapitu

wyrównanie tekstu do środka

Tekst akapitu

wyrównanie tekstu do lewego i prawego marginesu

<Hx ALIGN=”wartość”>Tekst nagłówka</Hx>

nagłówek x (istnieje sześć rodzajów nagłówków – od H1 do H6), np.
<H2 ALIGN=”center”>Moja wspaniała strona!</H2>

<IMG SRC=”nazwa obrazka” BORDER=”x”>

wstawianie obrazka na stronę (x – grubość obramowania), np.
<IMG SRC=”muminki.jpg” BORDER=”2” ALIGN=”right”>

<A HREF=”element docelowy”>Tekst odsyłacza</A>

odsyłacz (link) tekstowy, np.
<A HREF=”muminki.html”>Strona o Muminkach</A>

<A HREF=”element docelowy”>
<IMG SRC=”nazwa obrazka”>
</A>

odsyłacz (link) graficzny, np.
<A HREF=”muminki.html”><IMG SRC=”migotka.gif”></A>

</BODY>

koniec zawartości strony

</HTML>

koniec strony

Kod	Opisy oraz przykłady
<HTML>	początek strony
<HEAD>	początek nagłówka
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=wartość">	kodowanie polskich znaków (ISO-8859-2 lub windows-1250), np. <META HTTP-EQUIV="content-type" CONTENT="text/html; charset= ISO-8859-2">
<META NAME="Author" CONTENT="Imię Nazwisko">	imię i nazwisko autora strony, np. <META NAME="Author" CONTENT="Tadeusz Sołtys">
<TITLE>TYTUŁ STRONY</TITLE>	tytuł strony, np. <TITLE>SP3 Nowy Sącz</TITLE>
</HEAD>	koniec nagłówka
<BODY BGCOLOR=”kolor tła strony” BACKGROUND=”nazwa pliku tła”>	poczatek zawartości strony oraz kolor strony i nazwa pliku tła), np. <BODY BGCOLOR=”gold” BACKGROUND=”zlotko.png”>
<FONT COLOR=”kolor czcionki” size=”rozmiar czcionki” face=”nazwa kroju czcionki”>Tekst</FONT>	ustawienie czcionki, np. <FONT COLOR=”blue” size=”4” face=”Arial, Helvetica”>Tekst</FONT>
<B>Tekst</B>	tekst pogrubiony
<I>Tekst</I>	tekst pochylony (kursywa)
<U>Tekst</U>	tekst podkreślony
<P>Tekst akapitu</P>	akapit (tekst domyślnie wyrównany do lewego marginesu), np. <P>Witam na mojej odlotowej stronie ...</P>
<P ALIGN=”left”>Tekst akapitu</P>	wyrównanie tekstu do lewego marginesu
<P ALIGN=”right”>Tekst akapitu</P>	wyrównanie tekstu do prawego marginesu
<P ALIGN=”center”>Tekst akapitu</P>	wyrównanie tekstu do środka
<P ALIGN=”justify”>Tekst akapitu</P>	wyrównanie tekstu do lewego i prawego marginesu
<Hx ALIGN=”wartość”>Tekst nagłówka</Hx>	nagłówek x (istnieje sześć rodzajów nagłówków – od H1 do H6), np. <H2 ALIGN=”center”>Moja wspaniała strona!</H2>
<IMG SRC=”nazwa obrazka” BORDER=”x”>	wstawianie obrazka na stronę (x – grubość obramowania), np. <IMG SRC=”muminki.jpg” BORDER=”2” ALIGN=”right”>
<A HREF=”element docelowy”>Tekst odsyłacza</A>	odsyłacz (link) tekstowy, np. <A HREF=”muminki.html”>Strona o Muminkach</A>
<A HREF=”element docelowy”> <IMG SRC=”nazwa obrazka”> </A>	odsyłacz (link) graficzny, np. <A HREF=”muminki.html”><IMG SRC=”migotka.gif”></A>
</BODY>	koniec zawartości strony
</HTML>	koniec strony