Struktura dokumentu HTML. Formatowanie tekstu

Transkrypt

Struktura dokumentu HTML. Formatowanie tekstu
Struktura dokumentu HTML.
Formatowanie tekstu
Składnia języka
<ZNACZNIK>tekst</ZNACZNIK>
<ZNACZNIK ATRYBUT= ”wartość”>tekst</ZNACZNIK>
Struktura dokumentu
<HTML>
<HEAD>
…
</HEAD>
<BODY>
…
</BODY>
</HTML>
Nagłówek strony
• kodowanie znaków
<META HTTP-EQUIV=„content-type” CONTENT=„text/html;
CHARSET=iso-8859-2”>
• tytuł strony
<TITLE>Moja pierwsza strona</TITLE>
• opis strony
<META NAME=„Description” CONTENT=„Treść opisująca stronę”>
Nagłówek strony
• słowa kluczowe
<META NAME=„Keywords” CONTENT=„wyrazy kluczowe”>
• autor strony
<META NAME=„Author” CONTENT=„Imię i nazwisko”>
Formatowanie tekstu - nagłówki
• <H1>Nagłówek</H1>
• <H2>Nagłówek</H2>
• <H3>Nagłówek</H3>
• <H4>Nagłówek</H4>
• <H5>Nagłówek</H5>
• <H6>Nagłówek</H6>
Formatowanie tekstu - akapit
<P>Tym znacznikiem zaczynamy akapit </P>
Formatowanie tekstu - listy
Listy numerowane
<P>Lista numerowana</P>
<OL>
<LI>Pierwszy element listy.
<LI>Drugi element listy.
<LI>Trzeci element listy.
</OL>
Lista numerowana
1. Pierwszy element listy.
2. Drugi element listy.
3. Trzeci element listy.
Formatowanie tekstu - listy
Listy wypunktowane
<P>Lista wypunktowana</P>
<UL>
<LI>Pierwszy element listy.
<LI>Drugi element listy.
<LI>Trzeci element listy.
</UL>
Lista wypunktowana
• Pierwszy element listy.
• Drugi element listy.
• Trzeci element listy.
Formatowanie tekstu - listy
Listy zagnieżdżone
<P>Urządzenia peryferyjne</P>
<UL>
<LI>Monitor
<LI>Drukarka
<UL>
<LI>Atramentowa
</UL>
<LI>Klawiatura
</UL>
Urządzenia peryferyjne
• Monitor
• Drukarka
o Atramentowa
• Klawiatura
Komentarze
<!-- To jest komentarz -->
Style znaków – znaczniki formatowania
logicznego
Style znaków – znaczniki formatowania
fizycznego
Tekst preformatowany
Położenie tekstu na stronie
Czcionki i jej rozmiar
<FONT face="Arial, Helvetica">
<FONT SIZE="7" FACE="Arial">Czcionka o rozmiarze 7</FONT>
Hiperłącze
<A HREF=”plik.html”>Strona 1</A>
Hiperłącze do Strona 1, która jest zapisana jako plik.html