nagłówka - Kurs HTML i CSS
Nagłówek i treść HTML / Opis zawartości strony <meta "description">...Jak dodać opis strony HTML? Aby dodać opis strony, który może pojawić się potem w wynikach wyszukiwania np. Google, trzeba w dowolnym miejscu nagłówka strony - tzn. wewnątrz elementu <head>...</head> - wstawić np. następujący znacznik: <meta name="description" content="Tu podaj opis twojej strony">. Należy jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden nagłówek dokumentu. Zatem opis strony dodajemy wewnątrz istniejącego elementu, a nie wstawiamy nowego...
- Komendy HTML 4.01 / Wykaz atrybutów
...Obsługa formularza po stronie serwera align APPLET, IFRAME, IMG, INPUT, OBJECT Pionowe lub poziome ustawienie align CAPTION Ustawienie nagłówka tabeli align COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR Ustawienie tekstu w grupach komórek w tabeli align DIV, H1, H2, H3, H4, H5, H6, P Ustawienie (wyrównanie) tekstu align HR Ustawienie poziomej linii align LEGEND Ustawienie legendy dla grupy kontrolek align TABLE Pozycja tabeli względem okna alink BODY...
Szablon strony na DIV-ach / Stały szablon...miejsca dla suwaka do przewijania treści, dlatego ostatecznie, przy zerowych marginesach strony, ustalamy szerokość szablonu na 780px. Dla bloku nagłówka po prostu przypisujemy odrębny kolor tła, aby był lepiej widoczny na załączonych przykładach. Cała "magia" dzieje się dla bloku treści strony i menu nawigacyjnego. Normalnie wszystkie bloki szablonu były ułożone jeden pod drugim. Aby ułożyć wspomniane kolumny pionowo, użyliśmy własności float: left, wykorzystywanej zwykle przy oblewaniu...
- Nagłówek i treść HTML / Język strony <html lang, link hreflang>
...HTML może się znajdować tylko jeden znacznik <head>. Dlatego powyższy element <link hreflang> należy wstawić wewnątrz istniejącego znacznika nagłówka dokumentu, a nie dodawać kolejnego. Ze znacznika <link hreflang> korzysta wyszukiwarka Google. Dzięki temu w wynikach może się pojawić wersja strony zgodna z językiem aktualnie ustawionym w przeglądarce użytkownika. W przypadku gdy strona zawiera alternatywne wersje językowe, zaleca się, aby umieścić na niej również odpowiedni znacznik...
- Dobre praktyki / CSS Zorientowane Obiektowo
...z naszego punktu widzenia jest właśnie obiektem. Obiekt CSS to wizualnie samodzielny element strony. Artykuł potrafi wyświetlić się poprawnie bez nagłówka ani stopki serwisu. Taki sposób przedstawiania elementów strony jest dla człowieka bardziej intuicyjny niż pojmowanie jej jako zbiór wielu DIV-ów, SPAN-ów i innych znaczników. Obiektowość CSS sprowadza się do nadawania formatowania w kontekście takich obiektów, a nie poszczególnych znaczników występujących w kodzie źródłowym dokumentu...
Aktualizacja / Data aktualizacji strony...wypisze datę ostatniej modyfikacji strony. UWAGA! Skrypt tego typu nie zawsze działa! Informacja o dacie modyfikacji dokumentu pochodzi z nagłówka HTTP wysyłanego przez serwer WWW, na którym znajduje się strona. Ponieważ wysyłanie tych nagłówków nie jest obowiązkowe, często odczytanie prawidłowej daty aktualizacji nie jest możliwe. Informacja ta będzie odczytana na pewno, jeśli strona zostanie załadowana nie z Internetu, ale z lokalnego systemu plików. Dlatego zawsze po...
- Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego
...tekst, jak również inne elementy - np. obrazek. Aby nagłówek wyglądał jak odsyłacz, można się posłużyć kodem: <a href="javascript:void(0)">Treść nagłówka</a>. Można też wstawić normalny odsyłacz, prowadzący do wybranego dokumentu, jednak wtedy w docelowym dokumencie należy zadbać o wstawienie takiego samego układu menu, ponieważ inaczej nigdy nie będzie dostępu do linków znajdujących się w tej sekcji menu (po kliknięciu menu nie zdąży się rozwinąć, ponieważ natychmiast zostanie wczytana...
- Nagłówek i treść HTML / Tytuł strony <title>
...stroną oraz w wynikach wyszukiwania np. Google. Gdzie można umieścić <title>? Znaczniki <title>...</title> należy umieścić w dowolnym miejscu nagłówka dokumentu - tzn. wewnątrz elementu <head>...</head>. Trzeba jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden nagłówek dokumentu. Zatem znacznik tytułu strony dodajemy wewnątrz istniejącego elementu, a nie wstawiamy nowego! Ponadto w pliku *.html powinien się znajdować tylko jeden tytuł strony.
- Tabele HTML / Tytuł tabeli <caption>
<table> <caption>Tu podaj tytuł</caption> (...) </table> Polecenie to stwarza Ci możliwość nadania tytułu w formie nagłówka nad bądź podpisu pod tabelą. który może być umiejscowiony na górze (domyślnie) lub na dole tabeli. Element CAPTION musi się znajdować zaraz po znaczniku TABLE i nie może zawierać żadnych elementów blokowych! Potrzebujesz pomocy? Przy tworzeniu tabel HTML możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz...
- Widżety HTML / Ramki HTML
...jeden wspólny widżet zawierający odnośniki menu, a następnie osadzić go na każdej podstronie. To samo dotyczy innych stałych elementów witryny: nagłówka (wraz z logotypem) i stopki serwisu. Podobny efekt do ramek pozwalają uzyskać dynamiczne skrypty działające po stronie serwera - np. PHP lub SSI [zobacz: Szablon strony bez ramek]. Dzięki nim menu nawigacyjne tak samo możemy umieścić w pojedynczym pliku, a skrypt sam automatycznie powieli go na wszystkich podstronach naszego serwisu...