Zablokowane #1 Kurs HTML - Wstępne informacje.

Outhorn · 5 Listopada 2015

#1 Kurs HTML - Informacje wstępne

Witam w moim pierwszym poradniku dotyczącym języka HyperText Markup Language potocznie zwanym HTML, chciałbym pokrótce omówić budowę języka HTML, jakie edytory są preferowane na dane systemy operacyjne oraz jaką pełni funkcje i przede wszystkim czym on jest. Dzięki językowi HTML, możemy napisać strukturę informacji, które będą wyświetlane na Twojej stronie internetowej. W tym języku, możemy dowolnie formatować akapity, hiperłącza, nagłówki, tekst oraz wiele innych, ale mimo wszystko przyjęło się, że bardziej zaawansowanym formatowaniem tekstu, wyglądu Twojej witryny są właśnie Kaskadowe Arkusze Stylów (tzw. CSS). W składni języka HTML, używa się tzw. Nawiasów ostrokątnych, który wygląda tak (< lub >) jednak musimy pamiętać aby znaczniki otworzyć oraz zamknąć (np. <title>Mój pierwszy poradnik z serii HTML</title>) Każdy znacznik musi mieć swój początek, oraz koniec. Myślę, że ten wstęp objaśnił Ci mniej więcej co to takiego HTML i jaką pełni funkcję. Przejdźmy do właściwej części poradnika.

Podstawowa struktura każdej strony WWW, to nic innego jak znaczniki otwierające, jak i zamykające. To jest przykładowy kod:

<!DOCTYPE html>


<html lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Tu wpisz opis zawartości strony" />
<meta name="Keywords" content="Tu wpisz wyrazy kluczowe, np. Jasiek, Sklep, Warzywniak, tanio, świetnie" />
<title>Tu wpisz tytuł strony</title>
</head>
<body>


Tu wpisuje się treść strony


</body>
</html>

Objaśnienia powyższego kodu:

Jak zauważyłeś na początku każdego dokumentu HTML, znajduję się znacznik <!DOCTYPEhtml>, a cóż to takiego? To nic innego, jak deklaracja typu dokumentu i powinien być umieszczony jako pierwszy element w dokumencie HTML, w szczególności przed znacznikiem <html>. Ten znacznik informuje przeglądarkę której wersji HTML lub XHTML używa wczytywana właśnie strona.

Następnie widzimy znacznik <html></html>, to nic innego, jak poinformowania naszej przeglądarki w jakim języku jest napisana przez nas strona.

W kolejnym wierszu między znacznikami <head></head> (Tzw. Głowa dokumentu, jest to coś, czego nie widzimy gołym okiem na stronie)widzimy coś nie typowego, znacznik <meta , który może przyjmować różne wartości, takie ja kodowanie znaków jest umieszczone na naszej stronie (Standardowo używamy opcji <meta http-equiv="Content-Type" content="text/html; charset="utf-8" /> czyli nic innego jak polskie kodowanie znaków takie jak "ą", "ę", "ć"), description, w którym umieszczamy treść, jaka ma zostać wyświetlona podczas wyszukiwania naszej witryny w sieci. W kolejnym wierszu mamy do czynienia ze znacznikiem meta name, który odpowiada za słowa kluczowe, np. Jasiek, Sklep, Warzywniak, tanio, świetnie, czyli po wpisaniu w przeglądarce, np. Słowa Jasiek, wyskoczy nam masa stron, które mają właśnie takie słowa kluczowe.

W kolejnym wierszu widzimy znacznik <body><body>, który na angielski znaczy "Ciało" tak też jest właśnie w języku html, znacznik <body> to nic innego jak ciało dokumentu, w którym wyświetlana jest cała zawartość strony, możesz, np. wpisać Hello World!, to automatycznie zostanie zapisane w deklaracji i wyświetli Ci tą zawartość znacznika na stronie.

Jak wiemy (albo i nie) aby stronę w języku HTML zapisać i ją potem odtworzyć w przeglądarce, musimy stworzyć nowy projekt oraz zapisać jako index.html z kodowaniem znaków najlepiej UTF-8.

Polecane edytory tekstowe:

Windows:

Pajączek (Płatny)
WebEdit (Darmowy)

Linux:

BlueFish(Darmowy)

Mac OS X:

Smultron(Darmowy)
BlueFisch(Darmowy)

Dziękuje za obejrzenie mojego poradnika. Copright by .firewall dla CSowicze.pl, wszelkie prawa zastrzeżone. Zakazuję

kopiowania treści tego poradnika.

~eZ. · 5 Listopada 2015

Dałbym plusa, ale mi się wyczerpały.

Świetnie opracowane, ładnie oprawione i ogólnie poradnik wygląda naprawdę dobrze. Miłe dla oka kolory, wszystko git. :dobra_robota:

~sNtr ;xx · 5 Listopada 2015

Wszystko ładnie opisane. Oprawione jak kolega wyżej napisał.

Czyta się świetnie i nie którzy mogą nauczyć się czegoś przez ten temat :)

Oby takie kolejne tematy Ci się dobrze pisało ^^

RumcajsJumper · 5 Listopada 2015

Poradnik słaby jak dla Ciebie :)

Dla nowych się przyda ale + za chęci i ładną rozpiskę :wub:

Outhorn · 5 Listopada 2015

Dzięki wszystkim za komentarze następnym razem postaram się bardziej.

Rumcajs dzięki Januszu :D

KiKerr · 5 Listopada 2015

Jak napisał Rumcajs, poradnik jest dla początkujących ale ładny i czytelny :) like

Outhorn · 5 Listopada 2015

Jak napisał Rumcajs, poradnik jest dla początkujących ale ładny i czytelny :) like

Dzięki Janusz! ;)

KiKerr · 8 Listopada 2015

Wiadomość wygenerowana automatycznie

Powód: Zamek

Jeżeli się z tym nie zgadzasz raportuj ten post a moderator lub administrator rozpatrzy go ponownie.
Z pozdrowieniami.
Administracja CSowicze.pl

RumcajsJumper · 21 Listopada 2016

Wiadomość automatyczna

Temat został przeniesiony z

"STREFA POMOCY → HTML/PHP/CSS/MySQL"

do

"Archiwum Forum → Tematy Archiwalne".

Zaloguj się

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

Nowy szablon forum
csowicze.pl

XXXXXXXXXXXXXXX

CCCCCCCCCCCCCCC

Zablokowane #1 Kurs HTML - Wstępne informacje.

Rekomendowane odpowiedzi

Outhorn

~eZ.

~sNtr ;xx

RumcajsJumper

Outhorn

KiKerr

Outhorn

KiKerr

RumcajsJumper

Ostatnio przeglądający 0 użytkowników

Forum

Serwery

(FAQ) Pomoc

Powiadomienie o plikach cookie

Zaloguj się

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAA

Nowy szablon forumcsowicze.pl

XXXXXXXXXXXXXXX

CCCCCCCCCCCCCCC

Zablokowane #1 Kurs HTML - Wstępne informacje.

Rekomendowane odpowiedzi

Ostatnio przeglądający 0 użytkowników

Powiadomienie o plikach cookie

Nowy szablon forum
csowicze.pl