Czym jest strona internetowa?
Strona internetowa jest dokumentem komputerowym, zapisanym w pliku o rozszerzeniu htm lub html. Jest to plik tekstowy, w którym umieszcza się specjalne znaczniki języka HTML. Inne elementy strony to: grafika, dźwięk, filmy, które zapisane są w oddzielnych plikach.
Przykładowy schemat budowy strony internetowej:
Do tworzenia prostej strony internetowej można stosować:
- Notatnik
- Notepad++ (program bezpłatny) : POBIERZ
- Pajączek (program płatny)
Znaczniki HTML
Ogólny sposób stosowania znaczników:
Ogólny sposób stosowania znaczników z atrybutami:
Podstawowa struktura strony
Ułożenie znaczników w podstawowej strukturze strony:
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>tytuł strony</title>
</head>
<body>
zawartość strony
</body>
</html>
Podstawowe znaczniki języka html
Znacznik | Sposób użycia |
---|---|
<HTML></HTML> | Między nim umieszczona jest cała treść dokumentu |
<HEAD></HEAD> | Zawiera podstawowe informacje o dokumencie |
<BODY></BODY> | Zawiera konkretną treść dokumentu: znaczniki i tekst strony |
<TITLE></TITLE> | Zawiera tytuł strony widoczny w belce tytułowej przeglądarki |
<META></META> | Szczegółowo opisuje zawartość dokumentu |
<!– –> | Zawiera komentarz niewidoczny w oknie przeglądarki |
<P></P> | Nowy akapit |
<BR> | Przejście do nowego wiersza |
<B></B> | Czcionka pogrubiona |
<I></I> | Czcionka pochylona |
<U></U> | Czcionka podkreślona |
<FONT></FONT> | Ustala czcionkę |
<Hn></Hn> | Nagłówek – wpisany tekst przyjmuje wielkość dla n – od 1 do 7: H1 – największy nagłówek, H7 – najmniejszy nagłówek |
<CENTER></CENTER> | Wyśrodkowanie |
<RIGHT></RIGHT> | Wyrównanie do prawej strony |
<LEFT></LEFT> | Wyrównanie do lewej strony |
<UL><LI></LI></UL> | Lista nieuporządkowana |
<OL><LI></LI></OL> | Lista uporządkowana |
<IMG SRC=”nazwa pliku”> | Umożliwia umieszczenie grafiki na stronie |
<TABLE></TABLE> | Wstawianie tabeli |
<TH></TH> | Znacznik nagłówka w tabeli |
<TR></TR> | Znacznik wiersza w tabeli |
<TD></TD> | Znacznik kolumny w tabeli |
Więcej informacji o znacznikach i atrybutach używanych w języku HTML znajdziesz na stronie HTML DLA ZIELONYCH
ĆWICZENIE – TWORZENIE PROSTEJ STRONY INTERNETOWEJ
Karta pracy przygotowana w oparciu o podręcznik do informatyki dla klasy 7 – „Lubię to” Nowej Ery.
KARTA-PRACY-htm-cw-1FILM INSTRUKTAŻOWY DO KARTY PRACY
Views: 4619
Comments