Znaczniki HTML

Transkrypt

Znaczniki HTML
Znaczniki HTML
Znacznik
<html></html>
<head></head>
<title></title>
<base></base>
<link></link>
<meta></meta>
<style></style>
<script></script>
<noscript>
</noscript>
<body></body>
<section></section>
html5
<nav></nav> html5
<article></article>
html5
<aside></aside>
html5
<h1></h1><h2></h
2><h3></h3>…
<hgroup></hgroup>
html5
<header></header>
html5
<footer></footer>
html5
<address>
</address>
Opis
HTML
Podstawowy znacznik języka HTML
Metadane
Zbiór metadanych dokumentu, w tym
łącza do lub definicjach skryptów i arkuszy
stylów
Określa tytuł dokumentu, wyświetlany w
pasku tytułu przeglądarki lub zakładki;
może zawierać tylko tekst
Określa adres bazowy dla względnego
adresu URL strony
Stosowane do dołączania kodu JavaScript
lub CSS zewnętrznego pliku.
Definiuje Metadane, które nie mogą być
określane za pomocą innego elementu
HTML
Stosowany do definiowania styli wewnątrz
dokumentu HTML
Skrypty
Definiuje skrypt lub łącze do zewnętrznego
skryptu
Definiuje alternatywną wartość, gdy w
przeglądarce jest wyłączona obsługa
skryptów
Sekcje
Zawiera główną treść dokumentu HTML;
może być tylko jeden taki znacznik
Definiuje sekcję w dokumencie
Definiuje sekcję w dokumencie, która
zawiera tyko łącza nawigacji
Sekcja z treścią, która wyjęta ze strony
nadal zachowuje pełny sens
Definiuje sekcję w dokumencie, która
tematycznie uzupełnia inną treść mogącą
istnieć bez treści z sekcji
Znacznik nagłówka; posiada 6 poziomów
Służy do definiowania nagłówków poprzez
grupowanie
Definiuje nagłówek strony lub sekcji
Definiuje stopkę dla strony lub sekcji
Definiuje sekcję zawierającą informacje
kontaktowe
<p></p>
<hr></hr>
<pre></pre>
<blockquote>
</blockquote>
<ol></ol>
<ul></ul>
<li></li>
<dl></dl>
<dt></dt>
<dd></dd>
<figure></figure>
html5
<figcaption>
</figcaption> html5
<div></div>
<a></a>
<em></em>
<strong></strong>
<small></small>
<s></s>
<cite></cite>
<q></q>
<dfn></dfn>
<abbr></abbr>
<time></time>
html5
<code></code>
<var></var>
<samp></samp>
<kbd></kbd>
<sub></sub>
<sup></sup>
<i></i>
<b></b>
<u></u>
<mark></mark>
Grupowanie treści
Zawiera treść wyświetlona jako akapit
Pozioma linia oddzielająca treść
Wskazuje, że jego wartość jest wstępnie
sformatowana i że format musi być
zachowany
Reprezentuje cytat
Definiuje uporządkowaną listę
dokumentów
Definiuje nieuporządkowaną listę
elementów
Elementy listy
Lista definicyjna
Termin listy definicyjnej
Definicja listy definicyjnej
Sekcja przechowująca treści o której
wspomina się w artykule, ale która może
być również zaprezentowana w innym
miejscu
Tytuł treści w elemencie <figure>
Reprezentuje ogólny pojemnik bez
specjalnego zastosowania
Formatowanie tekstu
Link – hiperłącze
Emfaza – wyróżnienie tekstu
Mocna emfaza – mocne wyróżnienie
tekstu
Zmniejszenie tekstu
Przedstawienie treści, które nie są już
dokładne ani istotne
Reprezentuje tytuł pracy
Cytat wyświetlany w linii
Definicja
Służy do oznaczanie skrótów
Służy do oznaczania czasu
Służy do oznaczenia przykładu kodu
komputerowego
Reprezentuje zmienną
Służy do oznaczenia przykładu
wyjściowego kodu komputerowego
Reprezentuje dane wejściowe użytkownika
Indeks dolny i indeks górny
Kursywa
Pogrubienie
Podkreślenie
Zaznacza lub uwydatnia tekst w jednym
html5
<ruby></ruby>
html5
<rt></rt> html5
<rp></rp> html5
<span></span>
<br></br>
<wbr></wbr> html5
<ins></ins>
<del></del>
<img></img>
<iframe></iframe>
<embed></embed>
html5
<object></object>
<param></param>
<video></video>
html5
<audio></audio>
html5
<source></source>
html5
<track></track>
html5
<canvas></canvas>
html5
<map></map>
<area></area>
<svg></svg> html5
<math></math>
html5
<table></table>
<caption>
</caption>
<colgroup>
dokumencie
Pozwala wprowadzić adnotacje do
fragmentów tekstu, umieszczane nad tym
tekstem
Zawiera adnotację; używany wewnątrz
<ruby>
Reprezentuje nawias wokół adnotacji
ruby; używany do wyświetlania adnotacji
Reprezentuje fragment tekstu bez
określonego zaznaczenia
Nowa linia
Wskazuje miejsce złamania linii tekstu
Edycja
Używane do zaznaczenia sekcji
dokumentu, które zostały wstawione
Używane do zaznaczenia sekcji
dokumentu, które zostały usunięte
Zawartość wbudowana
Obrazek
Pływająca ramka
Umożliwia wstawianie plików
multimedialnych
Reprezentuje zewnętrzny zasób, który
będzie przetworzony przez plugin
Element znacznika object,; definiuje
parametry do przetworzenia zasobu przez
plugin
Reprezentuje film i powiązane z nim pliki
Reprezentuje dźwięk lub strumień audio
Pozwala określić alternatywne zasoby dla
elementów multimedialnych
Definiuje napisy dla elementów
multimedialnych
Obszar przeznaczony na dynamiczne,
skryptowe renderowanie kształtów i
obrazów bitmapowych
W połączeniu z area, definiuje mapę
obrazu
W połączeniu z map, definiuje mapę
obrazu
Definiuje wbudowaną grafikę wektorową
Definiuje formułę matematyczną
Tabela
Reprezentuje dane w więcej niż w jednym
wymiarze
Reprezentuje tytuł tabeli
Pozwala zgrupować kilka kolumn tabeli
</colgroup>
<col></col>
<tbody></tbody>
<thead></thead>
<tfoot></tfoot>
<tr></tr>
<td></td>
<th></th>
<form></form>
<fieldset>
</fieldset>
<legend></legend>
<label></label>
<input></input>
<button></button>
<select></select>
<datalist>
</datalist> html5
<optgroup>
</optgroup>
<option></option>
<textarea>
</textarea>
<keygen></keygen>
html5
<output></output>
html5
<progress>
</progress> html5
<meter></meter>
html5
<details></details>
html5
<summary>
</summary> html5
<command>
</command> html5
<menu></menu>
html5
Autor:
Pozwala zgrupować kilka kolumn tabeli
Ciało tabeli – zawiera wiersze
Obszar nagłówkowy tabeli – zawiera
wiersze
Stopka tabeli – zawiera wiersze
Wiersz tabeli
Komórka tabeli
Komórka nagłówkowa tabeli
Formularz
Reprezentuje formularz
Grupuje tematycznie kontrolki i etykiety
formularza
Reprezentuje tytuł znacznika fieldset
Reprezentuje tytuł kontrolki
Kontrolka formularza przechowuje dane
Reprezentuje przycisk
Reprezentuje kontrolkę pola wyboru
Reprezentuje zestaw predefiniowanych
wartości dla innych kontrolek
Grupuje opcje w liście wyboru selekt
Opcja w kontrolce select lub sugestia w
datalist
Wieloliniowe pole tekstowe
Generuje klucz dla formularza
Pole z wynikiem działania
Pasek dostępu
Graficzny wskaźnik wartości procentowej
Elementy interaktywne
Widet, z którego użytkownik może uzyskać
dodatkowe informacje
Nagłówek dla pola details, po kliknięciu
którego zobaczymy dodatkowe informacje
Polecenie, które może wywołać
użytkownik
Lista poleceń
Magdalena Wiesner
[email protected]
www.porady-m-inf.cba.pl

Podobne dokumenty