Wyszukaj / o blogu

HTML -> wstęp do budowy dostępnych stron (ang. Accessibility)

Opublikowano wto 23 czerwca 2020 w html • Tagi: vsc, accessibility, dostępność, semantyczny html, html • 3 min read

accessibility

Kwestia dostępności (ang. accessibility) jest związana z takim tworzeniem stron internetowych (w tym w dużej mierze odpowiedniej struktury HTML) aby osoby posiadające różnego rodzaju zaburzenia (np. widzenia) lub problemami z motoryką ciała w możliwie jak najprostszy sposób mogły z nich korzystać.

Do osób wykluczonych zaliczyć można:

  • osoby niepełnosprawne sensorycznie

  • osoby …


Czytaj dalej

HTML: semantyczny HTML

Opublikowano śro 17 czerwca 2020 w html • Tagi: css, html, semantyczny html, semantic • 2 min read

semantyczny-html

Znaczniki semantyczne określają znaczenie treści, która jest w ramach nich zamknięta. Nie powinny być wykorzystywane do pozycjonowania (od tego div) a do określania treści.

HTML - tag znaczenie
<alt> alternative/opis w przypadku braku elementu lub dla czytnika
<article> artykuł - rozumiany jako przedmiot rzecz / niezależna i zamknięta część strony
zawartość tego …

Czytaj dalej

HTML: podstawy tabel

Opublikowano wto 16 czerwca 2020 w html • Tagi: css, html, semantyczny html, semantic • 1 min read

html-tabele

Sekcje Tabeli HTML
Tabela <table></table>
Sekcja nagłówka <thead></thead>
Sekcja główna <tbody></tbody>
Stopka <tfoot></tfoot>
---- ----
Wiersz <tr></tr>
Komórka <td></td>
Nagłówek tabeli <th></th>
---- ----
Zasięg (columna/wiersz) <th scope="col/row">
Łączenie (liczba kolumn) <th rowspan="2">

Przykładowa tabela

Model Planet Class
1 R2D2 Naboo Droid
2 …

Czytaj dalej