HTML CSS PYTHON
reklama

Tagi w HTML

Podstawowe:
TagOpis
<!DOCTYPE>Deklaracja typu dokumentu
<html>Definiuje dokument HTML
<head>Definiuje informacje o dokumencie
<meta> Definiuje metadane dokumentu HTML
<link>Definiuje związek z zasobem zewnętrznym (np. podłączania arkuszy stylów, ikonka favicon)
<base>Określa podstawowy adres URL dla wszystkich względnych adresów URL w dokumencie HTML
<title>Tytuł dokumentu widoczny w wyszukiwarkach
<body>Treść dokumentu HTML
<h1> do <h6>Definiuje dokument HTML
<p>Akapit dokument HTML
<br>Przechodzi do następnej linii (tag pusty tj. bez tagu zamykającego)
<hr>Pozioma linia
<!--....-->Komentarz HTML
<iframe>Wstawia ramkę do osadzenia innego dokumentu HTML
<a>Definiuje hiperłącza (linki)
<style>Ustawia styl dokumentu HTML
<div>Definiuje pojemniki do umieszczania informacji w dokumencie HTML
<span>Definiuje pojemnnik na tekst w linii
Formatowanie:
TagOpis
<abbr>Skrót
<address>Dane adresowe autora dokumentu
<b>Pogrubiony tekst
<blockquote>Cytat z innego źródła
<cite>Tytuł dzieła (np. książki, piosenki, filmu, obrazu, rzeźby itp.).
<code>Tag frazy. Definiuje kawałek kodu komputerowego
<del>Przekreśla tekst
<dfn>Tekst cursywa
<em>Tekst cursywa, wskazuje na nacisk w wymowie
<i>Tekst cursywa, wyróżniony tekst
<ins>Tekst podkreślony
<kbd>Tekst otoczony tłem czarnym, służy do oznaczenia fragmentu tekstu wprowadzanego z klawiatury.
<mark>Tekst otoczony tłem kolorowym w celu wyróżnienia tekstu
<pre>Definiuje już sformatowany tekst. Zawiera już spacje, rozmiar czcionki, jej kolor itd.
<q>Cytat (tekst w cudzysłowach)
<s>Tekst przekreślony, który nie jest już poprawny
<samp>Definiuje tekst jako przykładowy wynik z programu komputerowego w dokumencie. Charakteryzuje się komputerową, stałą, domyślną czcionką o stałej szerokości
<small>Mniejszy tekst
<strong>Ważny, pogrubiony tekst
<sub>Definiuje tekst indeksu górnego
<sup>Definiuje tekst indeksu dolnego
<time>Określa datę/godzinę
<var>Definiuje zmienną
<wbr>Dzieli tekst
<var>definiuje zmienną
<bdi>Izoluje część tekstu, który może być sformatowany w innym kierunku pisania niż inny tekst poza nim. Ten element jest przydatny podczas osadzania treści tworzonych przez użytkowników z nieznanym kierunkiem tekstu.
<bdo>Zastępuje bieżący kierunek tekstu
<u>Wyświetla tekst podkreślony
<meter>Definiuje pomiar skalarny w danym zakresie
<progress>Wyświetla postęp realizowanego zadania
<template>Określa szablon.
Grafika, video:
TagOpis
<img>Definiuje obraz
<map>Definiuje mapę obrazu, w którą użytkownik może kliknąć w celu np. przeniesienia się na inną stronę
<area>Definiuje obszar wewnątrz mapy obrazu (obszar klikalny)
<canvas>Służy do rysowania grafiki w locie za pomocą skryptów (zwykle JavaScript). Jest tylko pojemnikiem na grafikę, trzeba użyć skryptu, żeby cokolwiek narysować. Tekst będzie wyświetlany bez obsługi javascript.
<svg>Definiuje pojemnik na grafikę SVG
<figure>Określa samodzielny element na stronie, np. zdjęcie, portret, jakąś grafikę itp.
<figcaption>Podpisuje niezależny element zawarty w tagach <figure>
<source>Służy do definiowania wielu zasobów multimedialnych w różnych formatach: wideo, audio lub obrazu. Jest to konieczne, aby osiągnąć najlepszą możliwą kompatybilność między przeglądarkami. Z dostępnych opcji przeglądarka może wybrać format, który obsługuje i odtwarzać pliki audio i wideo bez żadnych trudności. Jest to tag nie zawierający treści oraz bez tagu zamykającego.
<picture>Służy do definiowania wielu wersji obrazów
<audio>Definiuje zwartość dźwiękową
<video>Definiuje filmy video
<track>Definiuje napisy dla elementów multimedialnych
Listy:
TagOpis
<ul>Definiuje nieuporządkowaną listę
<ol>Definiuje uporzdkowaną listę
<li>Definiuje element listy
<dl>Definiuje listę opisów. Jest używany w połączeniu z <dt> (definiuje nazwy na liście opisów) i <dd> (opisuje każdą nazwę na liście opisów).
<dt>Definiuje nazwę na liście opisów
<dd>Opisuje nazwy na liście opisów
<title>Tytuł dokumentu widoczny w wyszukiwarkach
<body>Treść dokumentu HTML
<h1> do <h6>Definiuje dokument HTML
<p>Akapit dokument HTML
<br>Przechodzi do następnej linii (tag pusty tj. bez tagu zamykającego)
<hr>Pozioma linia
<!--....-->Komentarz HTML
<iframe>Wstawia ramkę do osadzenia innego dokumentu HTML
<a>Definiuje hiperłącza (linki)
<style>Ustawia styl dokumentu HTML
<div>Definiuje pojemniki do umieszczania informacji w dokumencie HTML
<span>Definiuje pojemnnik na tekst w linii
Tabele:
TagOpis
<table>Wstawia na stronę www tabelę
<tr>Definiuje wiersz tabeli
<th>Definiuje komórkę nagłówka tabeli
<td>Definiuje komórkę tabeli
<thead>Grupuje zawartość nagłówka tabeli
<tbody>Grupuje zawartość treści tabeli
<tfoot>Grupuje zawartość stopki tabeli
<caption>Podpis tabeli
<col>Definiuje każdą kolumnę tabeli
<colgroup>Określa kolumny w tabeli do formatowania
Schemat:
TagOpis
<header>Definiuje nagłówek strony www
<main>Określa główną treść strony www
<nav>Definiuje linki w nawigacji na stronie
<footer>Definiuje stopkę strony www
<section>Definiuje sekcje na stronie www
<article>Definiuje artykuł
<aside>Definiuje zawartość niezależną od reszty strony www (na marginesie)
<details>Definiuje szczegółowe treści, które mogą być ukryte
<summary>Definiuje widoczny nagłówek dla własnych ukrytych treści
Formularze:
TagOpis
<form>Definiuje formularz do wprowadzania danych przez użytkowników strony www
<input>Definiuje pole wejściowe do wpisywania dnych przez użytkowników
<textarea>Definiuje wielowierszowe pole do wpisywania tekstu
<select>Definiuje listę rozwijaną
<option>Definiuje opcje na liście rozwijanej
<optgroup>Określa grupę powiązanych opcji na liście rozwijanej
<label>Definiuje etykietę dla elementu <input>
<datails>Definiuje zestaw elementów do wyboru w innych elementach HTML.
<output>Służy do wyświetlenia wyników obliczeń, różnych działań wykonywanych przez użytkowników na stronie www.
<fieldset>Grupuje powiązane elementy w formularzu internetowym.
<legend>Definiuje podpis dla elementu <fieldset>
Programowanie:
TagOpis
<script>Służy do osadzania kodu wykonywalnego, najczęściej kodu javascript. Ale może być również używany z innymi językami programowania: WebGL i JSON
<nonscript>Służy do osadzania alternatywnej treści HTML, gdy brak jest obsługi skryptów lub jeśli obsługa skryptów jest obecnie wyłączona w przeglądarce.
<embed>Definiuje miejsce na stronie dla zewnętrznej aplikacji (innej niż HTML)
<object>Definiuje obiekt osadzony
<dialog>Określa okno, w którym zawarty jest możliwy do odrzucenia alert, inspektor lub okno podrzędne.
<data>Dodaje do treści w dokumencie HTML dodatkowo czytelnego maszynowo tłumaczenia.
Samouczek Pythona
reklama
reklama


Szkoła bananik.pl jest zoptymalizowana pod kątem uczenia się, testowania i szkolenia.
Przykłady są stale sprawdzane, aby uniknąć błędów, ale nie możemy zagwarantować pełnej poprawności wszystkich treści.
Korzystając z tej witryny, wyrażasz zgodę na przeczytanie i zaakceptowanie naszych warunków użytkowania, plików cookie i polityki prywatności.
© 2022 bananik.pl
Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej.Rozumiem