Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

[TuT] Tworzymy stronę w notatniku!

VanillaLoL

Rekomendowane odpowiedzi

VanillaLoL Nowicjusz

VanillaLoL

Opublikowano
Nowicjusz

VanillaLoL

Opublikowano

cooltext1_ehrwpax.png

 

 

 

 

 

 

 

                                                                                                  Witam!

 Zapewne każdy z was chciał mieć własną stronę internetową.A

jeszcze więcej osób chciało umieć język "HTM".

Niektórzy zastanawiali jak napisać stronę w notatniku.

W tym tutorialu chciałbym napisać jak właśnie stworzyć ją.

Oczywiście by ona była profesjonalna trzeba znać język CSS.

Ja pokaże wam jak zrobić prostą stronę.

Nie przedłużając,zaczynamy!

Potrzebujemy jedynie notatnik i przeglądarke.

 

Każdy element zawiera znacznik:"<"

Dzięki niemu mamy element.

Jest ich wiele i dzięki niemu możemy ulepszać naszą stronę.

Kod strony zaczynamy od atrybutu <html>

Bez niego nie było by naszej strony.

iXkGmhB.png

Kolejnym ważnym atrybutem jest: <head> czyli "główka".Dzięki atrybucie

<head> pojawi się na zakładce nazwa naszej strony.

Po napisaniu w notatniku atrybutu <head> możemy pisać swoją nazwę w ten sposób:

<head>

<title>Przykładowa nazwa</title>

Tak to powinno u was wyglądać;

0BcmGpv.png

Jak zauważyliście zawsze na końcu drugich atrybutów zawsze są ukośniki.

Są bardzo ważne.Kończą naprzykład w przykładzie </title> text oraz </head> "główkę"

Najważniejszym według mnie atrybutem jest <body>

Atrybut <body> tworzy text na naszej stronie.

Przykład podam na obrazku.

Żeby napisać text wystarczy napisać komendę;

<body>

<p>Przykładowy text</p>

</body>

Ale dlaczego <p> i co to oznacza?

Odpowiedź jest bardzo prosta.

<p> oznacza akapit i tworzy text.Jak w główce <title>

Przykład;

PeVSQux.png

Na końcu w kodzie piszemy </html> czyli zakończenie kodu.

Tak powinien wyglądać wasz 1 kod strony;

Cv6U5Uj.png

Jeżeli macie tak samo jak ja  (oczywiście zamiast "Przykładowa nazwa' i "Przykładowy text" możecie mieć inną treść) to oznacza że zrobiliście swoją pierwszą stronę!

Jeżeli będziecie chcieli zobaczyć ją na przeglądarkce postępujcie tak:

Kliknij przycisk Plik>Zapisz jako>zmień nazwe pliku na Page1.html>Zapisz jako typ "wszystkie pliki>zapisz na dysku C>otwórz przeglądarke>naciśnij ctrl+o>wybierz zapisany plik.

GOTOWE!To twoja 1 strona internetowa!

--------------------------------------------------------------------------------------------------------------------------------------------------------------

Poradnik będzie aktualizowany,będę pokazywać jak edytować text tło itd!

                                                                 Pozdrawiam!

 

 

 

 

venturas Pasjonat

venturas

Opublikowano
Pasjonat

venturas

Opublikowano

Ahhh, błagam daruj sobie takie "poradniki". Wstępów do html było już pare. Na internecie jest tego od cholery. W poradniku dałeś tylko ramy dokumentu i to tyle. Zapewne będziesz dodawał takie "nowinki" jak zmiana koloru tekstu, a może kiedyś dojdzie przełamanie lini!?

 

Serio odpuść sobie, albo rób poradniki, które w jakiś sposób ludziom pomogą, a nie coś co każdy potrafi po 5 minutach nauki HTML'a.

CEO http://bigolive-hack.com/

cody3223 Znawca

cody3223

Opublikowano
Znawca

cody3223

Opublikowano

Ale takich poradników jest w ch*****, od cholery w internecie i na forum
Po jakiego wała to robisz skoro wiesz że jest tego tysiące.
 

Nadchodzi Era Śmieciowych Poradników

AnonPoland Pasjonat

AnonPoland

Opublikowano
Pasjonat

AnonPoland

Opublikowano

Do niczego nie potrzebne nie umiesz zrobić strony nie dałeś doctype i inne duperele a teraz of top

 

 

@

 

Ku*wa ludzie co wam jest z tymi gównianymi poradnikami WYPI3RDALAĆ z tym to nikomu nie potrzebne człowieku ktoś bd chciał nauczyć się html to wejdzie w google i wpisze "kurs html dla zielonych " wyświetli mu się ( nie liczyłem ) pierdyliard takich kursów poradników 100000000000000 razy lepszych od twoich daruj se !

oabpsw.png
Remover Mentor

Remover

Opublikowano
Mentor

Remover

Opublikowano

Cieszy mnie to.

Jeżeli nie podoba się niektórym moje poradniki to nie spamujcie..

omg

 

ziom po co piszesz poradniki których w necie jest od ch*ja?

 

A jak już piszesz takie coś, to mógłbyś używać najnowszego html (html5) +jakiś wstęp do css3

 

 

Lub przynajmniej mogłeś opisać zastosowanie znaczników META czyli np. jak wgrać na stronę polskie znaki, lub przekierowanie itp. ...

  • 9 miesięcy temu...
matixd3 Budowniczy

matixd3

Opublikowano
Budowniczy

matixd3

Opublikowano

dla mnie to nie wygląda na takie proste. Zawsze zlecam działania internetowe firmie Rocketsite, profesjonalistom. Mam wtedy pewność, że moja strona nie utonie w pierdołach internetowych.

Wlasnie utonely przez twoj poziom iq

Reklamujesz ich w kazdym poscie a i tak w 99% przypadkow gdzie ich reklamujesz to rozwiazanie tematu jest banalne (pokazuje poziom tej firmy)

cody3223 Znawca

cody3223

Opublikowano
Znawca

cody3223

Opublikowano

Wlasnie utonely przez twoj poziom iq Reklamujesz ich w kazdym poscie a i tak w 99% przypadkow gdzie ich reklamujesz to rozwiazanie tematu jest banalne (pokazuje poziom tej firmy)

Nie rozumiem. Skoro "Rocketsite" jest dobre, to dlaczego nie reklamować go na prawo i lewo? :)

