-Średni Podstawy HTML

Zizi Knight · Październik 14, 2009

Bez zb?dnych op??nie?

1.Co to jest HTML??

HTML (ang. HyperText Markup Language, pol. hipertekstowy j?zyk znacznik?w) – dominuj?cy j?zyk wykorzystywany do tworzenia stron internetowych. Pozwala opisa? struktur? informacji zawartych w dokumencie nadaj?c znaczenie poszczeg?lnym fragmentom tekstu (formuj?c linki, nag??wki, akapity, listy, itp.) oraz osadzi? w tek?cie dodatkowe obiekty np. statyczne grafiki, interaktywne formularze, dynamiczne animacje. W sk?adni j?zyka HTML wykorzystuje si? znaczniki opatrzone z obu stron nawiasami ostrok?tnymi.

2.Podstawowe informacje
A)Strone/plik kt?ry bedzie stron? g??wn? zapisujemy zawsze jako

Kod:

index.htm/index.html

,poniewa? serwery s? tak zaprogramowane ?eby taki plik odczytywa? jako pierwszy
B)Ka?dy znacznik ko?czymy tak samo tylko ?e dodajmy

Kod:

np.

Kod:

<b>pogrubienie</b> albo <i>pisanie kursyw?</i>

C)Taka rada:"Stosujcie wci?cia {Tab}U?atwiaj? one odczytywanie kodu"

3.Jakie? programy??
Tak.S? takie 2.Total Commander oraz Notatnik albo Notepad++.Polecam ten drugi poniewa? koloruje on tagi i ?atwo sie po?apa? czy s? b??dy

4.Jak wygl?da pusta strona
A no wygl?da ona tak;

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>lol</TITLE>
 </HEAD>
<BODY>
</BODY>
</HTML>

5.Jak edytowa?
Wi?c tak;
Mieczy znacznikami

Kod:

<TITLE>a</title>

Nale?y wpisa? nag??wek.B?dzie on wy?wietlany tutaj:

Poniewa? miedzy znacznikami

Kod:

title

wpisa?em lol mog?em wpisa? co? innego i by sie w nag??wku inny tekst wy?iwtli?
Mi?dzy

Kod:

<body></body>

umieszczamy zawarto?? strony kt?ra b?dzie wy?wietlana w przegl?darce

6.Co mog? umie?ci? w <body>??
Jak na pocz?tek to i tak jest tego sporo ;
<p></p> - s? to znaczniki akapit?w/linijek nie wiem jak to dok?adnie okre?li?
<b></b> - pogrubienie
<i></i> - kursywa
<u></u> - podkre?lenie
<font color="jaki ma byc kolor napisu"></font> - kolor czcionki
<h1>do h6</h1>do h6 - nag??wki{ka?dy nast?pny jest mniejszy od h1}
<br/> - ?amanie lini {bez zako?czenia samo takie}
<hr> - oddziela lini? poziom? {bez zako?czenia}
<cite></cite> - cytat ,przypomina kursyw?
<del></del> - przekre?la tekst
<ul></ul> - Lista wypunktowana ale zeby wypunktowa? trzeba ka?dy punkt wsi??? w <li></li>albo (bedzie wypunktowane cyframi )<ol>
</ol> zamiast <ul>
Z taki podstawowych to chyba tyle.Jak jakie? pomin??em piszcie
Umieszczanie tekstu;
<center></center> - wy?rodkowanie
Liniki i obrazki;
<a href="addres strony></a> - link do strony;
A)je?li jest to pod strona i znajduje sie w tym samym katalogu sa ta strona a wpisujemy tylko zamiast addres strony np.

Kod:

kontakt.htm

B)Je?li jest to link do strony innej to dajemy zamiast addres strony np

Kod:

http://www.tibia.net.pl

<img src="adres obrazka" alt="opis"> - Adres do obrazka {bez ko?c?wki};
A)je?li obrazek znajduje sie w folderze kt?ry natomiast znajduje sie w tym folderze co strona do wpisujemy ;za???my ?e folder z obrazkiem nosi nazwe "o" wtedy adres obrazka b?dzie wygl?da? tak

Kod:

o/obrazek.[B]gif[/B]

Nie zapomina? o rozszerzeniu

7.Zak?adamy konto
a}Ja proponuj

