Kurs Html - Pasja informatyki.pdf

(8800 KB) Pobierz
Kurs Html – Pasja informatyki
Ustawienia notatnika Notepad++
Projekt: 1 Tworzenie strony www
Znacznik: a – link
Znacznik: href – adres pod jakim ma zaprowadzić nas hiperłącze
Znaczniki mogą mieć swoje właściwości. Mówimy na nie w html atrybuty. Atrybuty znajdują sie w
środku tagów.
<a href=http://onet.pl>Kliknij</a>
W powyższym przykładzie jesteśmy w środku znacznika <a>
Wartość atrybutu równa się, a potem wartość w cudzysłowiu.
<img width=”500” height=”420” src=”homer.jpg” />
Znacznik img – od image, czyli obraz
Czasem można atrybutów nie zapisywać. Wtedy przeglądarka sama pobierze rozmiar obrazka
<img src=”homer.jpg” />
Tagi mogą być podwójne ze znacznikiem otwierającym i zamykającym albo mogą być pojedyncze.
Kurs Html – Pasja informatyki
1
Sekcje w kodzie: głowa, nagłówek – head, ciało strony - body
W głowie znajdują się informacje, których nie widać fizycznie na stronie, ale które są ważne dla
działania tej strony, w sekcji body znajduje się wszystko co widzi użytkownik, zawartość wizualną
strony.
Doctype to typ dokumentu. Będzie to linia informująca przeglądarkę w której wersji html
postanowiliśmy okodować nasz dokument. Jest to deklaracja oznaczająca, że chcemy pisać w
najnowszym wciąż rozwijanym html5
Chcemy mieć język polski
<html lang="pl">
Meta – chodzi o informacje ważne dla witryny, char set – zestaw znaków z klawiatury
<head>
<meta charset="utf-8" />
</head>
Kurs Html – Pasja informatyki
2
<head>
<meta charset="utf-8" />
<title> Ulubione filmy</title>
<meta name="description" content="Filmy, które lubie. To jest opips strony"/>
<meta name = "keyworks" content="Słowa kluczowe, kino, filmy, najpelpsze filmy, moje
ulubione filmy"/>
<meta http-equiv="X-UA-Compact" content="IE=edge, chrome=1"/>
</head>
Wygląd w notatniku
<h1> - nagłówek
Uruchamiamy przeglądarkę
Kurs Html – Pasja informatyki
3
Zmiany w body
Uruchamiamy przeglądarkę
<br /> robimy enter, nowa linia
Uruchamiamy przeglądarkę
Kurs Html – Pasja informatyki
4
A teraz całość
Dodajemy do body – dodajemy linki
Uruchamiamy przeglądarkę
Kurs Html – Pasja informatyki
5

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin