treść - Kurs HTML i CSS
HTML5 / Artykuł <article>...mogłaby funkcjonować również niezależnie. Kiedy ARTICLE a kiedy SECTION? Oba te znaczniki tworzą nową sekcję w dokumencie, po usunięciu której treść utraciłaby wewnętrzną spójność lub sens. Jednak w przypadku ARTICLE zawartość nim objęta ma bardziej samodzielny charakter, tzn. potencjalnie mogłaby być opublikowana niezależnie od pozostałej treści na stronie. Jest to więc element nadający bardziej szczegółowe znacznie swojej zawartości. Natomiast jeśli wybierzemy jakiś wewnętrznie...
- HTML5 / Element ukryty <... hidden>
...jako atrybut logiczny - tzn. bez podania wartości). until-found - element nie zostanie wyświetlony na stronie, chyba że użytkownik wyszuka jego treść (przy pomocy skrótu klawiaturowego Ctrl+F) albo przejdzie do etykiety znajdującej się w jego obrębie. Atrybut hidden można nadać dowolnemu znacznikowi na stronie. Wskazuje on, że element nie jest jeszcze (albo już dłużej nie jest) istotny, z punktu widzenia pozostałej zawartości dokumentu. Przeglądarka nie powinna wyświetlać takich...
- HTML5 / Zawijanie tekstu w formularzu <textarea wrap>
<textarea wrap="zawijanie">...</textarea> zawijanie Należy podać jedną z poniższych wartości: soft - tekst nie zostanie zawinięty w chwili wysyłania formularza, choć może być w taki sposób wyświetlony na ekranie (domyślnie). hard - w momencie wysłania formularza, przeglądarka automatycznie zawinie tekst wpisany w polu, tzn. doda do niego znaki nowej linii, tak aby wyglądał jak na ekranie przed wysłaniem. Treść w obszarze tekstowym formularza zwykle jest wyświetlana w postaci...
- Podcast HTML / #3 Tekst HTML
Pobierz plik MP3... Zobacz więcej... Wszystkie odcinki podcastu HTML: #1 HTML dla zielonych #2 Nagłówek i treść HTML #3 Tekst HTML #4 Odsyłacze HTML #5 Tabele HTML #6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Modele wyświetlania znaczników HTML Język HTML przewiduje dwa podstawowe modele wyświetlania treści znaczników: W bloku: Automatycznie dodawane są znaki końca linii przed i po elemencie. Elementy blokowe, takie jak nagłówki (od <h1> do <h6>) oraz...
Marginesy CSS / Model pudełkowy CSSŹródło: Cascading Style Sheets, Level 2 Każdy element generuje w dokumencie prostokątny obszar zwany pudełkiem (ang. Box model). Pudełko składa się z: Zawartości - "Content" (np. test, obrazek itd.) Otaczających marginesów wewnętrznych - "Padding" Obramowania - "Border" Marginesów - "Margin" Ostatnie trzy składniki są opcjonalne, tzn. mogą mieć wartość zero. Obwód (zewnętrzny) każdego z czterech obszarów nazywamy krawędzią ("Edge"). Według CSS rozmiary elementu (własności width oraz...
- Marginesy CSS / Atrybuty mieszane marginesu {margin}
selektor { margin: wartości atrybutów } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy podać: Jedną wartość - wtedy wszystkie marginesy będą jednakowe. Przykład To jest akapit, który ma wszystkie marginesy równe 2cm (margin: 2cm) Dwie wartości - z których pierwsza oznacza górny i dolny margines, natomiast druga - lewy i prawy. Przykład To jest akapit, który ma górny i dolny margines...
- Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>
...znacznika <style>...</style> można ująć w komentarz HTML: <style> <!-- /* To jest arkusz stylów kompatybilny wstecz */ --> </style> Dzięki nim treść arkusza nie będzie widoczna na ekranie starszych przeglądarek, które nie obsługują stylów. Aktualnie jednak trudno znaleźć przeglądarkę, która nie potrafiłaby zinterpretować znacznika STYLE. Oczywiście znaki <!-- oraz --> znajdujące się na początku i na końcu arkusza, nie są znakami komentarza stylów lecz HTML i nie można ich używać wewnątrz...
- Selektory atrybutów CSS / Selektor atrybutu o określonej wartości
...nadany znacznikowi z poziomu HTML (np. atrybut title="..."). "Wartość atrybutu" to określona wartość, która została nadana temu atrybutowi (np. treść atrybutu title="..."). Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie to może zostać wykorzystane dla elementów, którym z poziomu HTML został nadany atrybut, który ma określoną wartość. Pozwala nadać konkretne cechy elementom, które posiadają...
- Selektory specjalne CSS / Klasy selektorów <... class>
Spis treści <... class> Klasy selektorów <... class> Lista klas Podzbiory klas Klasy selektorów <... class> selektor.klasa { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne) [zobacz: Wstawianie stylów]. Klasa to wartość atrybutu class="..." nadanego selektorowi z poziomu języka HTML. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Jako...
- Selektory specjalne CSS / Selektor identyfikatora <... id>
selektor#identyfikator { cecha: wartość } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne) [zobacz: Wstawianie stylów]. Identyfikator to wartość atrybutu id="..." nadanego selektorowi z poziomu języka HTML. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Jako identyfikator należy podać dowolny pojedynczy wyraz, który nie może zawierać znaków: spacji, kropki...