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