podstrona - Kurs HTML i CSS
Widżety HTML / Szablon strony bez ramek...który powinien być różny na każdej podstronie - każdy dokument powinien posiadać swój osobny tytuł. Wstawienie tego samego tytułu na wszystkich podstronach to bardzo zły pomysł, ponieważ jest niewygodne dla użytkownika (tytuł dokumentu wyświetla się na belce tytułowej przeglądarki internetowej) i niekorzystnie wpływa na pozycję serwisu w wyszukiwarkach sieciowych. Oczywiście oprócz tytułu w tej części nagłówka można umieścić inne elementy, które powinny być różne na każdej podstronie...
- HTML dla zielonych / Odsyłacz do podstrony HTML <a href>
...przeniesienie do innej strony. Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML (z rozszerzeniem *.html lub *.htm) i zawiera treść, która dość znacznie różni się tematycznie od pozostałych (tworzy się ją w taki sam sposób jak stronę główną). Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu od razu (co trwałoby prawdopodobnie bardzo...
- Odsyłacze HTML / Do podstrony <a href>
...Do podstrony <a href> Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML i zawiera treść, która dość znacznie różni się tematycznie od pozostałych. Taka organizacja ułatwia użytkownikowi nawigację oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu od razu (co trwałoby prawdopodobnie bardzo długo). <a href="względna ścieżka dostępu">opis</a> gdzie jako "względna ścieżka...
- Odsyłacze HTML / Do etykiety <a id>
...etykiety, która znajduje się na stronie docelowej. Ten sposób działa zarówno z odsyłaczami do podstron w obrębie tego samego serwisu (np. <a href="podstrona.html#etykieta">...</a>) jak i w przypadku odsyłaczy do adresu internetowego w innej witrynie (np. <a href="http://example.com/podstrona.html#etykieta">...</a>). Jak dodać kotwicę HTML? Kotwica (inaczej etykieta) to oznaczone miejsce w dokumencie HTML, do którego można odsyłać użytkownika za pomocą odnośników hipertekstowych. Aby...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...HTML? Praktycznie wszystkie serwisy internetowe składają się z pewnej liczby podstron, a nie tylko z jednej, bardzo długiej strony głównej. Każda podstrona to po prostu osobny plik (z rozszerzeniem *.html lub *.htm), który tworzy się w taki sam sposób, jak stronę główną (przy użyciu szablonu przedstawionego powyżej). Np. ten serwis składa się z następujących podstron (zobacz w spisie treści): "HTML dla zielonych", "Nagłówek i treść", "Tekst" itd. Taka organizacja treści ułatwia...
- Nagłówek i treść HTML / Tytuł strony <title>
<head> <title>Tytuł strony</title> </head> Każdy dokument HTML (podstrona serwisu) posiada własny tytuł. Może on zawierać dowolny tekst, zaleca się jednak, aby nie był zbyt długi (najwyżej kilka wyrazów). Powinien on również odnosić się do treści zawartych na danej stronie. Tytuł pojawia się na belce tytułowej przeglądarki internetowej (na samej górze okna programu, na karcie ze stroną), a także w wyszukiwarkach sieciowych, po odnalezieniu Twojej strony - dlatego właśnie nie może on być zbyt...
Skórki...podkatalogach, konieczne będzie podanie bezwzględnej ścieżki dostępu do arkusza CSS, ponieważ wpisana tutaj ścieżka musi być poprawna na wszystkich podstronach serwisu, a nie tylko na tej jednej. Oczywiście w żadnym wypadku nie wolno wpisywać bezwzględnej ścieżki dostępu, tak jak ona wygląda na dysku lokalnym, czyli nie: C:\www\skin\style.css. Można wykorzystać dwie metody: Rozpocząć ścieżkę od znaku ukośnika ("/"). W takim przypadku będzie ona konstruowana względem katalogu głównego konta...
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...dysku komputera co dokument *.html, w którym chcemy wstawić odsyłacz obrazkowy, można się posłużyć odpowiednio następującymi znacznikami: <a href="podstrona.html"><img src="obrazek.jpg" alt="Przejdź do podstrony" style="border: 0"></a> (odsyłacz do podstrony), <a href="https://www.google.pl/"><img src="obrazek.jpg" alt="Przejdź do Google" style="border: 0"></a> (odsyłacz do adresu internetowego), <a href="mailto:kontakt@example.com"><img src="obrazek.jpg" alt="Skontaktuj się" style="border...
- Nagłówek i treść HTML / Strona kanoniczna <link "canonical">
...wyszukiwarki. Pytania i odpowiedzi <link "canonical"> Co to jest strona kanoniczna? Jeżeli w serwisie internetowym ta sama lub bardzo podobna podstrona znajduje się pod kilkoma różnymi adresami, strona kanoniczna wskazuje na jej podstawową wersję. Najczęściej będzie to po prostu dokument z najkrótszym adresem. W wynikach wyszukiwania np. Google zwykle pojawi się właśnie tylko strona kanoniczna, a pozostałe jej duplikaty zostaną pominięte. Jak oznaczyć stronę kanoniczną? Oznaczenie...
- Widżety HTML / Ramki lokalne <iframe>
...katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić ramkę IFRAME, można się posłużyć następującym znacznikiem: <iframe src="podstrona.html"></iframe>. Jaki znacznik HTML służy do wyświetlania w ramce fragmentu innej strony internetowej na własnej stronie internetowej? W ramce IFRAME można wyświetlić tylko całą oryginalną zawartość dokumentu HTML. Nie można w niej nic dodać ani zmieniać - np. ustawić inny kolor tła itp. Zatem w przypadku zewnętrznych serwisów nie...