8 grudzień 2023

HTML (HyperText Markup Language)

HTML (HyperText Markup Language): Język Tworzenia Stron Internetowych

HTML, czyli HyperText Markup Language, to język znaczników używany do tworzenia i strukturyzowania zawartości stron internetowych. Jest podstawowym budulcem większości witryn online, umożliwiając definiowanie struktury, treści i elementów interaktywnych na stronie. Poniżej przedstawiamy kluczowe informacje na temat HTML.

Struktura Dokumentu HTML:

Znaczniki HTML: HTML składa się z zestawu znaczników, które definiują różne elementy na stronie. Każdy znacznik ma swoją rolę i wpływa na wygląd lub funkcjonalność danego fragmentu.

html

<!DOCTYPE keyword">html>

<html lang="pl">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Moja Strona</title>

</head>

<body>

  <h1>Witaj na Mojej Stronie!</h1>

  <p>To jest paragraf tekstu.</p>

</body>

</html>

Elementy HTML: Elementy to kombinacje otwierającego i zamykającego znacznika, które tworzą konkretne elementy na stronie. Na przykład, <h1> i </h1> razem tworzą nagłówek pierwszego poziomu.
Atrybuty HTML: Znaczniki mogą mieć atrybuty, które dostarczają dodatkowych informacji o elemencie. Na przykład, atrybut lang w znaczniku <html> informuje o języku strony.

Podstawowe Znaczniki HTML:

<html>: Definiuje początek i koniec dokumentu HTML.
<head>: Zawiera metadane dokumentu, takie jak tytuł, kodowanie znaków czy arkusz stylów.
<body>: Zawiera treść strony, taką jak tekst, obrazy czy inne elementy.

Elementy Tekstowe:

<h1> do <h6>: Nagłówki o różnych poziomach ważności.
<p>: Paragraf tekstu.
<a>: Hiperłącze (link) do innej strony.

Elementy Do Wstawiania Zawartości:

<img>: Wstawia obraz na stronę.
<ul>: Tworzy nieuporządkowaną listę.
<ol>: Tworzy uporządkowaną listę.
<li>: Element listy.

Zobacz również: DNS (Domain Name System)

Elementy Do Formularzy:

<form>: Tworzy formularz.
<input>: Definiuje pole do wprowadzania danych w formularzu.
<button>: Tworzy przycisk formularza.

Elementy Do Tabel:

<table>: Tworzy tabelę.
<tr>: Definiuje wiersz w tabeli.
<td>: Definiuje komórkę w tabeli.

Nowości w HTML5:

HTML5 wprowadziło wiele nowych elementów, takich jak <article>, <section>, <nav>, które pomagają w lepszym strukturyzowaniu i semantyce treści.

Podsumowanie:

HTML jest fundamentalnym językiem dla twórców stron internetowych, umożliwiającym definiowanie struktury i zawartości witryn. Razem z CSS (Cascading Style Sheets) i JavaScript tworzy kompleksową platformę do projektowania interaktywnych i estetycznych stron internetowych.