title - Kurs HTML i CSS
Media CSS / Wybór medium @media...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 języka dokumentu (atrybut "media" elementu STYLE precyzujący włączenie wewnętrznego arkusza stylów): <!doctype html> <html...
Tekst HTML / Skrót <abbr>...pojawiającym się czasem opiniom, również HTML jest akronimem. W obu przypadkach zaleca się podać również pełną formę skrótu przy użyciu atrybutu title="...". Dodatkowo, jeżeli jest to nazwa obcojęzyczna, dobrze jest to oznaczyć, za pomocą atrybutu lang="..." [zobacz: Języki]. Przykład <abbr> <abbr title="profesor">prof.</abbr> <abbr lang="en" title="World Wide Web">WWW</abbr> prof. WWW
- Promocja strony WWW / Pozycjonowanie (SEO)
...jako opis strony. Ciekawy tekst może zachęcić użytkownika do kliknięcia w link, co bezpośrednio wpłynie na wzrost odwiedzin serwisu. Tytuł <title>Tytuł</title> Tytuł strony również pojawia się wynikach wyszukiwania, a ponadto najczęściej jest wyświetlany na belce tytułowej przeglądarek (na karcie ze stroną). Jednak jest jeszcze jedno bardzo ważne znacznie tego znacznika: ma on duży wpływ na pozycję strony w wynikach wyszukiwania, dlatego także tutaj należy umieścić podstawowe słowa...
- Selektory atrybutów CSS / Łączenie selektorów atrybutów
...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 posiada następujące atrybuty: class, dir="ltr", title="To jest akapit" lang="pl" (powinien być czerwony). Ten akapit posiada następujące atrybuty: class, dir="ltr", lang="pl" (nie...
- Selektory pseudoelementów CSS / Przed... :before
...posiadał podanego atrybutu, zostanie wstawiona wartość pusta. Przykład :before {content: attr} p:before { content: "Ten element posiada atrybut title o wartości: " attr(title) ". "; color: red } To jest akapit z atrybutem title. Pytania i odpowiedzi :before Co robi :BEFORE? Pseudoelement :before w CSS służy do wstawiania treści przed zawartością wybranego elementu. Jest to technika wykorzystywana do dodawania dekoracji, ikon lub innych elementów graficznych przed treścią elementu...
- Selektory pseudoelementów CSS / Po... :after
...posiadał podanego atrybutu, zostanie wstawiona wartość pusta. Przykład :after {content: attr} p:after { content: "Ten element posiada atrybut title o wartości: " attr(title) ". "; color: red } To jest akapit z atrybutem title.
- Selektory pseudoklas CSS / Łączenie selektorów
...za nim nowy element z napisem "Rollover". A oto bardziej zaawansowany przykład: div.przyklad_selektory5 > ul:first-child[dir="ltr"]:lang(pl) + p[title]:first-letter { color: red; font-weight: bold; font-size: larger } To jest blok, który posiada klasę class="przyklad_selektory5"... To jest wykaz, który znajduje się wewnątrz bloku zaraz na jego początku, a zatem jest jego pierwszym dzieckiem. Wykaz posiada atrybuty: dir="ltr" lang="pl" ...ciąg dalszy bloku... To jest akapit, czyli brat...
- Tryb Quirks / X-UA-Compatible
...znacznik META funkcjonował prawidłowo, musi znajdować się w nagłówku strony, a przed nim mogą być wstawione tylko inne znaczniki <meta> lub element <title>...</title>! Co zmienia przejście z trybu Compatibility View (MSIE 7) do trybu Standards Compliance (MSIE 8)? HTML Prawidłowe dodawanie cudzysłowów obejmujących tekst zawarty w znaczniku <q>...</q> Zawartość atrybutu <img src="..." alt="..."> nie wyświetla się już w "dymku" narzędziowym (co było nieprawidłowe) - jak w przypadku...
Zareklamuj się tutaj za darmo...src="https://www.kurshtml.edu.pl/reklama/button.gif" alt="Kurs HTML - darmowe szkolenie: tworzenie stron internetowych" title="Kurs HTML - darmowe szkolenie: tworzenie stron internetowych" style="border: 0; width: 88px; height: 31px"></a> Możliwa jest wymiana linkiem: Kurs HTML - darmowe szkolenie: tworzenie stron internetowych <a href="https://www.kurshtml.edu.pl" title="Kurs HTML - darmowe szkolenie: tworzenie stron internetowych">Kurs HTML - darmowe szkolenie...
- XHTML / Wymagania stawiane dokumentom XHTML
...XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl"> <head> <title>Tytuł dokumentu</title> </head> <body> <p>Przejdź do <a href="http://example.org/">example.org</a>.</p> </body> </html> Na serwerach obsługujących skrypty PHP (pliki z rozszerzeniami *.php) po wpisaniu deklaracji XML może wystąpić błąd. Aby go uniknąć, należy zamiast deklaracji XML wpisać: <?php echo '<'.'?xml version="1.0...