html - Kurs HTML i CSS
Formularze HTML / Lista rozwijalna <select, option, optgroup>Spis treści <select, option, optgroup> Lista rozwijalna <select, option, optgroup> Możliwość wyboru kilku opcji (typ rozszerzony) <select multiple> Z zaznaczoną domyślnie opcją <option selected> O określonej wysokości pola <select size> Blokada pola <select disabled> Grupy opcji <optgroup> Lista rozwijalna <select, option, optgroup> <form action="..."> <select name="nazwa"> <option>Tu wpisz pierwszą możliwość</option> <option>Tu wpisz drugą możliwość</option> (...) </select>...
- Formularze HTML / Obszar tekstowy <textarea>
Spis treści <textarea> Obszar tekstowy <textarea> Pole tylko do odczytu <textarea readonly> Blokada pola <textarea disabled> Obszar tekstowy <textarea> <form action="..."> <textarea name="nazwa" cols="x" rows="y">Tu wpisz tekst który pojawi się domyślnie</textarea> </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania). Zostanie ona później wysłana wraz z formularzem. Natomiast "x" oraz "y" oznaczają odpowiednio: ilość kolumn i wierszy tekstu, które...
- Formularze HTML / Wysłanie formularza <input "submit, image">
Spis treści <input "submit, image"> Przycisk tekstowy <input "submit"> Przycisk obrazkowy <input "image"> Nazwa przycisku wysłania formularza <input "submit" name> Przycisk tekstowy <input "submit"> <form action="..."> <input type="submit" value="wartość"> </form> gdzie jako "wartość" należy wpisać napis, który pojawi się na przycisku wysyłania formularza. Jeśli opuścimy ten parametr, pojawi się tam domyślny tekst, np.: "Prześlij kwerendę". Polecenie wprowadza na ekran przycisk z...
- Promocja strony WWW / Pozycjonowanie (SEO)
...nie mogą być oderwane od właściwej treści strony, bo może to zostać uznane za spam. Główną rolę grają słowa kluczowe na stronie głównej (index.html), ale nie należy ich pomijać na pozostałych stronach, bo stanowią one dodatkową szansę na nowe odwiedziny serwisu. Na każdej podstronie wyrazy kluczowe powinny być inne - odpowiednie do treści, która się tam znajduje. Nie należy zbyt często powtarzać jednakowych słów kluczowych na tej samej stronie, bo większość wyszukiwarek uznaje to za...
- Znaki specjalne HTML / Międzynarodowe
Numer Nazwa Opis Objaśnienie Wygląd " " Quotation mark (APL quote) Znak cudzysłowu " & & Ampersand Ampersand (znak and) & < < Less-than sign Znak mniejszości < > > Greater-than sign Znak większości > Œ Œ Latin capital ligature "OE" Łacińskie wielkie połączenie "OE" Œ œ œ Latin small ligature "oe" Łacińskie małe połączenie "oe" œ Š Š Latin capital letter "S" with caron Łacińska...
- Znaki specjalne HTML / Emotikony (emoji)
Spis treści Co to są emotikony (emoji)? Generator emotikon (emoji) Co to są emotikony (emoji)? Emoji to specjalny rodzaj znaku przedstawiający piktogram graficzny. Mimo iż często wygląda jak ikona obrazkowa, to tak naprawdę można go wstawić w zasadzie wszędzie tam, gdzie wpisuje się zwykły tekst. Może to być np. okno rozmowy większości komunikatorów internetowych albo dodawania nowej wiadomości w zasadzie w dowolnym serwisie społecznościowym. Emotikona to specjalny ideogram służący do...
- HTML5 / Stopka <footer>
<footer>...</footer> Stanowi stopkę dla zawierającego ją elementu sekcji (ARTICLE, ASIDE NAV, SECTION). Stopka przechowuje zwykle informacje na temat sekcji - np.: autor, linki do powiązanych dokumentów, prawa autorskie itp. Stopka może również zawierać w sobie znaczniki sekcji. W takim przypadku stosuje się ją do oznaczania: załączników, skorowidzów (alfabetycznych indeksów haseł), kolofonów (opisów na zakończenie książki), szczegółowych praw autorskich itp. Mimo z pozoru analogicznej...
- HTML5 / Artykuł <article>
<article>...</article> Artykuł reprezentuje samodzielną część dokumentu lub aplikacji, która potencjalnie mogłaby być opublikowana niezależnie od pozostałej treści na stronie (np. w kanale RSS). Może to być np.: wiadomość wysłana na forum dyskusyjnym, wpis na blogu, komentarz użytkownika pod artykułem, interaktywny widget. W pojedynczym dokumencie może być więcej niż jeden element ARTICLE. Znaczniki te można również zagnieżdżać (umieszczać jeden w drugim). W takim przypadku oznacza to, że...
- HTML5 / Wstawka <aside>
<aside>...</aside> Wstawka reprezentuje sekcję na stronie, która jest tylko nieznacznie powiązana tematycznie z treścią elementu, w którym się znajduje. Jednocześnie gdybyśmy usunęli taką sekcję z dokumentu, zarówno sam artykuł jaki i wyrwana z kontekstu sekcja nie utracą sensu ani swojej wewnętrznej kompletności. Typowe przeznaczenie: cytaty umieszczone w treści artykułu w postaci osobno wyróżnionych bloków, bannery reklamowe, grupy linków nawigacyjnych. Element ten nie nadaje się do...
- HTML5 / Podtytuł <hgroup>
Podtytuł pierwszego poziomu (główny): <hgroup> <h1>tytuł</h1> <p>podtytuł</p> </hgroup> Podtytuł drugiego poziomu (sekcji): <hgroup> <h2>tytuł</h2> <p>podtytuł</p> </hgroup> Podytuł trzeciego poziomu (podsekcji): <hgroup> <h3>tytuł</h3> <p>podtytuł</p> </hgroup> Podtytuł czwartego poziomu: <hgroup> <h4>tytuł</h4> <p>podtytuł</p> </hgroup> Podtytuł piątego poziomu: <hgroup> <h5>tytuł</h5> <p>podtytuł</p> </hgroup> Podtytuł szóstego poziomu (najniższej podsekcji): <hgroup>...