Jak stworzyć prostą stronę internetową za pomocą Notatnika

Autor: John Stephens
Data Utworzenia: 26 Styczeń 2021
Data Aktualizacji: 1 Lipiec 2024
Anonim
Jak zrobić stronę HTML w notatniku
Wideo: Jak zrobić stronę HTML w notatniku

Zawartość

Codziennie korzystamy ze stron internetowych, ale czy trudno jest je stworzyć? Z tego artykułu dowiesz się, jak stworzyć prostą witrynę internetową HTML za pomocą Notatnika.

Kroki

Metoda 1 z 1: Utwórz własną witrynę internetową

  1. Otwórz Notatnik. Notatnik jest fabrycznie zainstalowany na każdym komputerze z systemem Windows i można go znaleźć w menu Start. Po otwarciu Notatnika, kliknij "Plik", wybierz "Zapisz jako" z rozwijanego menu. Następnie wybierz „Wszystkie pliki” w menu typu pliku i zapisz plik jako HTML. Zwykle plik „index.html” jest stroną główną zawierającą wszystkie łącza umożliwiające dostęp do wszystkich elementów witryny.

  2. HTML (HyperText Markup Language) używa tagów. Zasadniczo tagi to słowa z akcentami .
    Do stworzenia swojej strony internetowej użyjesz wielu tagów. Obok znajduje się „znacznik zamykający”, który służy do zakończenia wiersza kodu. Na przykład: Te znaczniki kończą się pogrubioną czcionką lub akapitem tekstu.

  3. Nagłówek strony internetowej to zwykle tag: . Możesz umieścić go na górze pliku Notatnika.
  4. Następna jest karta .
    Następny jest , ta karta informuje przeglądarkę, co umieścić w górnej części okna i <i>metatag </i> (opcjonalnie) informuje wyszukiwarkę (np. Google), o czym jest witryna.

  5. W następnym wierszu po karcie głowaUmieśćmy tytuł, na przykład: wikiHow HTML
  6. Teraz wpisz aby zakończyć pierwszą część.
  7. Dalej na stronie jest tag . Należy pamiętać, że przeglądarki nie obsługują wszystkich kolorów (na przykład większość przeglądarek nie obsługuje ciemnoszarego).
  8. Między dwoma tagami body znajduje się treść strony internetowej, którą widzi użytkownik. Zacznijmy od tytułu. To jest duża część tekstu, określona w kodzie HTML z tagu

    chodź

    , z kartą

    to największy rozmiar. Zatem u góry strony internetowej, po tagu body, możesz tworzyć

    Witam na mojej stronie!

    Zawsze powinieneś umieszczać zamknięty tag, w przeciwnym razie cały tekst na stronie internetowej zostanie zawyżony!
  9. Innym znacznikiem, który można umieścić w treści strony internetowej, jest

    lub znaczniki akapitu. Po tytule możesz wejść

    . Uczę się tworzyć stronę internetową! WikiHow rządzi! Jeśli chcesz utworzyć nowy wiersz na stronie, użyj tagu zawijającego
    .

  10. Strona internetowa zawierająca tylko zwykły tekst jest nudna. Więc wstawmy kilka formatów. Karta pogrubiony tekst, kursywą i podkreślić. Nie zapomnij o tagu zamykającym!
  11. To, co sprawia, że ​​strona jest naprawdę interesująca, to obrazy. Nawet jeśli tekst jest sformatowany, nikt nie chce widzieć strony jako całego tekstu. Użyj karty wstawiać zdjęcia. Ale podobnie jak tag body, ten tag wymaga dodatkowych informacji. Tag img wyglądałby tak: pies’ src=Dane src (źródło: źródło) to nazwa obrazu. Szerokość i wysokość to szerokość i wysokość obrazu w pikselach.
  12. Prawie skończone! Jeśli chcesz, aby odwiedzający mogli przeglądać wiele stron, użyj tagu: Inne strony Treść w tagu to to, co użytkownik kliknie, aby przejść do następnej strony, a sekcja href to łącze do tej strony. Za pomocą tego tagu możesz łatwo oprowadzać użytkowników po swojej witrynie.
  13. Aby zakończyć, musisz zakończyć tag body za pomocą i całą stronę internetową według tagów
  14. Zapisz plik z rozszerzeniem .html '. Następnie otwórz plik file.html w swojej ulubionej przeglądarce, aby zobaczyć, jak to działa. Gratulacje! Właśnie utworzyłeś stronę internetową.
  15. Jeśli chcesz opublikować swoją witrynę internetową, dowiedz się, jak utworzyć witrynę internetową z nazwą domeny. Reklama

Rada

  • W Internecie można znaleźć wiele kart. Istnieje wiele przydatnych witryn internetowych, które pomagają ludziom nauczyć się tworzenia witryn internetowych (jedną z nich jest W3Schools).
  • Pamiętaj, aby używać zamknięć.
  • Zawsze pamiętaj, aby zamówić kartę w pierwszym wierszu, przed tagiem Poinformuj przeglądarkę, że Twoja witryna jest w standardzie HTML5.
  • Możesz zmienić czcionkę za pomocą tagów przed i wtedy . N oznacza czcionki, takie jak „Verdana”.
  • Jeśli chcesz użyć znaków specjalnych na stronie internetowej, wpisz & lt (<), & gt (>), & amp (&) itd., Na końcu kodu MUSI BYĆ średnik „;”.
  • W samouczkach HTML nazwy folderów i plików internetowych są zawsze umieszczane małymi literami, bez akcentów. Chociaż system Windows umożliwia wykorzystanie miejsca, wielu dostawców usług hostingowych tego nie robi, więc przede wszystkim oszczędzisz czas i kłopoty z prawidłowymi nazwami plików i folderów.