temat - Kurs HTML i CSS
Nagłówek i treść HTML / Plik robots.txt...Specyfikacja HTML 4.01 wyraźnie zabrania umieszczania kilku linii User-Agent jednej pod drugą, jednak standard (nieopracowany przez W3C) mówi na ten temat zupełnie co innego. Googlebot interpretuje wielokrotne linijki tego typu. Wielkość liter w nazwach robotów nie ma znaczenia. Lista istniejących robotów wyszukiwarek sieciowych znajduje się na stronie: The Web Robots Database. Zamiast nazwy robota można wpisać również znak gwiazdki ("*"), co wskazuje każdego istniejącego robota. Kiedy robot...
- Tekst HTML / Tytuł nagłówka <h1, h2, h3, h4, h5, h6>
...większą czcionką. Znaczniki tytułów (nagłówków) nie mogą zawierać elementów blokowych. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu tytułów w nagłówkach sekcji na stronach internetowych, zobacz rozdział HTML5: Podtytuł, Sekcja, Artykuł, Wstawka, Nagłówek, Stopka. Przykład <h1, h2, h3, h4, h5, h6> Przykład Prawidłowa kolejność tytułów nagłówków Należy dążyć do tego, aby tytuły na stronie były poukładane w odpowiedniej...
- Komendy HTML 4.01 / FRAME
...Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami FRAMEBORDER="obramowanie" Informacje na temat obramowania: 0 - pomiędzy sąsiadującymi ramkami nie będzie separatora 1 - separator pomiędzy sąsiadującymi ramkami ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LONGDESC="adres" Odnośnik do długiego opisu ramki MARGINHEIGHT="piksela" Wysokość górnego i dolnego marginesu w...
- Komendy HTML 4.01 / IFRAME
...Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami FRAMEBORDER="obramowanie" Informacje na temat obramowania: 0 - pomiędzy sąsiadującymi ramkami nie będzie separatora 1 - separator pomiędzy sąsiadującymi ramkami ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie HEIGHT="długość" Wysokość ramki w pikselach lub w procentach LONGDESC="adres" Odnośnik do długiego opisu ramki...
- 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...
- Odsyłacze HTML / Do etykiety <a id>
...przenosi użytkownika bezpośrednio do podrozdziału, a nie na początek strony, przez co nie jest on zmuszony do samodzielnego odszukania wybranego tematu (co w przypadku obszernych dokumentów mogłoby długo potrwać). Etykietę można zdefiniować w dowolnym miejscu strony - również wewnątrz zwykłego tekstu. Jeśli chcemy używać etykietę, najpierw należy ją zdefiniować w wybranym miejscu strony za pomocą polecenia: <a id="nazwa_etykiety"></a> Następnie możemy się do niej odwoływać, zarówno z...
Tekst CSS / Wcięcie w tekście {text-indent}...oznacza dodatkowy odstęp pierwszej linijki w bloku od lewego marginesu (jak tabulator). Stosuje się je, gdy rozpoczynamy nowy akapit (na inny temat). Przykład {text-indent} To jest akapit, w którego pierwszej linijce wcięcie wynosi 1cm... To jest akapit, w którego pierwszej linijce wcięcie wynosi 1cm... To jest akapit, w którego pierwszej linijce wcięcie wynosi 1cm... Pytania i odpowiedzi {text-indent} Jaki atrybut pozwala definiować wcięcie pierwszego wiersza akapitu...
- Multimedia HTML / Obrazek HTML <img>
...większej liczby dużych obrazków, pomocne mogą okazać się galeria lub przeglądarka zdjęć. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu obrazków na stronach internetowych, zobacz rozdział HTML5: Responsywny obrazek, Wstępne ładowanie, Dekodowanie obrazków, Priorytet ładowania, Leniwe ładowanie. Przykład <img> Obrazek o określonych rozmiarach <img width height> <img src="ścieżka dostępu" alt="Tekst alternatywny" width="x" height="y">...
- Widżety HTML / Ramki lokalne <iframe>
...można również wstawić jakąś alternatywną treść, przeznaczoną do przeglądania bez ramek. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu ramek lokalnych na stronach internetowych, zobacz rozdział HTML5: Wstępne ładowanie, Leniwe ładowanie, Piaskownica zabezpieczająca, Osadzenie kodu HTML w ramce lokalnej. Rozmiar ramki <iframe width height> <iframe src="lokalizacja" width="x" height="y">...</iframe> lub <iframe src="lokalizacja...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...każdej podstrony tylko po to, aby zmienić na niej np. kolor albo rozmiar tekstu 🙂 Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości wstawiania stylów CSS na stronach internetowych, zobacz rozdział: Wstawianie stylów. Pytania i odpowiedzi <link "stylesheet"> Jak dodać styl CSS? Najbardziej zalecanym sposobem wstawienia stylów CSS jest dodanie arkusza stylów do dokumentu HTML. Jak dodać arkusz stylów do HTML? Najczęściej spotykanym...