atrybut title - Kurs HTML i CSS
Podcast HTML / #7 Widżety HTML...treści. Wczytywanie strony do ramki lokalnej Aby strony z menu wczytywały się do ramki umieszczonej w treści, używa się odsyłacza z dodatkowym atrybutem target="...". <a target="cel" href="lokalizacja">opis</a> Atrybut target pozwala wczytać stronę do wybranej ramki, innej niż ta, w której znajduje się odnośnik. Dzięki temu treść w ramce może zmieniać się po załadowaniu strony. Wartością atrybutu target="..." powinna być nazwa ramki nadana w znaczniku <iframe> (atrybut name="...")...
Media CSS / Wybór medium @media...lub @import: @import url(glos.css) aural; @media print { /* Arkusz dla wydruku */ } Podanie medium docelowego wewnątrz języka dokumentu (atrybut "media" elementu LINK precyzujący włączenie zewnętrznego arkusza stylów): <!doctype html> <html lang="pl"> <head> <title>Odnośnik do medium docelowego</title> <link rel="stylesheet" media="print, handheld" href="arkusz.css"> </head> <body> <p>Ciało dokumentu...</p> </body> </html> Podanie medium docelowego wewnątrz...
- Podcast HTML / #1 HTML dla zielonych
...za pomocą znacznika <p>...</p>. Akapity są rozdzielone linijką przerwy i służą do estetycznego i logicznego podziału treści. Wyrównanie tekstu (atrybuty) Wyrównanie tekstu w akapicie można kontrolować za pomocą atrybutu style="text-align:...": Wyśrodkowanie: <p style="text-align: center">Treść akapitu</p> Justowanie (wyrównanie do obu marginesów): <p style="text-align: justify">Treść akapitu</p> Wyrównanie do prawej: <p style="text-align: right">Treść akapitu</p> Podstawowe...
- Nagłówek i treść HTML / Kanały informacyjne <link "rss, atom">
...kanałów informacyjnych na jednej stronie - wystarczy wstawić kolejno kilka takich znaczników. W takim przypadku każdy powinien mieć inny tytuł (atrybut title="..."), ponieważ inaczej użytkownik nie będzie mógł rozróżnić, co chciałby subskrybować. Przykład <link "rss"> <link rel="alternate" title="Kurs HTML - darmowe szkolenie: tworzenie stron internetowych" href="https://www.kurshtml.edu.pl/rss/rss.php?id=1" type="application/rss+xml">
- Promocja strony WWW / Pozycjonowanie (SEO)
...traktują jednak "mocniej" wyrażenia umieszczone w takich miejscach jak: tytuły (szczególnie pierwszego rzędu), treść alternatywna obrazków (atrybut alt="..."), dymki narzędziowe odsyłaczy (atrybut title="...") albo tekst (opis) samych odsyłaczy. Dodatkowe punkty można również dostać, jeśli ważne słowo kluczowe znajduje się bezpośrednio w adresie strony. Lepiej jest także jeśli sam adres jest krótszy.
- Selektory pseudoelementów CSS / Przed... :before
Spis treści :before Przed... :before Obrazek przed... :before {content: url} Wartość atrybutu przed... :before {content: attr} Przed... :before selektor:before { content: "treść" } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Natomiast jako wyraz "treść" można wpisać dowolny tekst. Polecenie pozwala automatycznie dopisywać podaną treść przed określonymi elementami, na które wskazuje selektor. Przykład...
- Selektory pseudoelementów CSS / Po... :after
Spis treści :after Po... :after Obrazek po... :after {content: url} Wartość atrybutu po... :after {content: attr} Po... :after selektor:after { content: "treść" } Selektorem może być dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Natomiast jako wyraz "treść" można wpisać dowolny tekst. Polecenie pozwala automatycznie dopisywać podaną treść po określonych elementach, na które wskazuje selektor. Przykład :after Jeżeli w...
- HTML5 / Walidacja pól formularza <input pattern>
...w wymaganym formacie". Niestety użytkownik może się nie domyślić, co właściwie oznacza ten "wymagany format". Dlatego zaleca się dodatkowo ustawić atrybut title="...", w którym możemy bardziej szczegółowo opisać, co powinno być wpisane w danym polu. W takiej sytuacji przeglądarka może dopisać wartość tego atrybutu do komunikatu błędu. Atrybut pattern="..." nie blokuje wysłania formularza, jeśli użytkownik w ogóle nie wypełni pola. Może to być pomocne, kiedy nie jest ono obowiązkowe, ale gdy...
- Komendy HTML 4.01 / A
...rozdzielone białymi znakami COORDS="współrzędne" Podaje współrzędne obszaru w mapie odnośników klienta (MAP), które zależą od kształtu obszaru (atrybut SHAPE): x,y,r - (SHAPE="circle" - koło) x,y - środek koła; r - promień x1,y1,x2,y2,...,xN,yN - (SHAPE="poly" - wielokąt) x,y - współrzędne kolejnych wierzchołków wielokąta x1,y1,x2,y2 - (SHAPE="rect" - prostokąt) x1,y2 - lewy-górny wierzchołek prostokąta; x2,y2 - prawy-dolny wierzchołek DIR="kierunek" Kierunek tekstu: ltr - od lewej...
- Selektory atrybutów CSS / Łączenie selektorów atrybutów
...po sobie (bez żadnych odstępów). W takim przypadku, aby wybrany element otrzymał określone formatowanie, musi posiadać wszystkie z wyszczególnionych atrybutów z ewentualnymi przypisanymi określonymi wartościami. Przykład Przypisujemy czerwony kolor czcionki akapitom, które posiadają atrybut class o dowolnej wartości, dir="ltr", title z wyrazem akapit oraz lang rozpoczynający się od pl z ewentualnymi łącznikami: p[class][dir="ltr"][title~="akapit"][lang|="pl"] { color: red } Ten akapit...