Nie masz wystarczających uprawnień, aby zobaczyć link. Zaloguj or Rejestracja

za?o?y? konto ka?dy umie
b}klikamy w zaznaczone na czerwono;

c}wype?niamy takie z prawej strony ;

d}Odpalamy Total Commandera ;

klikamy w to co znaczy?em na ss na czerwono a potem w to zaznaczone na zielono
e}

Uzupe?niamy w to co na sss
f}??czymy sie przegrywamy pliki stron z obrazkami i mamy stron?
Z lewej strony mamy server a z prawej masz komputer

Pozdrawiam Zizi

xmoss · Październik 15, 2009

Odp: Podstawy HTML

?licznie tylko:

Kod:
Strone/plik kt?ry bedzie stron? g??wn? zapisujemy zawsze jako

Kod:

index.htm

a co z index.html, index.php, itd.

<h1>do h6</h1>do h6 - nag??wki

warto zaznaczy? ?e h1 to nag??wek poierwszego stopnia czyli b?dzie znacznie wi?kszy od h6 czyli nag??wka 6-tego stopnia.

<cite></cite> - cytat ,przypomina kursyw?

jak juz kilka stron mam za sob? NIGDY tego nie u?y?em

<center></center> - wy?rodkowanie

WYSZ?O ZE SPECYFIKACJI J?ZYKA

<img src="adres obrazka">

obecnie tag <img> wymaga parametru alt
czyli:

Kod:

<img src="adres obrazka" alt="opis obrazka">

<br/> - ?amanie lini {bez zako?czenia samo takie}
<hr> - oddziela lini? poziom? {bez zako?czenia}

powiniene? si? zdecydowa?. albo dajesz /albo nie. podpowiem powiniene? dawa?. od kt?rego? tam numerka HTML wszystkie tagi powinny by? zamykane, czyli:

Kod:

<br />
<hr />
<img src="" alt="" />

itd.

Tak.S? takie 2.Total Commander oraz Notatnik albo Notepad++.Polecam ten drugi poniewa? koloruje on komendy i ?atwo sie po?apa? czy s? b??dy

To nie s? KOMENDY tylko TAGI.
ps. a ja polecam Paj?czka

od niego zaczyna?em....a teraz crimsoneditor

ps2. ale i tak nie?le. b?d?c zupe?nie zielonym po przeczytaniu tego mo?na co? naskroba?

Zizi Knight · Październik 15, 2009

Odp: Podstawy HTML

#UP
zgodz? sie z tob? ale ;
nie masz racji ze w <img> trzeba stosowa? "alt".Sam mam strone i bez alt?w i jako? dzia?a wi?c nie jest wymagane

ps. a ja polecam Paj?czka od niego zaczyna?em....a teraz crimsoneditor

Paj?czek jest od edycji kodu a notepad++ jest jak notatnik tylko ?e "lekko"powi?kszono jego fukncje
#TOP
ju? b??dy poprawiam

Nikt nie chce skomentowa???

Magic · Październik 15, 2009

Odp: Podstawy HTML

xmoss napisał:
?licznie tylko:
a co z index.html, index.php, itd.

Fakt, m?g? doda?, jednak jest to kurs HTML wi?c .php troch? dziwnie b?dzie wygl?da?

@Topic
Poradnik ?adny, jednak niekt?re rzeczy przyda?o by si? doda?. Chocia?by budowe tabelek, zmiana t?a, oraz np. migaj?cy tekst(<blink> o ile pami?tam). Pocz?tkuj?cy mo?e co? nabazgra?, jednak jest to kurs do?? szybki, przedstawia proste rzeczy oraz jak za?o?y? konto. Mam nadziej? ?e rozwiniesz ten poradnik, bo dosy? dobrze si? zaczyna(najlepiej za?o?y? stron?, gdzie b?dziesz m?g? pokaza? jak wygl?da dana rzecz w praktyce, gdy? to bardzo pomaga

)

xmoss · Październik 16, 2009

Odp: Podstawy HTML

@Zizi Knight
oczywi?cie ?e <img> bez alta b?dzie dzia?a?. ca?a rzecz rozbija si? o to ?e w kt?rej? tam specyfikacji j?zyka wysz?o ?e jest on niezb?dny. Je?eli strona ma by? poprawnie walidowana to <img> musi by? z altem.

