Podstawy HTML

TexoniX · Dec 1, 2010

Witam, udost?pniam wam m?j kr?tki poradnik, na temat podstaw HTML.
Poradnik jest mojego autorstwa.
Cze?? I. (b?dzie 8)

Zaczynamy:
Krok 1.
Co to jest Html?
Inaczej nazywany Hyper Text Markup Languag. Jest to j?zyk programowania, kt?ry jest u?yty przy ka?dej stronie www. U?ywamy go do opisu, ozdobienia strony. Jest to jezyk jeden z wa?nych i ?atwiejszych jezyk?w. Jest on pisany komendami, kt?re musimy zawsze zako?czy?, najcz??ciej zaczynamy od nawias?w (zwanych ostrych) Przechodzimy do kroku 2.

Krok 2.
Edytor Tekstu:
Najbardziej u?ywanym edytorem jest "Notatnik", kt?ry jest wbudowany w systemie Widnows i ka?dy go umie obs?ugiwa?. Profesjonalnym edytorem obs?ugi html jest program "Paj?czek" ale jest on niestety p?atny. Z bezp?atnego i dobrego edytora mo?emy korzysta?:
"Ager Web Edytor"
Mo?na go ?ci?gn?? z oficjalnej strony

You do not have permission to view link please Log in or Register

Krok 3.
Podstawowe komendy html:
1.

<html>

Jedna z podstawowych komend, jest to pocz?tek strony. Inaczej pocz?tek kodu HTML
Zawsze musisz zako?czy? dan? komend? najcz??ciej znacznikiem /.
Powinno wygl?da? to tak:

</html>

2.

<HEAD> </HEAD>

Pomi?dzy komend? znajduje si? nag??wek strony, z wa?n? informacj?. Pami?taj aby go zako?czy? znakiem /.
3.

<TITLE> </TITLE>

Pomi?dzy tymi komendami ma znajdowa? si? tytu? tekstu. Pojawia si? on w g?rnej belce przegl?darki.
4.

<BODY> </BODY>

Jest to cia?o strony, jak samo s?owo m?wi, pomi?dzy tymi komendami wy?wietla si? tekst w przegl?darce.

I uko?czyli?my struktur? strony w j?zyku html, powinno wygl?da? tak jak poni?ej.

<html>
<head>
<title>Tytu? naszej strony.</title>
</head>
<body>

Tre?? naszej strony.

</body>
</html>

Przechodzimy do korku nast?pnego.

Krok 4.
Ko?czenie komend
Komend? w HTML zawsze zaczynamy od <>, lecz ko?czymy j? </>znakiem /,k kt?ry znajduje si? pomi?dzy nawiasami <>. Zawsze musimy zako?czy? kod, jak nie zrobimy tego nasz tekst straci warto??.
np:
Zaczynamy:

a musimy zako?czy? dodanie znaku /:

Krok 5.
Komendy Html
align=left - wyr?wnanie do lewej
align=center - centrowanie
align=right - wyr?wnanie do prawej

lub

S? to akapity naszej strony. Pami?taj, ?e ko?czymy je znakiem /.

Pogrubienie

Pogrubienie tekstu, wygl?da on tak:
tekst

Kursywa

Jest to pochylenie tekstu, czyli zmienia wygl?d napisu, wygl?da ona tak:
tekst

Podkre?lenie

Podkre?la nasz tekst, wygl?da tak:
tekst

<center>Wy?rodkowanie

Wy?rodkowuje nasz tekst, wygl?da to tak:

tekst

kolor czerwony

Zmienia tekstu kolor na czerwony, wygl?da to tak:
tekst

Czcionka

Zmienia naszego tekstu czcionk?, dopasowan? przez nas, wygl?da to tak:
tekst

<blink>miganie</blink>

Jest to komenda rzadka, dzi?ki niej nasz tekst miga.

Enter

i? w html nie dzia?a enter nie wida? go na stronie, u?ywamy , nie ko?czymy go.

