body - Kurs HTML i CSS
Selektory pseudoklas CSS / Atrybut języka :lang...przez inne źródła, tj. nagłówek HTTP Content-Language, język strony, propagację atrybutu lang="..." przypisanego dla elementu nadrzędnego: <body lang="pl"> <p>Ten akapit jest napisany w języku polskim.<p> </body> /* Ta reguła zostanie zastosowana: */ p:lang(pl) { color: red } /* Ta reguła nie zostanie zastosowana: */ p[lang|="pl"] { color: blue } Przykład :lang Po wpisaniu w arkuszu stylów: p:lang(en) { color: red } div:lang(en) { border: 1px solid red } a następnie w kodzie...
- Marginesy CSS / Górny margines wewnętrzny {padding-top}
...strona posiada domyślnie ustalone niezerowe marginesy wewnętrzne. Jeżeli chcemy je zlikwidować, należy do selektora BODY przypisać następujący styl: body { padding: 0 } Przykład {padding-top} Tekst w tej komórce tabeli jest oddalony od górnego brzegu obramowania o 1cm (padding-top: 1cm) Rzeczywiście w wielu przypadkach, praktycznie nie można ich odróżnić, np.: Dla tego akapitu został określony margines wewnętrzny po lewej stronie, który wygląda tak samo, jak zwykły margines (margin)...
Nowe okno / Jedno oknoSpis treści Jedno okno Pop-under Jedno okno Po załadowaniu strony: <body onload="window.open('adres', 'nazwa').focus()>...</body> Przed załadowaniem strony: <head> <script> window.open('adres', 'nazwa').focus(); </script> </head> Po kliknięciu odsyłacza: <a target="nazwa" href="adres" onclick="window.open('adres', 'nazwa').focus(); return false">opis</a> adres Lokalizacja dowolnej podstrony serwisu lub adres internetowy. Jeśli nie chcemy wczytywać do nowego okna żadnego...
- Nowe okno / Kilka okien
Możliwe jest otwarcie jednocześnie kilku nowych okien. Należy wtedy oddzielić średnikami (";") kolejne polecenia window.open('adres', 'nazwa'): <body onload="window.open('adres1', 'nazwa1'); window.open('adres2', 'nazwa2')">...</body> Trzeba wtedy jednak pamiętać, aby nazwy okien w kolejnych poleceniach były inne (albo ich wcale nie podawać). Wpisanie takich samych nazw, spowoduje otwarcie tylko jednego okna i załadowanie do niego strony ostatniej w kolejności podawania. Radzę nie przesadzać...
- Wykaz generatorów
Generator stron WWW Prosty skrypt pozwalający szybko przetestować działanie znaczników HTML. Generator szablonów WWW Nie potrafisz zbudować profesjonalnie wyglądającej struktury strony? Nie radzisz sobie z tabelkami? Otwórz ten generator i pozwól, aby wszystko zrobił za Ciebie. Tworzenie szablonów WWW jeszcze nigdy nie było tak proste i szybkie! Generator META i BODY Bardzo obszerny kreator sekcji META i BODY do automatycznego tworzenia dokumentów HTML. Pozwala np. zmienić kolor suwaków...
HTML5 / Czy XHTML umarł?...połączenie. Przykładem struktury w języku HTML mogą być ramy dokumentu, składające się z nagłówka <head>...</head> i właściwego ciała dokumentu <body>...</body>, a wszystko to umieszczone wewnątrz znacznika <html>...</html>.
- HTML5 / Możliwy koniec linii <wbr>
...elementami WBR. Przykład <wbr> <pre> <!doctype html> <html> <head><wbr><title>...</title><wbr></head> <body><wbr>...<wbr></body> </html> </pre> <p>Popsuła<wbr>mi<wbr>się<wbr>spacja</p>
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...content="Tu wpisz opis zawartości strony"> <title>Tu wpisz tytuł strony</title> <link rel="stylesheet" href="style.css"> </head> <body> Tu wpisuje się treść strony </body> </html> Dzięki znacznikowi <link> do dokumentu zostanie automatycznie dołączony arkusz stylów. W nim właśnie wpisuje się wszystkie polecenia zmieniające wygląd strony. Ważne jest tylko, aby ten plik posiadał rozszerzenie *.css. W powyższym przykładzie jest to plik pod nazwą "style.css", który znajduje...
- Komendy HTML 4.01 / SCRIPT
Wstawia skrypt do dokumentu. Może się pojawić wielokrotnie wewnątrz HEAD oraz BODY. Skrypty mogą korzystać ze zdarzeń, wygenerowanych przez inne elementy. Jeśli skrypt nie został wykonany, to znacznik NOSCRIPT pozwala określić treść alternatywną. Atrybuty: CHARSET="kodowanie" Określa sposób kodowania znaków zasobu, wyznaczonego przez odnośnik DEFER Podaje, że skrypt niczego nie wyświetla LANGUAGE="język" Określa język skryptowy (zdeprecjonowane - należy używać atrybutu TYPE)...
- Czcionki CSS / Wielkość czcionki {font-size}
Spis treści {font-size} Wielkość czcionki {font-size} Najlepszy sposób ustalania wielkości czcionki Jednostka "em" Jednostka "px" Jednostka "pt" Podsumowanie Wielkość czcionki {font-size} selektor { font-size: rozmiar } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wielkość czcionki. Możliwe są tutaj cztery sposoby: Imienne...