przykład html - Kurs HTML i CSS
Komendy HTML 4.01 / Specyfikacja HTMLPoniżej znajdziesz opis wszystkich znaczników i ich atrybutów według oryginalnej specyfikacji HTML 4.01, opracowanej przez organizację W3C. Całe to zestawienie zostało napisane w następujący sposób: Opis każdego znacznika rozpoczyna się od jego nazwy. Potem krótkie wytłumaczenie znaczenia i roli, jaką spełnia. Dalej wszystkie atrybuty (w kolejności alfabetycznej). Nie każdy atrybut musi zostać użyty (można nawet nie używać żadnych). Dodatkowo kolejność ich wpisywania jest dowolna...
- 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 / Podtytuł <hgroup>
...Taka konstrukcja jednak nie niosła ze sobą żadnego semantycznego znaczenia. HTML5 uzupełnia ten brak. Przykład <hgroup> W poniżej zamieszczonym przykładzie, znacznik P stanowi podtytuł: <article> <hgroup> <h1>Hobbit</h1> <p>czyli tam i z powrotem</p> </hgroup> ... </article>
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...fetchpriority="high", należy umieścić ten atrybut w tagu <img>, <link> lub <script> dla zasobów, które mają mieć wysoki priorytet pobierania. Na przykład: <img src="image.jpg" fetchpriority="high"> lub <link rel="preload" as="style" href="style.css" fetchpriority="high">. To zapewni, że przeglądarka pobierze te zasoby z wyższym priorytetem.
- HTML5 / Przypisanie pola do formularza <button form, fieldset form, input form, object form, output form, select form, textarea form>
(interpretuje: Firefox 4, Opera 10, Chrome 10) Przycisk: <button form="identyfikator">...</button> Grupa pól formularza: <fieldset form="identyfikator">...</fieldset> Pole formularza: <input form="identyfikator"> Obiekt: <object form="identyfikator"></object> Dane wyjściowe: <output form="identyfikator">...</output> Lista rozwijalna: <select form="identyfikator">...</select> Obszar tekstowy: <textarea form="identyfikator">...</textarea> identyfikator Należy podać wartość...
- HTML5 / Tłumaczenie językowe <... translate>
...Często są one również wbudowane w przeglądarki internetowe lub system operacyjny. Jednak nie każdy fragment tekstu powinien być tłumaczony. Na przykład kod programu, zawierający instrukcję w języku angielskim, powinien zostać nietknięty przez aplikację tłumaczącą. Aby zabronić tłumaczenia tekstu, należy do elementu, który go obejmuje, przypisać atrybut translate="no".
Selektory atrybutów CSS / Selektor atrybutu o wartości rozpoczynającej się od...(CSS 3 - interpretuje: Chrome 4, Firefox 3.5, Edge 12, Opera 10, Safari 3.2) selektor[atrybut^="początek"] { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Początek" to określony tekst, którym rozpoczyna się wartość atrybutu. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane...
- Selektory atrybutów CSS / Selektor atrybutu o wartości kończącej się na...
(CSS 3 - interpretuje: Chrome 4, Firefox 3.5, Edge 12, Opera 10, Safari 3.2) selektor[atrybut$="koniec"] { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Koniec" to określony tekst, którym kończy się wartość atrybutu. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez...
- Selektory atrybutów CSS / Selektor atrybutu zawierającego określony tekst
(CSS 3 - interpretuje: Chrome 4, Firefox 3.5, Edge 12, Opera 10, Safari 3.2) selektor[atrybut*="tekst"] { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Atrybut oznacza konkretny parametr nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Tekst" to określony napis, zawierający się w wartości atrybutu, który może zawierać również spacje. Natomiast wyrazy "cecha" oraz "wartość" określają...
- Selektory pseudoelementów CSS / Co to są pseudoelementy CSS?
...dokumentów - takie jak XHTML czy HTML - nie dostarczają mechanizmów dostępu do pewnych specyficznych elementów występujących na każdej stronie. Na przykład nie można wprost odnieść się do pierwszej litery ani pierwszej linii w akapicie. Tymczasem często zachodzi potrzeba ich specjalnego wystylizowania. Obejmowanie pierwszej litery w każdym akapicie znacznikiem <span>...</span> jest nieoptymalne i czasochłonne. Z pomocą przychodzą pseudoelementy CSS, które pozwalają odnieść się do takich...