body - Kurs HTML i CSS
XHTML / Różnice między HTML 4 a XHTML 1.0...CSS</title> <style type="text/css" id="internalStyle"> code { color: green; font-family: monospace; font-weight: bold; } </style> </head> <body> <p> To jest tekst, który używa naszego <code>wewnętrznego arkusza stylów</code>. </p> </body> </html> Wyświetlenie dokumentu XHTML jako czystego XML wywoła tak duże błędy w prezentacji strony, że właściwie będzie ona zupełnie nieczytelna: większość elementów błędnie wystylizowanych, a cały tekst umieszczony w jednym długim akapicie! 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>
- Podcast HTML / #2 Nagłówek i treść HTML
...W kontekście tworzenia stron WWW, niezwykle istotne jest zrozumienie struktury dokumentu HTML, w tym różnicy między nagłówkiem (<head>) a ciałem (<body>). Nagłówek zawiera metainformacje, które nie wpływają bezpośrednio na wygląd dokumentu, ale są równie ważne. Metainformacje i ich znaczenie Metainformacje, definiowane za pomocą znacznika <meta>, pozwalają określić ogólne wiadomości dotyczące dokumentu, takie jak sposób kodowania znaków, opis zawartości czy język. Zastosowanie...
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)...
- 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...
Nowe okno / Kilka okienMoż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ć...
- Nowe okno / Jedno okno
Spis 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...
- 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...