HTML - Tworzenie stron

Tutaj rozpocznij swoją przygodę z tworzeniem stron internetowych! HTML to język opisowy, w którym przy pomocy znaczników (tagów) określamy co zawiera dana podstrona - mogą to być hiperłącza, obrazki, pola edycyjne, przyciski, tabele, listy numerowane, pojemniki na zawartość, akapity tekstu, nagłówki itd. Oprócz zawartości strony, w HTML określamy także istotne parametry witryny – tytuł i opis w rezultatach wyszukiwania Google, język i zestaw znaków właściwy dla danego kraju, skrypty i arkusze stylów, których witryna używa etc. Uwaga: pełny opis przeznaczenia poszczególnych technologii webowych znajdziesz w tym filmie.

Odcinki video

• Przegląd technologii webowych
• 01. Tworzenie stron www - pierwszy projekt, wiedza podstawowa
• 02. Budowanie struktury strony www
• 03. Linkowanie podstron, przyjazne adresy, fontello
• 04. Listy, automatyczne przewijanie strony
• 05. Nowe znaczniki HTML5, semantyka
• 06. Klasyczne kontrolki formularzy
• 07. Pozostałe kontrolki formularzy
• 08. Flexbox - Układamy bloki na stronie
• 09. Flexbox - Menu główne z wersją mobilną, czyli tzw. hamburger

Artykuły

• Templatka witryny HTML5, polskie znaki, sekcja head
• Hiperłącza <a> (linki) w HTML
• Wstawienie obrazu <img> do witryny
• Paragrafy <p> czy podwójne <br>?
• Nagłówki (headings) <h1> do <h6>
• Listy nienumerowane <ul> i numerowane <ol>
• Tworzenie tabel w HTML
• Element <span>
• Znacznik <strong>
• Wyróżnienie - emfaza <em>
• Blok cytatu <blockquote>
• Zmiana postaci tekstu <b>, <i>, <u>
• Formularz - znacznik <form>
• Elementy formularza: input text, password, number oraz etykieta label
• Elementy formularza: pole checkbox oraz radio
• Elementy formularza: lista wyboru select
• Elementy formularza: pole wieloliniowe textarea
• Elementy formularza: rodzaje przycisków
• Struktura witryny: Dlaczego nie budować jej z użyciem tabel?
• Struktura witryny: Metoda float:left w połączeniu z clear:both
• Struktura witryny: Metoda display: inline-block