Twoje IQ utonie jeżeli nie poznasz przycisku CTRL.

 

Jedyne co mnie zastanawia to tajemnicze zniknięcie w/w postu.

 

Cieszy mnie to.

Jeżeli nie podoba się niektórym moje poradniki to nie spamujcie..

omg

Otóż sprawa jest taka, że robiąc taki poradnik powinieneś się spodziewać takiego SPAM'u.

Nawet się nie postarałeś aby ładnie "zaprojektować" ten poradnik, wszystko ta sama czcionka, etc.

  Witam!
 Zapewne każdy z was chciał mieć własną stronę internetową.A
jeszcze więcej osób chciało umieć język "HTM".

Polska język trudna bardzo.

Nauczysz mnie HTM'a ? :)

 

 

 

Każdy element zawiera znacznik:"<"

Zapomniałeś dodać też ">" i w niektórych "/", ogólnie zdanie bez sensu.

 

 

Kolejnym ważnym atrybutem jest: <head> czyli "główka".Dzięki atrybucie

<head> pojawi się na zakładce nazwa naszej strony.

Po napisaniu w notatniku atrybutu <head> możemy pisać swoją nazwę w ten sposób:

<head>

<title>Przykładowa nazwa</title>

Tak to powinno u was wyglądać;

Taka z tego główka, jak z kozy translator angielsko-polski.

"head", jest to "element" strony w którym wszystko się wczytuje przed "body", czyli wczytywane jest na samym początku, nie należy w nim umieszczać zawartości strony internetowej (tekst, przyciski, etc.)

Kolejna pomyłka(?), dzięki "head" NIE POJAWI się nazwa/tytuł strony! Tytuł strony pojawia się tylko dzięki elementowi "title"

 

 

 

Jak zauważyliście zawsze na końcu drugich atrybutów zawsze są ukośniki.

Co znaczy drugich elementów? (pomijając ortografię) Po 1. nie wszystkich elementów (img, etc.) po 2. w jakim sensie drugich? (dla wyjaśnienia, chodzi o znacznik(?) zamykający, np. <div> "otwiera" "element", a </div> "zamyka", w "elementach" "zamykających" należy stosować ukośnik/"slash" (/) )

 

 

 

Atrybut <body> tworzy text na naszej stronie.

Jak on tworzy tekst na naszej stronie to ja jestem latającą Kozą-Solarisem.

"body" służy do "przechowywania" zawartości strony, wczytuje się dopiero po wczytaniu "head" i sam w sobie nic nie robi, ewentualnie można przez CSS ustawić w nim tło całej strony, kolor, czcionkę na całej stronie (i kilka innych rzeczy)

 

 

 

