Jeśli chcesz zbudować swoją pierwszą stronę internetową i szukasz przewodnika, który pomoże Ci zbudować pierwszą podstawową stronę HTML, wylądowałeś we właściwym miejscu. Poniższy samouczek będzie służyć jako przewodnik krok po kroku po tworzeniu stron HTML dla początkujących.

Co to jest HTML?

HTML Skrót języka znaczników hipertext to język programowania internetowego, który służy do wyświetlania treści w przeglądarce internetowej. Składa się z serii elementów. Te elementy służą do wyświetlania i struktury treści tekstu, obrazów i innych obiektów na stronie internetowej, takich jak formularze, arkusze kalkulacyjne, klipy wideo, klipy dźwiękowe i inne aplikacje. Zacznijmy od prostego przykładu.

To jest nagłówek

To jest akapit

Anatomia powyższego przykładu jest następująca.

• jest deklaracją dokumentu HTML.
• Jest znany jako element główny HTML i otacza całą zawartość.
• Jest to element, który zawiera rodzaj treści ukrytych przed użytkownikiem…
• Jak sama nazwa wskazuje, ten element określa nazwę strony HTML.
• Ten element służy jako kontener dla treści, która pojawia się na stronie internetowej.

• Ten element definiuje nagłówek.

• Ten element określa akapit.

Elementy HTML

W powyższym przykładzie natkniesz się na różne elementy HTML. Element HTML jest podzielony na tag początkowy, znacznik końcowy i zawartość umieszczona między tymi tagami. Na przykład w powyższym przykładzie '

To jest nagłówek

'jest elementem. Tutaj

to tag startowy „to jest nagłówek” to treść i

to znacznik zamykający.

Strona HTML składa się z zagnieżdżonych elementów. W powyższym przykładzie istnieje pięć elementów HTML, które są , , ,

I

Tagi HTML

Tagi HTML służą do uruchamiania i zakończenia elementu HTML. Tagi zaczynają się od mniej niż „”.
Na przykład:

Nie zapomnij zamknąć tagu po uruchomieniu. Aby to zrobić, użyj przedniego cięcia oprócz kątowych nawiasów. Oto jak to zrobić

.

Ważna uwaga: Nigdy nie mieszaj elementów HTML z tagami HTML. Oba są osobnymi bytami.

Atrybuty HTML

Atrybuty w HTML służą do dodania dodatkowych informacji dotyczących elementu HTML. Te dodatkowe informacje są dodawane do znacznika startowego.

W tym przykładzie src Określa lokalizację i format obrazu i Alt Atrybut zawiera krótki opis znacznika img.

Nagłówki HTML

Omówiliśmy już powyższy element nagłówka HTML. Zanurzmy się w jego szczegóły. Te nagłówki są zdefiniowane przez

Do

tagi i 1 do 6 reprezentują rozmiar nagłówka.

znacznik służy do określenia największego nagłówka

Tag służy do ustalenia najmniejszego nagłówka.

Na przykład:

Witamy na mojej pierwszej stronie HTML

Możesz także podać różne style nagłówka. Na przykład,

To nagłówek

Akapity HTML

Element akapitowy HTML jest określony przez

To jest mój pierwszy akapit. Uczę się podstaw HTML. Chcę kiedyś zostać programistą stron internetowych i stworzyć niesamowite strony internetowe.

Teraz musisz myśleć, że musi istnieć jakiś edytor, który służy do tworzenia stron HTML. Oto kilka przykładów.

Redaktorzy HTML

Tutaj zaciąga się niektórzy popularni redaktorzy HTML.

Notatnik++

Jest to jeden z najczęstszych redaktorów, których programiści internetowi używają do tworzenia stron HTML. Poniżej przedstawiamy zalety i wady notatnika++.

Profesjonaliści

• Jest to bezpłatny edytor HTML z otwartym lupem.
• Jest lekki i szybki.
• Ma interfejs bez rozproszenia.
• Jest elastyczny i ma wygodne wtyczki.
• Jest obsługiwany przez wszystkie systemy operacyjne.

Cons

• Jest zbudowany tylko dla systemów operacyjnych Windows.
• Ma ograniczone opcje testowania kodu.

Sublime Text

Sublime Text Editor przypomina Notepad ++, ale jest znacznie bardziej zaawansowany. Below we have mentioned some pros and cons of Sublime text.

Profesjonaliści

• Jest dostępny dla systemów operacyjnych Windows, Linux i Mac.
• Ma kolorowy interfejs.
• To jest dobre dla początkujących.
• Edytor przedstawia sugestie oparte na istniejącym kodzie, podczas gdy każda sugestia ma link, który zawiera dalsze informacje na ten temat.
• Ma również funkcję podziału edycji

Cons

• Pełne funkcje są dostępne dopiero po zakupie oprogramowania.
• Nie może drukować dokumentów ani kodu.

Kod Studio Visual

Visual Studio Code AKA VS Code jest jednym z najbardziej modnych edytorów kodu open source wśród programistów dostarczonych przez Microsoft. Zapewnia zintegrowane środowisko programistyczne (IDE). Poniżej znajduje się kilka zalet i wady wizualnego kodu studyjnego.

Profesjonaliści:

• Jest kompatybilny z Windows, Mac i Linux.
• Zapewnia funkcję automatycznego ukończenia.
• Interfejs jest przyjazny dla użytkownika.
• Zapewnia wbudowane narzędzia do debugowania.
• Użytkownicy mogą dodawać rozszerzenia języka.

Cons

• To ciężki system oprogramowania.
• Jest to również system ciężkiej, który zajmuje dużo miejsca na dysku.

Wniosek

HTML to standardowy język znaczników, który jest podstawowym wymogiem budowania stron internetowych. Ten samouczek zapewnia początkującym szczegółowy przewodnik krok po kroku dotyczące podstaw HTML. Omawia elementy HTML, znaczniki, atrybuty, nagłówki, akapity wraz z odpowiednimi przykładami. Co więcej, ten samouczek prowadzi także czytelnika o różnych popularnych redaktorach internetowych i wyraźnie wspomina o ich zaletach i wadach.