Poradnik HTML Część I
W dzisiejszym poradniku dowiecie się podstaw html
omówimy podstawowe tagi html oraz napiszemy własna stronę.
Edytory html
Na samym początku chciałem powiedzieć , że pisania strony
w notatniku nie ma sensu i zaproponuje wam program specjalny do tego.
Opisze tutaj jeden ponieważ opisywanie 10 programów nie ma sensu.
Notepad++
Program bardzo ciekawy używam tylko jego ponieważ bardzo przejrzysty
Podświetla składnie kodu,szybko się uruchamia, jest darmowy
Ramy dokumentu
Ramy dokumentu są to 3 tagi:
"
"
"
Tag informuje przeglądarkę o rozpoczęciu programowania w html.
Tag oznacza głowę dokumentu tam umieszczane są ważne informacje np.
kodowanie,meta.tytuł strony,skrypty JS, itp.
Tag oznacza ciało dokumentu tam umieszczamy treść strony.
Oto jak przykładowo powinny wyglądać ramy każdego dokumentu w formacie HTML (istnieją również inne
podobne szablony):
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Tu wpisz tytuł stronytesc strony
Tu wpisz tytuł strony ten tag oznacza tytuł strony.
Po co są tagi meta do wiecie się w następnej części poradnika.
Podstawowe znaczniki HTML
Teraz omówimy podstawowe znaczniki html jest ich trochę.
Pogrubienie tekstu
Do pogrubienia tekstu używamy znacznika.
twój tekstPodkreślenie tekstu
Do podkreślenie tekstu użyjemy znacznika.
twój tekstPochylenie tekstu
Do pochylenia tekstu używamy znacznika.
twój tekstNastępna linia
w html aby przejść do następnej linii używa się znacznika
Wielkość czcionki
Do zmiany rozmiaru czcionki używamy:
Tu wpisz tekstGdzie x należy wpisać wartość od 1 (czcionka najmniejsza) do 7 (czcionka największa).
Kolory czcionki
Aby zmienić kolor czcionki używamy znacznika:
Tu wpisz tekstGdzie kolor wpisujemy nazwe koloru po ang. lub specjalny kod rgb #kod
Kolor tła strony oraz tekstu
Aby zmienić kolor tła strony oraz kolor tekstu użyj tego:
Tu jest właściwa treść strony
Gdzie kolor tła oraz kolor tekstu podajemy kolory
Wstawiamy obrazek na stronę.
Aby wstawić obrazek użyj znacznika:
Gdzie Tu podaj względną ścieżkę dostępu do obrazka
podajemy adres obrazka na dysku lokalnym images/fotka.jpg
lub tez z adresu www z http.
Tu podaj tekst alternatywny ten tekst pokazuje się po najechaniu myszą na obrazek.
Znacznik
nie posiada w jezyku HTML znacznika zamykającego
Wyśrodkowanie elementu
Aby wyśrodkować element użyj znacznika:
twój tekst wycentrowanyOdsyłacz url
Aby odesłać internauta na naszej stronie do innej podstrony lub strony użyj:
opis odsyłaczaGdzie względna ścieżka dostępu do podstrony podaj adres do podstrony (podstrony/1.html)
lub też bezwzględny adres www Z http. Gdzie opis odsyłacza wpisz jaką nazwe ma mieć link.
Odsyłacz e-mail
Znacznik mailto jest dobrym znacznikiem ale nie polecam w dzisiejszych czasach
ponieważ boty przysyłają na takie e-maile spam. Znacznik:
opis odsyłaczaDziałanie podobne jak odsyłacz url każdy wie chyba o co chodzi
z tym adres poczty e-mail.
Odsyłacz obrazkowy
Jak to działa? Po kliknięciu w obrazek przenosi cie pod podany adres
znacznik:
Mam nadzieje ze każy wie o co z tym chodzi
Wszystkie znaczniki można ze sobą łaczyć np.
CześćTyle na dzisiaj :) w następnym poradniku dowiecie się jak zrobic dobrą stone www po
względem wyglądu.
Autor XxDrago uszanuj mnie i nie kopiuj.
Wyszukiwarka
Podobne podstrony:
podstawy html czesc IIPodstawy HTMLPodstawy zarzadzania Część VPodstawy zarządzania Część IVpodstawy htmlBlender 3D Bryły Podstawowe Prosta Animacja Brył Część 1 TutorialBlender 3D Bryły Podstawowe Prosta Animacja Brył Część 2 TutorialProfilowanie konopii na podstawie składu pierwiastkowego Część I efekty matrycowePodstawy Rejestru Windows 2000 XP 03 część I22 Część VII Udostępnianie baz danych w sieci WWW Podstawięcej podobnych podstron