HTML/Pierwsza strona: Różnice pomiędzy wersjami
Usunięta treść Dodana treść
WP:SK, usunięcie drugiego akapitu gdyż nie jest potrzebny na pierwszą stronę, poprawa wcięć, wyjaśnienie czym są znaczniki (i ujednolicenie ich nazewnictwa) |
Kompowiec2 (dyskusja | edycje) m zaczynam naukę HTML... |
||
Linia 1:
Najprościej będzie jak zaczniemy naszą naukę od stworzenia swojej pierwszej strony. W tym celu w swoim edytorze stwórz nowy plik i przepisz lub skopiuj kod przedstawiony poniżej:
<source lang="html4strict">
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<meta http-equiv="Content-
<title> Pierwsza Strona </title>▼
<meta name="Description" content=" [wstaw tu opis strony] " />
</head>▼
<meta name="Keywords" content=" [wstaw tu slowa kluczowe] " />
<body>▼
<meta name="Author" content=" [dane autora] " />
</body>▼
<link rel="stylesheet" href=" [nazwa_arkusza_stylow.css] " type="text/css" />
<!-- tutaj wstaw tresc strony -->
</html>
</source>
Linia 18 ⟶ 27:
# Pierwsza linijka powyższego kodu (zwanego '''kodem HTML''') przedstawia informację o dokumencie. Mówi ona o tym jaką wersje HTML-a zastosowaliśmy. Jest to potrzebne do dalszej interpretacji dokumentu.
# Następnie widzimy znacznik otwierający <code><nowiki><html></nowiki></code>. Sygnalizuje on rozpoczęcie kodu HTML w dokumencie. W tej sekcji umieszczamy całą resztę kodu HTML. Na końcu dokumentu znajdziemy znacznik zamykający <code><nowiki></html></nowiki></code>.
# Kolejną rzeczą jest sekcja <code><nowiki><head></head></nowiki></code>. W niej zawieramy informacje o dokumencie – w tym przypadku o kodowaniu znaków i tytule dokumentu, który zawsze zobaczymy na pasku przeglądarki. W sekcji ''head'' możemy umieścić
# Po tym przychodzi sekcja <code><nowiki><body></body></nowiki></code>. Obejmuje ona to, co chcemy umieścić na naszej stronie – czyli informacje o tekście, wstawianych grafikach itp.
# W sekcji body utworzyliśmy akapit za pomocą znaczników <code><nowiki><p></p></nowiki></code>, w którego sekcji umieściliśmy nasz tekst.
| |||