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