Programowanie aplikacji internetowych

HTML i JS

HTML i JavaScript to podstawowe języki programowania aplikacji internetowych

Down arrow

HTML5
(ang. HyperText Markup Language)

  • znaczników (i ich atrybutów)
  • typów danych
  • referencji znakowych
  • odwołań w postaci encji
  • deklaracji typu dokumentu

HTML
znaczniki

przykład znacznika z atrybutem


						zawartość

HTML
Encje i referencje znakowe

< i & = < i &


						< i & = & lt ; i & amp ;

HTML
Typy danych


						type="text/css"

HTML
Deklaracja typu dokumentu


						< DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

w HTML5

HTML
Przykładowy dokument


< doctype html>



Tytuł strony



Nagłówek pierwszego poziomu


Akapit

HTML
wykaz znaczników

komentarz
ramka/iframe 

						< iframe>
przejście do nowej linii
linia pozioma 

						< hr>

HTML
wykaz znaczników

kontener 

						< div>
paragraf 

						< p>
łącze 

						< a>
sekcja 

						< span>

HTML
wykaz znaczników

formularz 

						< form>
pole tekstowe 

						< input>
lista rozwijalna 

						< select>
opcja w liście rozwijalnej 

						< option>

HTML
wykaz znaczników

lista punktowana 

						< ul>
element listy 

						< li>
lista numerowana 

						< ol>
obrazek 

						< img>

HTML
wykaz znaczników

tabela 

						< table>
komórka nagłówka tabeli 

						< th>
wiersz tabeli 

						< tr>
komórka tabeli 

						< td>

Nowości w HTML5

uproszczona deklaracja dokumentu


							< !doctype>

brak konieczności podawania typu elementu


							< link rel="stylesheet" href="styl.css" />

formularze - atrybuty data-* i required


   						 < input data-atrybut-klucz="wartosc" required="true"/>
element.getAttribute("data-atrybut-klucz")

walidacja adresów email


   						 < input type="email"/>

Nowości w HTML5

obsługa audio

obsługa wideo

canvas
>

Nowości w HTML5

nagłówek


< header>

sekcja


< section>

artykuł


< article>

nawigacja


< nav>

Nowości w HTML5

aside


< aside>

główna treść strony


< main>

stopka


< footer>