dodać atrybut - Kurs HTML i CSS
HTML5 / Piaskownica zabezpieczająca <iframe sandbox>...z tego samego źródła? Aby traktować zawartość IFRAME jako pochodzącą z tego samego źródła (ang. same-origin), należy do atrybutu sandbox="..." dodać wartość allow-same-origin. Dzięki temu zawartość ramki będzie miała dostęp do zasobów strony nadrzędnej oraz odwrotnie, co umożliwia wymianę danych między nimi. Jak możemy pozwolić, aby ramka IFRAME w trybie piaskownicy uruchamiała skrypty z tej samej domeny? Aby pozwolić, by ramka IFRAME w trybie piaskownicy uruchamiała skrypty z tej...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img, map, area>
...punkt spowoduje wyświetlenie zbliżenia tego obszaru albo informacji o wskazanej okolicy. Aby użyć mapy odsyłaczy po stronie serwera, wystarczy dodać do obrazka atrybut ismap. Po kliknięciu, przeglądarka automatycznie doklei na końcu adresu odsyłacza ?x,y - czyli współrzędne punktu kliknięcia liczone od lewego-górnego narożnika grafiki. Przykład <a href, img ismap> Po kliknięciu na poniższym obrazku, do linku zostaną doklejone współrzędne wskazanego punktu (po wczytaniu nowej strony...
- HTML dla zielonych / Akapit HTML <p "text-align">
...stosuje się jednak raczej w stosunku do przepisów prawnych, a nie do zwykłego tekstu. Jak wyśrodkować tekst? Aby ułożyć tekst na środku, można dodać odpowiedni atrybut do znacznika akapitu: <p style="text-align: center">...</p>. Jak wyjustować tekst w HTML? Aby wyróżnać tekt do obu marginesów jednocześnie, należy dodać odpowiedni atrybut do znacznika akapitu: <p style="text-align: justify">...</p>. Jak zrobić tekst po prawej stronie w HTML? Aby wyrównać tekst do prawego...
- HTML5 / Filmy i dźwięk <video, audio, source>
...umieścić znaczniki SOURCE służące do wskazania plików w różnych formatach - na wypadek gdyby przeglądarka nie obsługiwała któregoś z nich. Jak dodać dźwięk do strony HTML? Na przykład jeśli plik dźwiękowy nazywa się "dzwiek.mp3" i znajduje się w tym samym katalogu na dysku co dokument *.html, w którym chcesz go wstawić, możesz się posłużyć następującym kodem: <audio src="dzwiek.mp3"> <a href="dzwiek.mp3">Pobierz plik</a> </audio>. Jak wstawić MP4 do HTML? Warto pamiętać, że np...
- Tabele HTML / Łączenie komórek tabeli <td colspan rowspan>
...</tr> <tr> <td>komórka4</td> </tr> </table> Pytania i odpowiedzi <td colspan> Co robi COLSPAN? Jest to atrybut, który możemy dodać do znaczników TD lub TH, aby połączyć (scalić) w poziomie kilka sąsiadujących ze sobą komórek tabeli. Jak połączyć komórki w tabeli w HTML? Aby scalić w poziomie kilka sąsiadujących ze sobą komórek tabeli, zamiast nich umieszczamy tylko jeden znacznik TD lub TH, ale dodajemy do niego atrybut colspan="..." o wartości odpowiadającej...
- HTML dla zielonych / Kolor tła oraz tekstu HTML <body "background-color, color">
...zmienić kolor tła i tekstu w HTML? Aby zmienić domyślny kolor tła oraz tekstu na całej stronie, najlepiej do znacznika właściwego ciała dokumentu dodać atrybut o odpowiednich wartościach. Na przykład: <body style="background-color: black; color: white">...</body> ustawi czarny kolor tła i biały kolor tekstu. Należy jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden znacznik ciała dokumentu. Zatem odpowiedni atrybut dodajemy do już istniejącego znacznika, a nie...
- Nagłówek i treść HTML / Język strony <html lang, link hreflang>
...również język angielski. Możliwe jest oczywiście wskazanie więcej niż jednej alternatywnej wersji językowej. W takim przypadku wystarczy dodać kilka takich znaczników - każdy dla innego języka. Zwracam uwagę, że w dokumencie 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...
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...być ładowane z większym priorytetem w celu poprawy wydajności strony. Atrybut ten może przyjmować wartości takie jak high, low, lub auto. Jak dodać fetchpriority="high"? Aby dodać fetchpriority="high", należy umieścić ten atrybut w tagu <img>, <link> lub <script> dla zasobów, które mają mieć wysoki priorytet pobierania. Na przykład: <img src="image.jpg" fetchpriority="high"> lub <link rel="preload" as="style" href="style.css" fetchpriority="high">. To zapewni, że przeglądarka pobierze...
Galeria zdjęć HTML / Skrypt galerii zdjęć...opis zdjęcia, który pojawi się w dymku narzędziowym po wskazaniu myszką miniatury zdjęcia oraz po powiększeniu zdjęcia Oczywiście możesz dodać do galerii więcej niż trzy miniatury i zdjęcia. Następnie na stronie po powyższym kodzie (to ważne - nie może być przed!) wystarczy wstawić jeszcze tylko (w wyróżnionym miejscu oczywiście należy podać lokalizację utworzonego wcześniej pliku gallery.js): <script src="gallery.js" async></script> ...i gotowe. Prawda że szybko poszło? 😉...
Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset...zaimportowany Jeżeli w żaden sposób nie udało się wyznaczyć strony kodowej, przyjmij UTF-8. Pytania i odpowiedzi <link "stylesheet"> Jak dodać zewnętrzny arkusz stylów CSS? Aby dodać zewnętrzny arkusz stylów CSS, należy stworzyć oddzielny plik CSS zawierający reguły stylów, a następnie użyć znacznika <link> w sekcji <head> dokumentu HTML, aby dołączyć ten plik do strony. Przykład: <link rel="stylesheet" href="nazwa_pliku.css">. Jak podłączyć style CSS do HTML? Aby podłączyć...