@Magic Hereos
s?uszna uwaga.

Zizi Knight · Październik 16, 2009

Odp: Podstawy HTML

@Magic masz repa bo m?wi?em ?eby pisa? ?e jaki? tag?w brakuje
@Up
Ale to jest HTML a nie inne "usprawnienia"
#Top
Jak zbior? wen? to sie zabior? na pisanie strony z poradnikiem
Mo?e o jaki? tagach zapomnia?em
Za ka?de kilka bedzie reput
Pozdrawiam Zizi
#Edit
A co to teraz naskroba?em na szybko

Nie masz wystarczających uprawnień, aby zobaczyć link. Zaloguj or Rejestracja

Zizi Knight · Październik 18, 2009

Odp: Podstawy HTML

Tyle odwiedzin a nikt nie komentuje ??

#OD?WIE?AM
We?cie co? napiszcie

Pozdrawiam Zizi

Zizi Knight · Październik 21, 2009

Odp: Podstawy HTML

#od?wie?am

KOMENTOWA?
@^%@$OD?WIE?AM

Avrellius · Październik 22, 2009

Odp: Podstawy HTML

<center></center> - wy?rodkowanie

Skoro dajesz wy?rodkowanie, doda?by? lewy oraz prawy margines.

Doda?by? tak?e to:

HTML:

<ol>
<li></li>
</ol>

To samo co z <ul> tylko, ?e zamiast punkt?w pojawi? si? cyfry.

<b></b> - pogrubienie
<i></i> - kursywa

Doda?by?:

HTML:

<u></u>

Podkre?lenie

Zapomnia?e? tak?e o znacznikach <meta ... />

To te podstawowe braki.

A poradnik taki sobie, wielu element?w brakuje niestety...

Don Wakeful · Październik 22, 2009

Odp: Podstawy HTML

Poradnik mi si? podoba, kiedy? sam si? tym interesowa?em, ale bardzo szybko to min??o, poradnik bardzo dobrze wyt?umaczony, wszystko pi?knie ?adnie, ?adnych b??d?w si? nie dopatrzy?em.

Reput za prac?.

Pozdrawiam,
Don Wakeful.

Zizi Knight · Październik 23, 2009

Odp: Podstawy HTML

#2up
Zaraz dopisze co brakuje
I co niejest wyt?umaczone??
#up
ThX na kom?ta

#TOP
Mo?e kto? jeszcze sie skusi a b??dy poprawiam

Pozdrawiam Zizi

Mateht · Październik 23, 2009

Odp: Podstawy HTML

B)Ka?dy znacznik ko?czymy tak samo tylko ?e dodajmy

To raczej jest nazywane tagiem. I nie napisa?e? o wyj?tkach takich jak

HTML:

<br />

Tak.S? takie 2.Total Commander oraz Notatnik albo Notepad++.Polecam ten drugi poniewa? koloruje on tagi i ?atwo sie po?apa? czy s? b??dy

2!? A gdzie najpopularniejsze edytory?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>lol</TITLE>
</HEAD>
<BODY>
Tutaj jest zawarto?? strony
</BODY>
</HTML>

Pusta ona wtedy nie jest, bo pomi?dzy znacznikami

HTML:

<body>

jest tekst.
Dodatkowo dajesz z?y przyk?ad, poniewa? nie u?ywamy du?ych liter w tagach - p??niej nie wiemy dlaczego mamy b??dy.

Nale?y wpisa? nag??wek

Nag??wek to

HTML:

<h1>

, a to jest tytu?.

wy?iwtli?

B??d ortograficzny, powinno by? "wy?wietli?".

umieszczamy zawarto?? strony kt?ra b?dzie wy?wietlana w przegl?darce

Czy tylko zawarto?? strony? A np. tagi? Tak?e umieszczamy je pomi?dzy tymi tagami. Dalej je wypisa?e?, a tutaj o tym nie wspomnia?e?.

ak na pocz?tek to i tak jest tego sporo ;

Na pocz?tek to jest bardzo ma?o. Tych prostych znacznik?w mo?na si? nauczy? i wy?wiczy? w 1~ h.

<br/> - ?amanie lini {bez zako?czenia samo takie}

B??d w kodzie... Prawid?owo wygl?da to tak:

HTML:

