podstawy html czesc I


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ł strony


tesc 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 tekst
Podkreślenie tekstu
Do podkreślenie tekstu użyjemy znacznika.
twój tekst
Pochylenie tekstu
Do pochylenia tekstu używamy znacznika.
twój tekst
Następna linia
w html aby przejść do następnej linii używa się znacznika


Wielkość czcionki
Do zmiany rozmiaru czcionki używamy:
Tu wpisz tekst
Gdzie 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 tekst
Gdzie 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:
Tu podaj tekst <br>alternatywny
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.
Znaczniknie posiada w jezyku HTML znacznika zamykającego
Wyśrodkowanie elementu
Aby wyśrodkować element użyj znacznika:
twój tekst wycentrowany

Odsyłacz url
Aby odesłać internauta na naszej stronie do innej podstrony lub strony użyj:
opis odsyłacza
Gdzie 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łacza
Dział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:
Tu podaj tekst <br>alternatywny
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 II
Podstawy HTML
Podstawy zarzadzania Część V
Podstawy zarządzania Część IV
podstawy html
Blender 3D Bryły Podstawowe Prosta Animacja Brył Część 1 Tutorial
Blender 3D Bryły Podstawowe Prosta Animacja Brył Część 2 Tutorial
Profilowanie konopii na podstawie składu pierwiastkowego Część I efekty matrycowe
Podstawy Rejestru Windows 2000 XP 03 część I
22 Część VII Udostępnianie baz danych w sieci WWW Podsta

więcej podobnych podstron