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.

<b>tekst</b>

Przykład:
tekst

-Pochylenie czcionki
<i>tekst</i>

Przykład:
tekst

-Podkreślenie czcionki
<u>tekst</u>

Przykład:
tekst

-Przekreślenie czcionki
<s>tekst</s>

Przykład:
tekst

-Indeks górny
^tekst

Przykład:
^tekst

-Indeks dolny
_tekst

Przykład:
_tekst

-Wielkość czcionki
<font size="wielkość czcionki">tekst</font>
Rozmiary: 1, 2, 3, 4, 5, 6, 7

Przykład:
Czciona 5
tekst

-Kolor czcionki
<font color="kolor czcionki">tekst</font>
white-biały
yellow-żółty
orange-pomarańczowy
red-czerwony
green-zielony
blue-niebieski
black-czarny

Przykład:
tekst

-Rodzaj czcionki
<font face="rodzaj czcionki">tekst</font>
Przykład:
tekst

-Łączenie tagów
Aby było łatwiej i żeby się nie męczyć można połączyć znaczniki czcionki.

< font size="wielkość czcionki" color="kolor" face="rodzaj czcionki">tekst</font>
Przykład:
tekst

-Odstępy

Znacznik <br /> służy jako przejście do następnej linii. Można powiedzieć, że to jest taki "webmasterki enter".
Przykład:
Jakiś tekst.<br />Jakiś tekst nr.2
Jakiś tekst.
Jakiś tekst nr.2

-Akapit (wyrównanie tekstu)
<p>akapit</p>
Przykład:

akapit

--Wyśrodkowanie

<p align="center">Wyśrodkowanie akapitu</p>
Przykład:

Wyśrodkowanie akapitu

--Do prawej

<p align="right">Do prawej akapit</p>
Przykład:

akapit do prawej

--Wyjustowanie tekstu

<p align="justify">Wyjustowanie akapitu</p>
Przykład:

Wyjustowanie akapitu

5. Odsyłacze, email

-Hiperłącza
<a href="adres strony">Tekst opisujący</a>
Przykład:
Konieczno City- Twoje centrum rozrywki

-Strona wyświetlana w nowym oknie
<a href="adres strony"target="_blank">Tekst opisujący</a>
Przykład:
Konieczno City- Twoje centrum rozrywki

-Email
<a href="mailto:adres email">Tekst opisujący</a>
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:

<img src="adres obrazka z http://">
Przykład:


-Odsyłacz w obrazku
<a href="adres strony"><img src="adres obrazka"></a>
Przykład:


-Przydatne tagi podczas wstawiania obrazka
alt- nazwa obrazka
<img src="adres obrazka z http" alt="nazwa obrazka">
Przykład:


border- obramowanie obrazka
<img border="w pikselach" src="adres obrazka z http://">
Przykład:


-Wysokość (height) i szerokość (widht) obrazka
<img src="adres obrazka z http://" widht="100" height="75">
Przykład:


-Miniaturka na stronie, a po kliknięciu na obrazek otwiera się powiększony obrazek
<a target="_blank" href="adres dużego zdjęcia"><img src="adres miniaturki obrazka" ></a>
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.