<br />

Lepiej to okre?li? jako enter na klawiaturze, kt?ry nie gra roli w HTML.

kt?ry natospiast znajduje sie w tym folderze

B??d ortograficzny, poprawnie: "natomiast".

7.Zak?adamy konto
a}Ja proponuj ?semka.pl

Hmm, a co z innymi serwisami? Mog?e? wypisa? te najbardziej popularne oraz umie?ci? ich wady i zalety.

c}wype?niamy takie z prawej strony ;

Je?li ju? dajesz link do zdj?cia i piszesz, ?e wype?niamy to, to powiniene? napisa? jak to wype?ni?, bo ka?dy g?upi wie ?e to trzeba wype?ni?.

Np. opis strony - nie ka?dy wie gdzie on si? pojawi.

d}Odpalamy Total Commandera ;

Lepiej od razu nacisn?? "Nowe po??czenie", a poza tym ta opcja jest na pasku szybkiego uruchamiania.

e}

Eh, b??d ortograficzny i to jaki... Piszemy "tytu?". Nazwa hosta to nie jest tytu? strony...

f}??czymy sie przegrywamy pliki stron z obrazkami i mamy stron?

Nie przegrywamy, tylko wrzucamy na serwer...
Kilka s??w na temat poradnika: wed?ug mnie artyku? jest bardzo s?aby, du?o b??d?w, pomy?ki w kodzie, ?le wyt?umaczony oraz Twoje pomy?ki.
Dla kogo? kto si? nie zna to w ?yciu z tego poradnika nie wyniesie nic... W tagach umie?ci?e? po?ow? tych, kt?rych bardzo rzadko u?ywamy, co z czcionk? tekstu?
Nie wymieni?e? co to ramki, tabele i wiele innych. Nie wspomnia?e? o aktualnym HTML... Moja ocena to 2/10, s?abo.

#down
Jako? jeszcze widz? b??dy...

Zizi Knight · Październik 27, 2009

Odp: Podstawy HTML

#Up
Thx za b??dy
Ju? poprawi?em
A czemu napisa?em tylko o ?semce??
Bo ja proponuje ten hosting a nie inny

#Top
Sorki ?e tak d?ugo ale czasu nie by?o
Wytyka? b??dy bo reput bedzie

Pozdrawiam Ziiz

Zbiegniew Cebula · Styczeń 4, 2010

Odp: Podstawy HTML

Troszk? si? znam na HTML i 9/10 :]

Kod:
WYSZ?O ZE SPECYFIKACJI J?ZYKA

Kod:

<img src="adres obrazka">

Kliknij aby rozwinąć...

obecnie tag <img> wymaga parametru alt
czyli:

Kod:

<img src="adres obrazka" alt="opis obrazka">

Kliknij aby rozwinąć...

Kliknij aby rozwinąć...

_____________________----------

Kod:

<img src="adres obrazka">

Mo?na te? u?ywa? w ka?dym HTML

Kod:

<br/>|<br>|<br /> - Taki Enter w tekscie

Kod:

<hr/>|<hr>|<hr /> - Linia na ca?? szeroko?? stronki

M@rtin · Marzec 5, 2010

Odp: Podstawy HTML

A ja tu nie widz? ?adnych podstaw HTML. To co przedstawi?e? to jest xHTML. Zanim przekopiowa?e? te kilka tag?w z jakiego? kursu mog?e? chocia? dobrze przeczyta? co kopiujesz...
Og?lnie ?enada.

Dyop · Maj 3, 2010

Odp: Podstawy HTML

Mam problem ot?? mam zarejestrowa?em si? na Osemka.pl i nie przychodzi mi wiadomo?? z linkiem potwierdzaj?cym mam poczt? na o2.pl
POMOCY

Szukaj

Szukaj

-Średni Podstawy HTML

Zizi Knight

Advanced User

xmoss

User

Zizi Knight

Advanced User

Magic

3+3=3!

xmoss

User

Zizi Knight

Advanced User

Zizi Knight

Advanced User

Zizi Knight

Advanced User

Avrellius

Senior User

Don Wakeful

Senior User

Zizi Knight

Advanced User

Mateht

Advanced User

Zizi Knight

Advanced User

Zbiegniew Cebula

Active User

M@rtin

#mistrz

Dyop

Active User