<img src="link do obrazka">

Pomi?dzy "" wstawiamy link i na naszej stronie widzimy dany obrazek, tej komendy nie musimy ko?czy?.

<a href="Adres internetowy">Nazwa przekierowanego adresu</a>
Pomi?dzy "" wpisujemy adres strony i jak klikamy w link zostajemy przekierowani do danej strony ustawionej.

To jest koniec, prosz? o ?agodne komentarze.

Krecioo · Dec 1, 2010

Odp: Podstawy HTML

To s? ca?kowite podstawy a ty nawet ich nie umia?e? porz?dnie wyt?umaczy?. Poza tym ?le dobra?e? niekt?re tre?ci. Na przyk?ad poda?e? komend? odpowiedzialn? za wy?wietlanie link?w, ale o adresowaniu wzgl?dnym i bezwzgl?dnym (co jest bardzo wa?ne) nie wspomnia?e? ani s?owa. Poza tym nigdzie nie widzia?em informacji, ?e plik zawieraj?cy nasz? stron? g??wn? musi nazywa? si? index.html lub index.php.

Brakuje mi tu te? wzmianki o tworzeniu szkieletu strony... Mog?e? opisa? jak si? tworzy tabele albo je?li jeste? ambitny, to mog?e? wyt?umaczy? tworzenie szkieletu przy pomocy komendy <div>.

Og?lnie s?abo, opisa?e? bardzo ma?o komend i poruszy?e? ma?o zagadnie?. A te, kt?re s? om?wi?e? bardzo skromnie. Sam mia?em pisa? poradnik o podobnej tematyce, ale jak wida? mnie wyprzedzi?e?... Na szcz??cie tw?j poradnik nie jest na tyle dobry bym musia? rezygnowa? z pisania swojego ^^

Zizi Knight · Dec 13, 2010

Odp: Podstawy HTML

Jest juz takie co?.../link w podpisie u mnie/
poza tym sporo b??d?w, od pocz?tku;
Nie "komendy" tylko "tagi"

Skoro podstawy HTML to poco podsuwa? u?atwienia w stylu edytor?w tekstu. Wi?ksz? przyjemono?? przynajmniej dla mnie by?o odkrywanie tag?wpodpatrujac kody czy z poradnik?w(

You do not have permission to view link please Log in or Register

) ni? z edytora gdzie i tak nikt nie patrzy jak on wygl?da i si? nie nauczy.

Nie m?wie ?e nie powinno sie u?ywac <center> itd ale to podstawy wi?c ok. ale do img powinni?my u?y? atrybutu alt

Zamiast   powinno by?  

A zapomnia?e? dodac ?e ko?c?wka pliku musi mie? zako?czenie
*htm
*html
bo inaczej zobaczymy sam kod

Psychodelik · Dec 13, 2010

Odp: Podstawy HTML

Bardzo fajnie to opisa?es , napewno poczatkujacym w HTML sie przyda.

reres_111 · Jan 1, 2011

Odp: Podstawy HTML

Mam takie pytanie bo nigdzie nie mog? dosta? odp. (szuka?em) Jak zrobi? w HTML 2 obrazki obok siebie albo po lewej stronie tekst a po prawej obrazek. Bo w tej chwili jak wstawi? obrazek z prawej stronie to po prawej jest pusto!!

Tibia2 · Jan 2, 2011

Odp: Podstawy HTML

Na pocz?tek przyda si? pocz?tkuj?cym "Programistom"

ale z tym

PHP:

<font color="kolor">Tekst</font>

Mo?na z??czy? z

PHP:

<font size="size">Tekst</font>

a by wygl?da?o

PHP:

<font size="kolor" color="kolor">Tekst</font> :P

Search

Search

Podstawy HTML

TexoniX

Active User

Krecioo

Colorful!

Zizi Knight

Advanced User

Psychodelik

User

reres_111

Active User

Tibia2

User