Udostępnij za pośrednictwem

Podstawy HTML

  • Artykuł

Większość przeglądarek ma możliwość badania źródła HTML przeglądanych stron. Po wyświetleniu źródła zobaczysz wiele tagów HTML (języka znaczników hypertekstu) otoczonych nawiasami kątowymi(<>), przeplatanych tekstem.

Poniższe kroki umożliwiają utworzenie prostej strony internetowej przy użyciu tagów HTML. W tych krokach wpiszesz zwykły tekst w pliku w Notatnik, wprowadzisz kilka zmian, zapiszesz plik i załadujesz ponownie stronę w przeglądarce, aby zobaczyć zmiany.

Aby utworzyć plik HTML

  1. Otwórz Notatnik lub dowolny edytor zwykłego tekstu.

  2. W menu Plik wybierz pozycję Nowy.

  3. Wpisz następujące wiersze:

    <HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
</HTML>

  4. W menu Plik wybierz pozycję Zapisz i zapisz plik jako c:\webs\First.htm. Pozostaw plik otwarty w edytorze.

  5. Przejdź do przeglądarki, a następnie z menu Plik wybierz pozycję Otwórz lub wpisz file://C:/webpages/first.htm w polu edycji adresu URL przeglądarki. Powinna zostać wyświetlona pusta strona z oknem podpis "Najważniejsze tagi HTML".

    Zwróć uwagę, że tagi są sparowane i znajdują się w nawiasach kątowych. Tagi nie są uwzględniane wielkości liter, ale wielkość liter jest często używana do wyróżniania tagów.

    Tag <HTML> uruchamia dokument i kończy go tag </HTML> . Tagi końcowe (nie zawsze wymagane) są takie same jak tag początkowy, ale mają ukośnik (/) przed tagiem. Nie powinno istnieć spacje między nawiasem kątowym (<) i początkiem tagu.

  6. Wróć do Notatnik, a po <wierszu /HEAD> wpisz:

    <BODY>
    HTML is swell.
    Life is good.
</BODY>

  7. W menu Plik wybierz pozycję Zapisz.

  8. Wróć do przeglądarki i odśwież stronę.

    Wyrazy będą wyświetlane w obszarze klienta okna przeglądarki. Zwróć uwagę, że powrót karetki jest ignorowany. Jeśli chcesz mieć podział wiersza, musisz dołączyć <BR> tag po pierwszym wierszu.

    Dla wszystkich kroków, które należy wykonać, wstaw tekst w dowolnym miejscu między <> treścią i </BODY>, aby dodać go do treści dokumentu.

  9. Dodaj nagłówek:

    <H3>Here's the big picture</H3>

  10. Dodaj obraz przy użyciu pliku GIF zapisanego w tym samym katalogu co strona:

    <IMG src="yourfile.gif">

  11. Dodaj listę:

    <UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>

  12. Aby numerować listę, użyj sparowanych <tagów OL> i </OL> zamiast <tagów UL> i </UL> .

Powinno to rozpocząć pracę. Jeśli na stronie sieci Web jest widoczna świetna funkcja, możesz dowiedzieć się, jak została utworzona, sprawdzając źródło HTML. Edytory HTML, takie jak Microsoft Front Page, mogą służyć do tworzenia stron prostych i zaawansowanych.

Oto całe źródło HTML pliku, który został utworzony:

<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>

Pełny opis tagów, atrybutów i rozszerzeń można znaleźć w specyfikacji języka Hypertext Markup Language (HTML):

Najnowsza opublikowana wersja kodu HTML w W3C.org.

Zobacz też

MFC — podstawy programowania Internetu