Outhorn Napisano 5 Listopada 2015 Udostępnij Napisano 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. 3 Odnośnik do komentarza https://csowicze.pl/topic/21249-1-kurs-html-wst%C4%99pne-informacje/ Udostępnij na innych stronach Więcej opcji udostępniania...
Weteran ~eZ. Napisano 5 Listopada 2015 Weteran Udostępnij Napisano 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: 1 Steam: https://steamcommunity.com/id/ezovsky Odnośnik do komentarza https://csowicze.pl/topic/21249-1-kurs-html-wst%C4%99pne-informacje/#findComment-96642 Udostępnij na innych stronach Więcej opcji udostępniania...
~sNtr ;xx Napisano 5 Listopada 2015 Udostępnij Napisano 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 ^^ 1 Odnośnik do komentarza https://csowicze.pl/topic/21249-1-kurs-html-wst%C4%99pne-informacje/#findComment-96643 Udostępnij na innych stronach Więcej opcji udostępniania...
RumcajsJumper Napisano 5 Listopada 2015 Udostępnij Napisano 5 Listopada 2015 Poradnik słaby jak dla Ciebie :) Dla nowych się przyda ale + za chęci i ładną rozpiskę :wub: POSZUKUJE WSPÓLNIKÓW / OPIEKUNÓW - NA SERWERKI CS:GO! Skontaktuj się ze mną po więcej szczegółów Odnośnik do komentarza https://csowicze.pl/topic/21249-1-kurs-html-wst%C4%99pne-informacje/#findComment-96652 Udostępnij na innych stronach Więcej opcji udostępniania...
Outhorn Napisano 5 Listopada 2015 Autor Udostępnij Napisano 5 Listopada 2015 Dzięki wszystkim za komentarze następnym razem postaram się bardziej. Rumcajs dzięki Januszu :D Odnośnik do komentarza https://csowicze.pl/topic/21249-1-kurs-html-wst%C4%99pne-informacje/#findComment-96653 Udostępnij na innych stronach Więcej opcji udostępniania...
KiKerr Napisano 5 Listopada 2015 Udostępnij Napisano 5 Listopada 2015 Jak napisał Rumcajs, poradnik jest dla początkujących ale ładny i czytelny :) like Odnośnik do komentarza https://csowicze.pl/topic/21249-1-kurs-html-wst%C4%99pne-informacje/#findComment-96668 Udostępnij na innych stronach Więcej opcji udostępniania...
Outhorn Napisano 5 Listopada 2015 Autor Udostępnij Napisano 5 Listopada 2015 Jak napisał Rumcajs, poradnik jest dla początkujących ale ładny i czytelny :) like Dzięki Janusz! ;) Odnośnik do komentarza https://csowicze.pl/topic/21249-1-kurs-html-wst%C4%99pne-informacje/#findComment-96671 Udostępnij na innych stronach Więcej opcji udostępniania...
KiKerr Napisano 8 Listopada 2015 Udostępnij Napisano 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 Odnośnik do komentarza https://csowicze.pl/topic/21249-1-kurs-html-wst%C4%99pne-informacje/#findComment-97633 Udostępnij na innych stronach Więcej opcji udostępniania...
RumcajsJumper Napisano 21 Listopada 2016 Udostępnij Napisano 21 Listopada 2016 Wiadomość automatyczna Temat został przeniesiony z "STREFA POMOCY → HTML/PHP/CSS/MySQL" do "Archiwum Forum → Tematy Archiwalne". POSZUKUJE WSPÓLNIKÓW / OPIEKUNÓW - NA SERWERKI CS:GO! Skontaktuj się ze mną po więcej szczegółów Odnośnik do komentarza https://csowicze.pl/topic/21249-1-kurs-html-wst%C4%99pne-informacje/#findComment-203166 Udostępnij na innych stronach Więcej opcji udostępniania...
Rekomendowane odpowiedzi