|
Kurs html dla początkujących. Na początku tworzenie strony www lepiej zacząć od zwykłego notatnika i gotowego szablonu w celu zapamiętania znaczników. A gdy już dobrze będziesz miał opanowane tagi (znaczniki) możesz przejść do profesjonalnego edytora (np. pajączek lub EdHTML) i stworzyć własną stronę www.
1. Co to jest ten cały html
HTML (ang. HyperText Markup Language, hipertekstowy język znaczników) to język składający się ze znaczników stosowany do pisania stron WWW.
2. Podstawa strony w html (tzw. szkielet)
3. Znaczniki meta
Znaczniki meta są wskazówkami dla wyszukiwarek, które indeksują (dodają do swojej bazy stron) nasza strone.
4. Czcionka
-Pogrubienie czcionki
Przykład:
tekst
-Pochylenie czcionki
Przykład:
tekst
-Podkreślenie czcionki
Przykład:
tekst
-Przekreślenie czcionki
Przykład:
tekst
-Indeks górny
Przykład:
tekst
-Indeks dolny
Przykład:
tekst
-Wielkość czcionki
Rozmiary: 1, 2, 3, 4, 5, 6, 7
Przykład:
Czciona 5
tekst
-Kolor czcionki
white-biały
yellow-żółty
orange-pomarańczowy
red-czerwony
green-zielony
blue-niebieski
black-czarny
Przykład:
tekst
-Rodzaj czcionki
Przykład:
tekst
-Łączenie tagów
Aby było łatwiej i żeby się nie męczyć można połączyć znaczniki czcionki.
Przykład:
tekst
-Odstępy
Znacznik służy jako przejście do następnej linii. Można powiedzieć, że to jest taki "webmasterki enter".
Przykład:
Jakiś tekst.
Jakiś tekst nr.2
-Akapit (wyrównanie tekstu)
Przykład:
akapit
--Wyśrodkowanie
Przykład:
Wyśrodkowanie akapitu
--Do prawej
Przykład:
akapit do prawej
--Wyjustowanie tekstu
Przykład:
Wyjustowanie akapitu
5. Odsyłacze, email
-Hiperłącza
Przykład:
Konieczno City- Twoje centrum rozrywki
-Strona wyświetlana w nowym oknie
Przykład:
Konieczno City- Twoje centrum rozrywki
-Email
Przykład:
Ten adres email jest ukrywany przed spamerami, włącz obsługę JavaScript w przeglądarce, by go zobaczyć
6.Obrazki
Aby umieścić dowolny obrazek na strone wystarczy wstawić ten kod:
Przykład:
-Odsyłacz w obrazku
Przykład:

-Przydatne tagi podczas wstawiania obrazka
alt- nazwa obrazka
Przykład:

border- obramowanie obrazka
Przykład:

-Wysokość (height) i szerokość (widht) obrazka
Przykład:

-Miniaturka na stronie, a po kliknięciu na obrazek otwiera się powiększony obrazek
Przykład:
Podobnie jak w czcionce tak i tu można łączyć parametry wstawiając obrazek.
Pobierz kurs (2.7 KB)
_______________________________
Kurs napisał Black, prawa kursu html
przysługują portalowi Konieczno City.
Możesz go za darmo rozpowszechniać pod
warunkiem, że nie będziesz modyfikował
go.
|