Skip to main content

Naucz się podstaw HTML dla swojej witryny

Szybki kurs tworzenia stron internetowych #1 - Podstawy HTML5 (Kwiecień 2024)

Szybki kurs tworzenia stron internetowych #1 - Podstawy HTML5 (Kwiecień 2024)
Anonim

Naucz się podstaw języka HTML, aby stworzyć swoją stronę internetową. Podstawowy HTML nie jest trudny do nauczenia. Nauka HTML to prawdopodobnie najważniejsza rzecz, jaką kiedykolwiek zrobisz, jeśli chcesz stworzyć własną, osobistą stronę internetową. Musisz nauczyć się języka HTML, aby projektować dobre strony, ponieważ jest to język, na którym oparta jest witryna internetowa.

Witryny to świetny sposób, aby pochwalić się czymś w swoim życiu. Podstawowy HTML pozwoli Ci pokazać światu, co chcesz, aby pokazać go na swojej stronie internetowej. Dodawanie kolorów, zmiana rozmiaru tekstu i dodawanie zdjęć do twojej strony internetowej to tylko niektóre z rzeczy, które możesz zrobić, gdy uczysz się prostego HTML.

Aby nauczyć się podstawowego HTML, należy pamiętać, że jest to po prostu seria liter, które są skrótami tego, co faktycznie oznaczają. Na przykład H1 oznacza nagłówek akapitu, który jest pierwszym z pięciu rozmiarów, a BR to podział wiersza.

Jedną z ważnych rzeczy, o których należy pamiętać podczas nauki podstawowego HTML, jest to, że na stronie internetowej znaczniki HTML muszą pochodzić w określonej kolejności, a większość znaczników HTML musi mieć znacznik początkowy i końcowy, aby przeglądarka rozpoznała polecenie. Znacznik końcowy jest po prostu taki sam jak znacznik początkowy, ale zaczyna się od znaku / symbol. Nagłówek wyglądałby tak

Kieruję tutaj

. Jest tag początkowy, H1, nagłówek i znacznik końcowy, / H1.

Naucz się podstaw języka HTML we właściwy sposób i pamiętaj, że tagi muszą pochodzić w określonej kolejności. Podstawowa struktura strony internetowej wygląda następująco:

Tutaj możesz umieścić ważne informacje o dokumencie, takie jak ramki, język i specjalne instrukcje.

Tytuł twojej strony.

Umieść swoją historię, zdjęcia, linki i wszystko inne tutaj.

Nagłówek twojego akapitu.

Tutaj podajesz tekst swojego dokumentu.

Oto jak napisać link:Tytuł lub co chcesz powiedzieć.

Możesz również wpisać link w środku zdania. Jeśli chcesz powiedzieć "Microsoft ma wspaniałe dema". Wyglądałoby to tak:

Microsoft ma wspaniałe dema, które pomogą Ci nauczyć się podstaw HTML.

Możesz nie tylko tworzyć linki do innych stron, ale możesz również tworzyć linki do innych miejsc na tej samej stronie. Gdybym chciał, abyś powrócił do początku tego artykułu, powiedziałbym coś w rodzaju "Go Back" i klikając hiperłącze, powrócisz na początek. Ten jest nieco trudniejszy, ponieważ są w nim dwie części. Najpierw utwórz swój link:

Wróć

Słowo "tam" jest słowem, które chcę zabrać z powrotem, więc teraz muszę przejść do tego słowa i stworzyć i zakotwiczyć, więc link, który właśnie stworzyłem, wie dokąd się udać:

Tam

Kiedy uczysz się prostego HTML, możesz napisać swoją stronę internetową w edytorze tekstu, który jest dostarczany wraz z Windows, takimi programami jak NoteTab i Arachnophilia lub takim, który jest dostarczany z twoją przeglądarką. Tak czy inaczej, jeśli po prostu przestrzegasz zasad, kiedy nauczyłeś się podstaw HTML wszystko będzie dobrze.

Podstawowe znaczniki HTML

- Komentarze autora niewidoczne dla przeglądarki.

- Zawsze zaczynaj i kończ stronę za pomocą tego tagu.

- Nagłówek do dokumentu.

- Treść dokumentu.

- Tytuł dokumentu.

- Najmniejszy rozmiar nagłówka.

- Mały rozmiar nagłówka.

- Średni mały rozmiar kursu.

- Średni duży rozmiar kursu.

- Duży rozmiar nagłówka.

- Największy rozmiar nagłówka.

- Uruchamia łącze hipertekstowe.

- Informacje o autorze.

- Długie cytaty.

- Wstępnie sformatowany tekst.

- Formularz blokowy.

- Tworzy okno do wprowadzania tekstu.

- Tworzy przewijane menu.

- Tworzy elementy do wyboru.

- Lista katalogów.

- Uporządkowana lista.Przykład uporządkowanej listy:

  1. czerwony
  2. niebieski
  3. Zielony

- Lista nieuporządkowana.Przykład listy nieuporządkowanej:
  • czerwony
  • niebieski
  • Zielony

- Lista menu.

- Lista słowniczek.

- Cytowanie.

- Czcionka kodu.

- Zdefiniowany termin.

- Nacisk.Przykład nacisku na czerwony: czerwony, niebieski zielony

- Kursywa.Przykład kursywy: czerwony, niebieski, zielony

- Tekst klawiatury.

- Przykładowy tekst.

- Silny nacisk.Przykład silnego nacisku:czerwony, niebieski, zielony

- Tekst na maszynie do pisania.

- Zmienna.

- Pogrubienie.

- Informacje o lokalizacji dla innych adresów URL.

- Pozwala na łączenie dokumentów.

- Opisuje dokument.


- Przerwanie linii.

- Linia pozioma.

- Obraz.

- Ust.

- Element listy.

- Zaznacza termin w liście.

- Zaznacza definicję na liście.