wstawić odsyłacz - Kurs HTML i CSS
HTML dla zielonych / Odsyłacz do adresu internetowego HTML <a "http, https">...portalu internetowego onet.pl). Pytania i odpowiedzi <a https "http, _blank"> Jak zrobić odsyłacz do strony internetowej? Na przykład aby wstawić łącze do wyszukiwarki Google, należy się posłużyć następującym kodem: <a href="https://www.google.pl/">Przejdź do Google</a>. Dlaczego odsyłacz internetowy nie działa? Prawdopodobnie na początku adresu strony w odsyłaczu brakuje "https://" albo "http://". Prawidłowo powinno to wyglądać np. tak: <a...
- Odsyłacze HTML / Odsyłacz pocztowy <a "mailto">
...listu">opis</a> UWAGA! Jeśli w powyższych parametrach występują znaki: & (ampersand - angielskie "and"), " (cudzysłów), % (procent) albo chcemy wstawić znak nowej linii (użycie Enter nic nie da), należy zamiast nich wpisać odpowiednio: %26, %22, %25 oraz %0A. Dodatkowo (dotyczy to przede wszystkim systemu Windows) jeśli w dokumencie została użyta strona kodowa utf-8, zamiast polskich liter mogą pojawić się zupełnie nieprzewidziane znaki. Na dodatek istnieją widoczne różnice kodowania...
Selektory pseudoklas CSS / Odsyłacz podstawowy :link...Przykład :link Jeżeli nie byłeś jeszcze na stronie głównej organizacji W3C, to ten odsyłacz powinien być pogrubiony. Pytania i odpowiedzi Jak wstawić odsyłacz? Odsyłacz w HTML wstawiamy za pomocą znacznika <a href="...">...</a>, gdzie atrybut href="..." określa adres docelowy. Na przykład: <a href="https://www.example.com">Tekst odsyłacza</a>. Jaki kolor ma link? Domyślnie linki są niebieskie (kolor #0000FF czyli blue), a odwiedzone linki są fioletowe (kolor #800080 czyli...
- Podcast HTML / #1 HTML dla zielonych
...wstawia się za pomocą znacznika <hr>. Znacznik <hr>, podobnie jak <br> i <img>, nie posiada znacznika zamykającego. Wstawienie obrazka Aby wstawić obrazek, używa się znacznika <img>, który wymaga podania względnej ścieżki dostępu do pliku graficznego (atrybut src) oraz tekstu alternatywnego (atrybut alt). Należy zawsze używać względnych ścieżek, a nie bezwzględnych (np. nie "C:\www\..."), a w nazwach plików unikać wielkich liter i polskich znaków. <img src="obrazek.jpg" alt="Tu...
- Widżety HTML / Ramki lokalne <iframe>
...Wtedy użytkownicy niekompatybilnych przeglądarek będą mogli przynajmniej bezpośrednio do niej przejść. Oczywiście zamiast odnośnika można również wstawić jakąś alternatywną treść, przeznaczoną do przeglądania bez ramek. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu ramek lokalnych na stronach internetowych, zobacz rozdział HTML5: Wstępne ładowanie, Leniwe ładowanie, Piaskownica zabezpieczająca, Osadzenie kodu HTML w ramce lokalnej...
Aktualizacja / Nowość...aktualizacji serwisu) wystarczy tylko usunąć zbędny kod, aby niepotrzebnie nie zaśmiecał źródła dokumentu. Aby zasygnalizować nowość, należy wstawić w treści nagłówkowej dokumentu (wewnętrz <head>...</head>) następujący kod: <script> function nowosc(dzien, miesiac, rok, godzina, minuta, napis, obrazek) { var obrazek_domyslny = 'nowosc.gif'; // lokalizacja obrazka var napis_domyslny = 'NOWOŚĆ'; // tekst alternatywny if (typeof obrazek == 'undefined') obrazek...
- Podcast HTML / #7 Widżety HTML
...takim sytuacjom, możemy poinformować użytkownika, że spis treści znajduje się na innej stronie. Wyświetlenie ostrzeżenia z odsyłaczem Należy wstawić kod JavaScript bezpośrednio po znaczniku otwierającym BODY: <script>if (self == parent) document.write('<div align="center"><b>UWAGA!</b> To jest tylko ramka - wróć do <a href="index.html"><b>STRONY GŁÓWNEJ</b></a></div><hr><br><br>');</script> Jeśli strona zostanie wczytana poza ramkami, wyświetli się tekst z odsyłaczem do strony...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>
...ikony graficzne do pobrania, które możesz wykorzystać przy tworzeniu odsyłaczy obrazkowych, znajdziesz w rozdziale: Ikony (symbole). Jeśli chcesz wstawić kilka odsyłaczy na jednym obrazku, zobacz rozdział: Mapa odsyłaczy. Natomiast aby dowiedzieć się więcej o wstawianiu obrazków na stronie, zapoznaj się z: Multimedia / Obrazek. Tekst alternatywny (atrybut alt="..." dla znacznika <img>) jest informacją dla przeglądarek tekstowych, które nie wyświetlają grafiki. Dzięki temu również w takich...
- Skórki
...style.css Lokalizacja arkusza stylów skórki. zrzut ekranu Obrazek ze zrzutem ekranu skórki. Oczywiście w miejsce znacznika obrazka <img> można wstawić również zwykły tekst. Nazwa skórki Tekst alternatywny dla przeglądarek niegraficznych. Jeżeli struktura katalogów serwisu nie jest płaska, tzn. poszczególne podstrony znajdują się w podkatalogach, konieczne będzie podanie bezwzględnej ścieżki dostępu do arkusza CSS, ponieważ wpisana tutaj ścieżka musi być poprawna na wszystkich...
- HTML5 / Załącznik <figure, figcaption>
...IMG i FIGCAPTION. Na przykład jeśli plik zdjęcia nazywa się "zdjecie.jpg" i znajduje się w tym samym katalogu co dokument *.html, w którym chcemy go wstawić, można się posłużyć następującym kodem: <figure> <img src="zdjecie.jpg" alt="Tekst zastępczy"> <figcaption>Podpis zdjęcia</figcaption> </figure>. W odróżnieniu od tekstu zastępczego - który jest używany na wypadek, gdyby zdjęcie nie mogło być załadowane - podpis zdjęcia zawsze pojawi się na stronie. Kiedy FIGURE a kiedy ASIDE? Oba te...