Spisu treści:

Jak stworzyć prostą stronę internetową za pomocą nawiasów dla początkujących: 14 kroków
Jak stworzyć prostą stronę internetową za pomocą nawiasów dla początkujących: 14 kroków

Wideo: Jak stworzyć prostą stronę internetową za pomocą nawiasów dla początkujących: 14 kroków

Wideo: Jak stworzyć prostą stronę internetową za pomocą nawiasów dla początkujących: 14 kroków
Wideo: Jak Zrobić Stronę Internetową w Wordpress 2024 | 23 Kroki | Wordpress Tutorial dla Początkujących 2024, Listopad
Anonim
Jak stworzyć prostą stronę internetową za pomocą nawiasów dla początkujących
Jak stworzyć prostą stronę internetową za pomocą nawiasów dla początkujących

Wstęp

Poniższe instrukcje zawierają wskazówki krok po kroku, jak utworzyć stronę internetową za pomocą nawiasów. Brackets to edytor kodu źródłowego, który koncentruje się głównie na tworzeniu stron internetowych. Stworzone przez firmę Adobe Systems, jest to bezpłatne oprogramowanie typu open source licencjonowane na podstawie licencji MIT i jest obecnie obsługiwane w serwisie GitHub przez firmę Adobe i innych programistów typu open source. Jest napisany w JavaScript, HTML i CSS.

Instrukcje

Uwaga: - Wszystkie tagi HTML powinny znajdować się w nawiasach:

Krok 1: Pobierz oprogramowanie

Pobierz oprogramowanie
Pobierz oprogramowanie

pobierz wsporniki z tej strony internetowej

Krok 2: Otwórz nawiasy

Otwarte nawiasy
Otwarte nawiasy

otwórz pobrane oprogramowanie Brackets na komputerze.

Krok 3: Utwórz nowy plik

Utwórz nowy plik
Utwórz nowy plik

Po otwarciu nawiasów kliknij ikonę pliku w lewym górnym rogu okna, a następnie kliknij nowy, zobaczysz nowy plik „Bez tytułu”.

Krok 4: Zapisz jako… plik

Zapisz jako… plik
Zapisz jako… plik

Kliknij prawym przyciskiem myszy ten plik „bez tytułu”, kliknij Zapisz jako, a następnie zapisz go na dysku

w tym momencie możesz nadać plikowi dowolną nazwę, po prostu upewnij się, że po nazwie dodano „.html” (kropka html).

Krok 5: Zacznij od tagu DOCTYPE

Zacznij od tagu DOCTYPE
Zacznij od tagu DOCTYPE

Każda strona html musi zaczynać się następującym znacznikiem struktury. Mówi on przeglądarce, jakie „zasady należy przestrzegać” podczas renderowania strony HTML.

Krok 6: Znacznik HTML

Znacznik HTML
Znacznik HTML

oraz - te znaczniki mają na celu rozpoczęcie i zakończenie dokumentu.

Krok 7: Tagi głowy i ciała

Tagi głowy i ciała
Tagi głowy i ciała

Pomiędzy tagami html napisz i, gdzie zawiera rzeczy „za kulisami”. Ponadto pisz i gdzie zawiera tekst, obrazy, wideo, audio i tak dalej.

Krok 8: Metatag

Metatag
Metatag

Pomiędzy tagami napisz, gdzie zawiera takie informacje, jak terminy wyszukiwarek lub kodowanie znaków.

Krok 9: Tag tytułowy

Tytuł Tag
Tytuł Tag

Pomiędzy tagami pod, napisz i. Tak więc wszystko, co napiszesz pomiędzy, zobaczysz u góry okna przeglądarki, a ten tag jest ważny dla wyszukiwarki. Na przykład napiszę „WRD 204”

Krok 10: Dodawanie akapitu za pomocą znacznika P

Dodawanie akapitu za pomocą znacznika P
Dodawanie akapitu za pomocą znacznika P

W międzyczasie napisz dowolne informacje, które chcesz zobaczyć na stronie internetowej, na przykład obraz, dźwięk, wideo i akapit, na przykład mam zamiar napisać akapit, używając tych tagów dla akapitu:

oraz.

Krok 11: Zobacz swoje wyniki

Zobacz swoje wyniki
Zobacz swoje wyniki
Zobacz swoje wyniki
Zobacz swoje wyniki

Aby zobaczyć swoje wyniki: najpierw kliknij prawym przyciskiem myszy plik i kliknij „zapisz”, a następnie kliknij ikonę „podgląd na żywo” w prawym górnym rogu.

Uwaga: - za każdym razem, gdy dokonasz zmiany i chcesz zobaczyć wynik, najpierw musisz zapisać plik, możesz użyć skrótu „Ctrl + S”

Krok 12: Zmień formatowanie

Zmień formatowanie
Zmień formatowanie
Zmień formatowanie
Zmień formatowanie

Jeśli chcesz zmienić rozmiar formatu tekstu, użyj jako największy nagłówek lub jest najmniejszy. W moim przykładzie użyję.

Krok 13: Znacznik łamania pojedynczej/podwójnej linii

Znacznik łamania pojedynczej/podwójnej linii
Znacznik łamania pojedynczej/podwójnej linii
Znacznik łamania pojedynczej/podwójnej linii
Znacznik łamania pojedynczej/podwójnej linii

Jeśli chcesz zrobić pojedynczy/podwójny podział wiersza między akapitami, użyj tagu

Krok 14: Wniosek

Gratulacje! teraz możesz zacząć budować własną stronę internetową.

Jeśli chcesz dowiedzieć się więcej o tagach HTML, polecam tę stronę

Zalecana: