body - Kurs HTML i CSS
Widżety HTML / Szablon strony bez ramek...jeśli Twoja strona główna wygląda tak: <!doctype html> <html lang="pl"> <head> <meta charset="utf-8"> <title>Tytuł strony</title> </head> <body> <ul> <li><a href="...">Link</a></li> <li><a href="...">Link</a></li> <li><a href="...">Link</a></li> </ul> Właściwa zawartość strony... </body> </html> Kolorem czerwonym zaznaczono nagłówek szablonu (jak widać nie jest to wprost odpowiednik nagłówka dokumentu - <head>...</head>), a niebieskim - stopkę szablonu. Ponadto na...
- XHTML / Typy MIME dokumentów XHTML
...podać lokalizację utworzonego przed momentem pliku mime.inc.php): <?php require_once 'mime/mime.inc.php'; ?> <title>Tytuł dokumentu</title> </head> <body> <p>Treść dokumentu...</p> </body> </html> Natomiast, aby w określonym dokumencie lub kilku dokumentach wstawić dodatkowe arkusze stylów CSS - inne niż dla całości serwisu - użyj następującej składni: <?php // Dodatkowe arkusze CSS rozdzielone spacjami: define('CSS', 'css/style3.css css/style4.css'); require_once 'mime/mime.inc.php'; ?>...
Szablon strony na DIV-ach / Stały szablon...przykłady w skali 1:2, czyli dwukrotnie pomniejszone): Dwie kolumny: Nagłówek szablonu Menu nawigacyjne Treść strony Stopka serwisu html, body { background-color: #fff; color: #000; margin: 0; padding: 0; text-align: center; } #top { width: 780px; margin-left: auto; margin-right: auto; text-align: left; } #NAGLOWEK { background-color: #888; } #MENU { width: 150px; float: left; overflow: hidden; background-color: #ccc; } #TRESC { width: 630px; float: left...
- Odsyłacze HTML / Odsyłacz pocztowy <a "mailto">
...pocztowego, umieść na stronie: <script> var uzytkownik = 'jan_kowalski'; var domena = 'example.com'; var dodatkowe = '?subject=Temat listu&body=Napisz co%9C:%0A'; var opis = 'Wyślij do mnie list'; document.write('<a hr' + 'ef="mai' + 'lto:' + uzytkownik + '\x40' + domena + dodatkowe + '">'); if (opis) document.write(opis + '<'+'/a>'); else document.write(uzytkownik + '\x40' + domena + '<'+'/a>'); </script> Przy czym wyróżnione wartości oznaczają: jan_kowalski Pierwszy człon adresu...
- Komendy HTML 4.01 / Elementy zdeprecjonowane
Spis treści Wstęp Wykaz elementów zdeprecjonowanych Wykaz atrybutów zdeprecjonowanych Wstęp Elementy i atrybuty zawarte w tym opracowaniu, które zostały napisane kolorem czerwonym są zdeprecjonowane przez specyfikację (ang. deprecated) - odradza się ich stosowanie. Co prawda przeglądarki internetowe nadal je interpretują (z uwagi na kompatybilność wstecz), lecz w przyszłości mogą stać się zupełnie przestarzałe i nieobsługiwane. Zamiast nich w większości przypadków zaleca się stosowanie...
AutoIFRAME / Skrypt AutoIFRAME...czyli w ramach <head>...</head>): <script src="autoiframe.js"></script> Następnie na samym końcu podstrony (tuż przed znacznikiem zamykającym </body>) należy wkleić kod: <script> autoiframe(null, 200); </script> W wyróżnionym miejscu (w nawiasie) można podać wartość dodatkowego wstępnego "marginesu" pionowego na końcu podstrony. Jest on szczególnie przydatny, jeśli na stronie znajdują się zdjęcia o niezdefiniowanych wymiarach za pomocą atrybutów width="..." oraz height="..." znacznika...
- Szablon strony na DIV-ach / Płynny szablon
...strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Treść strony... Stopka serwisu html, body { background-color: #fff; color: #000; margin: 0; padding: 0; } #NAGLOWEK { background-color: #888; } #MENU { width: 150px; float: left; overflow: hidden; position: relative; background-color: #ccc; } #TRESC { margin-left: 150px; background-color: #fff; } #STOPKA { clear: both; background-color: #888; } Wyjaśnienie...
- CSS dla zielonych / Marginesy strony CSS {margin, margin-top, margin-bottom, margin-left, margin-right}
...zawsze jednak domyślne ustawienia będą dobrze współgrać np. z określonym przez nas rozmiarem czcionki. Na szczęście bardzo łatwo można to zmienić: body { margin: szerokość; } albo jeśli chcemy ustawić marginesy niesymetryczne (z każdej strony inne): body { margin-top: górny; margin-bottom: dolny; margin-left: lewy; margin-right: prawy; } Aby określić szerokość marginesu w pikselach, należy wpisać liczbę, a po niej jednostkę px. Na przykład: body { margin: 20px; } Inaczej niż w...
- HTML dla zielonych / Wpisywanie tekstu HTML
...Pytania i odpowiedzi Jak umieścić tekst na stronie internetowej? Zwykły test wystarczy wpisać w ciele dokumentu HTML - tzn. wewnątrz sekcji <body>...</body> - przy użyciu dowolnego edytora HTML. Jak dodać tekst do strony? Aby dodać zwykły tekst do istniejącej strony internetowej, wystarczy otworzyć wybrany plik *.html w edytorze HTML. Następnie trzeba wyszukać miejsce w dokumencie, gdzie ma zostać dodany nowy tekst - powinno to być gdzieś wewnątrz sekcji <body>...</body>. Tekst...
- Nagłówek i treść HTML / Struktura dokumentu HTML
Znaczniki <body>...</body> oraz <meta> określają pewne informacje na temat strony jako całości. Polecenie BODY powinno wchodzić w skład każdego dokumentu HTML. Stanowi ono właściwą treść, czyli tzw. ciało, w którym zawierają się wszystkie inne znaczniki, dotyczące formatowania, a także zwykły tekst. W jednym dokumencie może się znajdować tylko jeden znacznik <body> - zaraz po nagłówku strony (<head>...</head>). Natomiast znacznik <meta> stanowi tzw. metainformację, pozwalającą określić pewne...