HTML

Hyper Text Markup Language (HTML) jest językiem znaczników służącym do tworzenia stron internetowych. Strony internetowe są zazwyczaj przeglądane w przeglądarce internetowej. Mogą one zawierać teksty, linki, obrazy, a nawet dźwięk i wideo. HTML jest używany do oznaczania i opisywania każdego z tych rodzajów zawartości, aby przeglądarka internetowa mogła je poprawnie wyświetlić. HTML może być również używany do dodawania meta informacji do strony internetowej. Meta informacje zazwyczaj nie są wyświetlane przez przeglądarki internetowe i są to dane o stronie internetowej, np. nazwisko osoby, która stworzyła stronę. Kaskadowe arkusze stylów (CSS) służą do stylizacji elementów HTML, a JavaScript jest używany do manipulowania elementami HTML i stylami CSS.

HTML został stworzony przez World Wide Web Consortium (W3C). Istnieje kilka wersji języka HTML. Od września 2018 roku, aktualny standard HTML nosi nazwę HTML 5 i jest w wersji 5.2.

Tagi

HTML używa specjalnych fragmentów języka programowania zwanych "znacznikami", aby dać przeglądarce znać, jak strona ma wyglądać. Znaczniki zazwyczaj występują w parach: znacznik otwierający określa początek bloku treści, a znacznik zamykający określa koniec tego bloku treści. Istnieje wiele różnych rodzajów znaczników, a każdy z nich ma inny cel. Zobacz Podstawowe znaczniki HTML poniżej, aby zapoznać się z przykładami znaczników.

Niektóre znaczniki działają tylko w określonych przeglądarkach. Na przykład znacznik <menuitem>, który jest używany, aby coś się pojawiało, gdy dana osoba naciśnie prawy przycisk myszy, działa tylko w przeglądarce Mozilla Firefox. Inne przeglądarki po prostu ignorują ten znacznik i wyświetlają napis normalnie. Wielu twórców stron internetowych unika używania tych "niestandardowych" znaczników, ponieważ chcą, aby ich strony wyglądały tak samo we wszystkich przeglądarkach.

Przykład

Oto przykładowa strona w HTML.

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> To jest tytuł strony. </title> 5 </head> 6 < body> 7 < p> To jest akapit. </p> 8 < a href="https://www.domain.com"> To jest link. </a> 9 < img src="image. jpg" alt="Image"> 10 </body> 11 </html>.

Prosta strona HTML wyglądałaby tak: pojedynczy akapit z napisem "Hello world! ".

1 <!DOCTYPE html> 2 < html> 3 < head> 4 < title> Cześć! </title> 5 </head> 6 < body> 7 < p> Hello world! </p> 8 </body> 9 </html>

Podstawowe znaczniki HTML

Nazwa tagu	Nazwa	Funkcja	Kod Przykład
`<!DOCTYPE>`	Doctype	Określa typ dokumentu	<!DOCTYPE html>
`<html>`	HTML	Definiuje dokument HTML i uruchamia dokument HTML.	< html>Cały kod</html>
`<head>`	Szef	Zawiera każdy kod, który nie jest używany do wyświetlania elementów na stronie.	< head></head>
`<title>.`	Tytuł	Określa tytuł strony (widoczny na karcie) i jest wpisywany w `<head>.`	<tytuł>Strona internetowa</tytuł>
`<body>`	Body	Zawiera widoczne elementy strony (oraz zawiera akapit i inne)	< body> Znaczniki Html</body>
`<h1> do <h6>`	Nagłówki	Nagłówki o różnych rozmiarach (`<h1> jest` największy)	< h1> Nagłówek</h1>
`<p>`	Paragraf	Określa akapit tekstu	< p>TEKST</p>
`<a>`	Anchor	Tworzy aktywne linki do innych stron internetowych	< a href="www.domain.com"> Odwiedź naszą stronę</a>.
`<img>.`	Obraz	Wyświetla obraz na stronie	< img src="ImageUrl" alt="Tekst wyświetlany, jeśli obraz nie jest dostępny">.
`<br>`	Przerwa	Wstawia pojedynczą przerwę w linii	Tekst < br> Tekst
`<center>.`	Centrum	Przesuwa zawartość na środek strony	<center> Kod</center>
`<script>`	Skrypt	Tworzy skrypt na stronie internetowej, zazwyczaj napisany w języku JavaScript	< script> document. write("Hello World!")</script>

Używanie znaczników HTML

Tworzenie strony internetowej

Tworzenie stron internetowych jest proste, wystarczy tylko pamiętać o znacznikach i kolejności tworzenia stron internetowych.

Po pierwsze, musisz znaleźć miejsce do wpisania tagów HTML (polecam notatnik) i wpisać tagi.

Oto kolejny przykład strony z tagami HTML.

<html>

<head>

<title> Cześć! <title>

<h1> Witaj świecie!</h1>

</head>

<body>

<p>

To jest strona z tagami HTML.

</p>

<footer>.

Przez: *wpisać imię i nazwisko*

</footer>.

</html>.

Kiedy już skończysz, zapisz to w tym formacie: helloworld.htm

(nie stawiaj spacji)

I gotowe! Po zapisaniu go w komputerze, jeśli go naciśniesz, wyśle cię na twoją stronę w google!

Pytania i odpowiedzi

P: Czym jest HTML?

O: HTML to rodzaj języka znaczników używanego do tworzenia stron internetowych zawierających tekst, linki, obrazy i materiały audiowizualne.

P: Jaka jest funkcja języka HTML?

O: Funkcją języka HTML jest informowanie przeglądarek internetowych o tym, jak powinny wyglądać strony internetowe i dodawanie metainformacji, takich jak nazwa twórcy strony internetowej.

P: Jakie są przykłady multimediów, które mogą być zawarte na stronach internetowych utworzonych przy użyciu HTML?

O: Niektóre przykłady multimediów, które mogą być zawarte na stronach internetowych utworzonych przy użyciu HTML, to pliki audio i klipy wideo.

P: W jaki sposób CSS uzupełnia HTML?

O: CSS jest używany do zmiany wyglądu stron HTML.

P: Jaka jest rola JavaScript w tworzeniu stron internetowych?

O: JavaScript jest niezbędnym językiem skryptowym w tworzeniu stron internetowych, ponieważ mówi stronom internetowym, jak mają się zachowywać i może zmieniać wygląd HTML i CSS.

P: Kto jest odpowiedzialny za stworzenie języka HTML?

O: HTML jest tworzony przez World Wide Web Consortium (W3C).

P: Jaka jest aktualna standardowa wersja języka HTML?

O: Od września 2018 r. HTML 5 jest najnowszą standardową wersją HTML w wersji 5.2.