Żeby napisać text wystarczy napisać komendę;

To w końcu "znacznik", "atrybut", czy "komenda" (komendy to są w konsoli)

 

 

Ale dlaczego <p> i co to oznacza?

Odpowiedź jest bardzo prosta.

<p> oznacza akapit i tworzy text.

Znowu się przyczepie że "tworzy tekst", co najwyżej przechowuje lub wyświetla tekst, i główna funkcja <p> oprócz tworzenia akapitu to przechowywanie odrębnego stylu, np.:

 

  To jest jeden akapit

 

  A to jest drugi akapit

 

Prawie-że taką samą funkcję mają span i body, służą do przechowywania tekstu (lub innych rzeczy, np. obrazków) i odrębnych styli zawartości

 

 

 

Jak w główce <title>

Zabrzmiało to jakby "title" było "główką" (tudzież "head")

 

 

Poradnik będzie aktualizowany,będę pokazywać jak edytować text tło itd!

                                                                 Pozdrawiam!

 

9 miesięcy, 0 nowości.

matixd3 Budowniczy

matixd3

Opublikowano
Budowniczy

matixd3

Opublikowano

Nie rozumiem. Skoro "Rocketsite" jest dobre, to dlaczego nie reklamować go na prawo i lewo? :)

Twoje IQ utonie jeżeli nie poznasz przycisku CTRL.

 

Jedyne co mnie zastanawia to tajemnicze zniknięcie w/w postu.

 

Otóż sprawa jest taka, że robiąc taki poradnik powinieneś się spodziewać takiego SPAM'u.

Nawet się nie postarałeś aby ładnie "zaprojektować" ten poradnik, wszystko ta sama czcionka, etc.

  Witam!
 Zapewne każdy z was chciał mieć własną stronę internetową.A
jeszcze więcej osób chciało umieć język "HTM".
Polska język trudna bardzo.

Nauczysz mnie HTM'a ? :)

 

Zapomniałeś dodać też ">" i w niektórych "/", ogólnie zdanie bez sensu.

 

Taka z tego główka, jak z kozy translator angielsko-polski.

"head", jest to "element" strony w którym wszystko się wczytuje przed "body", czyli wczytywane jest na samym początku, nie należy w nim umieszczać zawartości strony internetowej (tekst, przyciski, etc.)

Kolejna pomyłka(?), dzięki "head" NIE POJAWI się nazwa/tytuł strony! Tytuł strony pojawia się tylko dzięki elementowi "title"

 

Co znaczy drugich elementów? (pomijając ortografię) Po 1. nie wszystkich elementów (img, etc.) po 2. w jakim sensie drugich? (dla wyjaśnienia, chodzi o znacznik(?) zamykający, np.

"otwiera" "element", a
"zamyka", w "elementach" "zamykających" należy stosować ukośnik/"slash" (/) )

 

Jak on tworzy tekst na naszej stronie to ja jestem latającą Kozą-Solarisem.

"body" służy do "przechowywania" zawartości strony, wczytuje się dopiero po wczytaniu "head" i sam w sobie nic nie robi, ewentualnie można przez CSS ustawić w nim tło całej strony, kolor, czcionkę na całej stronie (i kilka innych rzeczy)

 

To w końcu "znacznik", "atrybut", czy "komenda" (komendy to są w konsoli)

 

Znowu się przyczepie że "tworzy tekst", co najwyżej przechowuje lub wyświetla tekst, i główna funkcja

oprócz tworzenia akapitu to przechowywanie odrębnego stylu, np.:

 

To jest jeden akapit

 

A to jest drugi akapit

 

Prawie-że taką samą funkcję mają span i body, służą do przechowywania tekstu (lub innych rzeczy, np. obrazków) i odrębnych styli zawartości

 

Zabrzmiało to jakby "title" było "główką" (tudzież "head")

 

9 miesięcy, 0 nowości.

Ja sie Rocketsite nie czepiam tylko skoro ktoś chciał forum wgrać to on wyskakuje aby zlecił to tej firmie i tak w kazdym poscie
gredier Znawca

gredier

Opublikowano
Znawca

gredier

Opublikowano

"Poradnik" nieprzydatny jak zresztą inne w tym dziale. Lepszy kurs znajdziecie np tutaj: http://kurshtml.edu.pl znajdziesz tam absolutne podstawy i bardziej można zrozumieć język HTML.

Tworzę strony internetowe.

Sklepy Minecraft, CMS-y, fora itp.

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...