Jak zbudować nowy dokument HTML
HTML (HyperText Markup Language) to szkielet treści internetowych, zapewniający strukturę informacjom wyświetlanym na stronach internetowych. Każdy dokument HTML ma podstawową strukturę zawierającą istotne elementy. Zagłębmy się w kluczowe elementy.
1. '<!DOCTYPE html>'
Ta deklaracja określa typ dokumentu i używaną wersję HTML. W przypadku nowoczesnych stron internetowych zwyczajowo używa się „<!DOCTYPE html>”.
2. '<html>'
Element główny hermetyzuje cały dokument HTML.
3. '<head>'
Sekcja head zawiera metainformacje o dokumencie, takie jak tytuł, zestaw znaków i połączone arkusze stylów.
4. '<title>'
Element ten ustawia tytuł dokumentu HTML, który pojawia się w zakładce lub oknie przeglądarki.
5. '<body>'
Element body zawiera zawartość dokumentu HTML, w tym tekst, obrazy, łącza i inne elementy.
Przykład dokumentu HTML
A teraz zbierzmy to wszystko na przykładzie:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My HTML Document</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a simple example of an HTML document.</p>
<img src="example.jpg" alt="An example image">
<a href="https://www.example.com">Visit Example.com</a>
</body>
</html>W tym przykładzie zastąp "My HTML Document" żądanym tytułem i odpowiednio dostosuj zawartość w '<body>'. Zrozumienie tej podstawowej struktury stanowi podstawę do tworzenia dobrze zorganizowanych, semantycznie znaczących stron internetowych.
Bonus: Tagi zamykające
Podczas tworzenia strony HTML ważne jest, aby upewnić się, że wszystkie znaczniki są prawidłowo zamknięte, aby uniknąć problemów z przepływem strony i renderowaniem. Aby pomóc w tym zadaniu, sprawdź nasze Narzędzie sprawdzania niezamkniętych tagów HTML, które pozwala wykryć problemy strukturalne w kodzie HTML.