Kotlinos
Active User
- Dołączył
- Lipiec 26, 2010
- Posty
- 129
- Liczba reakcji
- 10
Witam. Pomy?la?em sobie ?e mo?e poprowadz? Lekcj? HTML.
1.
najpierw Wyt?umaczymy czym jest HTML.
Skr?t HTML pochodzi od s??w Hypertext Markup Language (j?zyk znakowania hipertekstu). J?zyk ten jest podstaw? ka?dej strony internetowej. Zawarto?? Pliku html jest w pliku textowym Od innych plik?w tekstowych na dysku twardym r??ni si? tylko rozszerzeniem nazwy pliku.
2. Edytory:
My b?dziemy korzysta? z Notatnika. Wielu z niedo?wiadczonych pomy?li WTF?.
A wi?c Notatnik jest najlepszym narz?dziem do nauki html, bo piszesz wszystko sam.
3. Przejd?my do rzeczy:
Wi?c otwieramy nasz notatnik.
Ka?d? stron? zaczynamy Komend?
w html wielko?? nie ma znaczenia.
Po tej komendzie Tworzymy cia?o strony czyli zawarto?? Komend?
Wi?c nasza strone wygl?da teraz tak
body czyli po angielsku Cia?o Strony. W nim b?dzie ca?a nasza strona.
4. Entery.
Wi?c entery w html nie istniej? ?eby przej?? w d?? nale?y wpisa? komend?
5. Znaczniki.
Uwaga ka?d? komend? ko?czymy
(gdzie n to nazwa komendy)
Wi?c teraz napisz? wam najbardziej przydatne znaczniki.
Wielko?? czcionki
gdzie jako "n" nale?y wpisa? warto?? od 1 (czcionka najmniejsza) do 7 (czcionka najwi?ksza)
Czcionka o rozmiarze 1
Czcionka o rozmiarze 2
Czcionka o rozmiarze 3
Czcionka o rozmiarze 4
Czcionka o rozmiarze 5
Czcionka o rozmiarze 6
Czcionka o rozmiarze 7
Kolor czcionki
Uwaga Kolor Podajemy po angielsku.
Na koniec troch? o odsy?aczach.
np.
Odsy?acze Obrazkowe
adres np. tibia.net.pl
u podaj ?cie?k? dost?pu do obrazka Tutaj podajesz adres obrazka.
Tu podaj tekst alternatywny a w miejsce "Tu podaj tekst alternatywny" wpisuje si? kr?tk? informacj?, kt?ra pojawi si? w przypadku, kiedy obrazek nie zostanie wy?wietlony.
Mam ju? Cia?o strony co dalej?
Wi?c strone ko?czymy zamkni?ciem znacznik?w body i html
Kr?tka przyk?adowa strona.
To by?a Kr?tka "Strona" na ?wiczenia
Spr?buj! html nie jest taki Trudny !!
Poradnik w pe?ni wykonany przez:
Wszelkie prawa zastrze?one...
Nied?ugo kolejne Lekcje
1.
najpierw Wyt?umaczymy czym jest HTML.
Skr?t HTML pochodzi od s??w Hypertext Markup Language (j?zyk znakowania hipertekstu). J?zyk ten jest podstaw? ka?dej strony internetowej. Zawarto?? Pliku html jest w pliku textowym Od innych plik?w tekstowych na dysku twardym r??ni si? tylko rozszerzeniem nazwy pliku.
2. Edytory:
My b?dziemy korzysta? z Notatnika. Wielu z niedo?wiadczonych pomy?li WTF?.
A wi?c Notatnik jest najlepszym narz?dziem do nauki html, bo piszesz wszystko sam.
3. Przejd?my do rzeczy:
Wi?c otwieramy nasz notatnik.
Ka?d? stron? zaczynamy Komend?
Kod:
<html>
Po tej komendzie Tworzymy cia?o strony czyli zawarto?? Komend?
Kod:
<body>
Kod:
<html>
<body>
4. Entery.
Wi?c entery w html nie istniej? ?eby przej?? w d?? nale?y wpisa? komend?
Kod:
<br>
Uwaga ka?d? komend? ko?czymy
Kod:
<[COLOR="Red"]n[/COLOR]>tekst</[COLOR="Red"]n[/COLOR]>
Wi?c teraz napisz? wam najbardziej przydatne znaczniki.
Kod:
<b>[B]Pogrubiony tekst[/B]</b>
Kod:
[I]<i>Kursywa</i>[/I]
Kod:
<u>[U]Teks Podkre?lony[/U]</u>
Kod:
<font size="n">Tu wpisz tekst</font>
Czcionka o rozmiarze 1
Czcionka o rozmiarze 2
Czcionka o rozmiarze 3
Czcionka o rozmiarze 4
Czcionka o rozmiarze 5
Czcionka o rozmiarze 6
Czcionka o rozmiarze 7
Kolor czcionki
Kod:
<font color="kolor">Tu wpisz tekst</font>
Na koniec troch? o odsy?aczach.
Kod:
<a href="wzgl?dna ?cie?ka dost?pu do podstrony">opis odsy?acza</a>
Kod:
<a herf="http://forum.komputry.info/">Zapraszam na moj? strone</a>
Kod:
<a href="[COLOR="Blue"]adres[/COLOR]"><img src="T[COLOR="Red"]u podaj ?cie?k? dost?pu do obrazka[/COLOR]" alt="[COLOR="Purple"]Tu podaj tekst alternatywny[/COLOR]" border="0" /></a>
u podaj ?cie?k? dost?pu do obrazka Tutaj podajesz adres obrazka.
Tu podaj tekst alternatywny a w miejsce "Tu podaj tekst alternatywny" wpisuje si? kr?tk? informacj?, kt?ra pojawi si? w przypadku, kiedy obrazek nie zostanie wy?wietlony.
Mam ju? Cia?o strony co dalej?
Wi?c strone ko?czymy zamkni?ciem znacznik?w body i html
PHP:
<html>
<body>
Strona itd..
</body>
<html>
Kod:
<html>
<body>
<br>
<br>
<br>
<[COLOR="Red"]b[/COLOR]><[COLOR="Purple"]u[/COLOR]><[COLOR="DarkOrange"]i[/COLOR]>Witam pa?stwa jest to testowa wiadomo??<[COLOR="DarkOrange"]/i[/COLOR]><[COLOR="Purple"]/u[/COLOR]></[COLOR="Red"]b[/COLOR]>
<br>
<br>
<b><font color="red">Mama</font></b>
<br>
<a herf"www.google.pl">Zapraszam na moj? strone</a>
<br>
</body>
<html>
Spr?buj! html nie jest taki Trudny !!
Poradnik w pe?ni wykonany przez:
Kotlin
Wszelkie prawa zastrze?one...
Nied?ugo kolejne Lekcje