wstawić html - Kurs HTML i CSS
Nagłówek i treść HTML / Strona kanoniczna <link "canonical">...stronę kanoniczną, we wszystkich dokumentach z powtarzającą się treścią (z wyjątkiem strony, którą chcemy wskazać jako wersję podstawową), trzeba wstawić w nagłówku dokumentu - czyli w dowolnym miejscu wewnątrz elementu <head>...</head> - następujący znacznik: <link rel="canonical" href="adres strony podstawowej">. Na przykład jeśli w naszej witrynie zarówno pod adresem https://www.example.com/ jak i https://www.example.com/index.html znajduje się identyczna treść, w tym drugim dokumencie...
- Widżety HTML / Ostrzeżenie przed ramką
...względu czy wchodzą one w skład ramek czy nie. Aby zapobiec takim sytuacjom, można na każdej stronie, która ma zostać wyświetlona wewnątrz ramki, wstawić bezpośrednio po znaczniku otwierającym BODY [zobacz: Ramy dokumentu] następujący kod: <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> gdzie w miejsce tekstu "index.html" należy podać lokalizację...
- Tabele HTML / Komórki nagłówkowe tabeli <th>
...TH w HTML? Jest to znacznik służący do wstawiania komórek nagłówkowych w tabeli. Jak zrobić nagłówek w tabeli HTML? W tym celu wystarczy wstawić normalny wiersz na początku tabeli, ale zamiast znaczników TD dodać w nim elementy TH. Na przykład, aby utworzyć dwukolumnową tabelę składającą się z jednego wiersza nagłówka i dwóch zwykłych wierszy, można się posłużyć następującym kodem: <table> <tr> <th>nagłówek, kolumna 1</th> <th>nagłówek, kolumna 2</th> </tr> <tr> <td>wiersz 1...
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...
- HTML5 / Wstępne ładowanie <link "preload" as>
...strony poprzez załadowane ich z wyprzedzeniem, zanim przeglądarka faktycznie będzie ich potrzebować. W tym celu w nagłówku strony wystarczy wstawić znacznik LINK z odpowiednimi atrybutami rel="preload" i as="...". Przykład <link "preload" as> Ten obrazek zostanie załadowany z wyprzedzeniem, zanim będzie już potrzebny: <head> <link rel="preload" as="image" type="image/jpeg" href="obrazek.jpg"> </head> Pytania i odpowiedzi <link "preload" as> Do czego służy wstępne ładowanie...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...rozdziały: Zaczepienie tła obrazkowego, Pozycja tła obrazkowego, Powtarzanie tła obrazkowego, Rozmiary tła obrazkowego]. W arkuszu stylów można wstawić np. następujący kod: body { background-attachment: fixed; background-color: white; background-image: url(obrazek.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; color: black; }. Tak wstawiona tapeta pozostanie nieruchoma przy przewijaniu strony, a przy tym wypełni całą powierzchnię strony z...
Ochrona strony...klawisza Print Screen Klawisza Print Screen umożliwia wykonanie prostego zrzutu ekranu i późniejszego wklejenia do programu graficznego. Należy wstawić do dokumentu specjalny kod w następujący sposób: <html> <head> <script> var browser = navigator.userAgent; var ie = 0; if (browser.indexOf("MSIE") != -1 && browser.indexOf(") ") == -1) ie = parseFloat(browser.substring(browser.indexOf("MSIE")+4)); var id_status_blink = 0; function status_blink(txt) { window.status = txt; if (!txt)...
Widżety HTML / Podcast HTML...krótkiego wprowadzenia w formie podcastu: #7 Widżety HTML (online). Pomoże Ci to lepiej zrozumieć, czego się nauczysz w tej części kursu: Chcesz wstawić widget (YouTube, Facebook) na swoją stronę? Poznaj sposób na osadzenia "strony w stronie" (iframe). Dowiedz się, jak wczytywać strony do takiego okienka i jak tworzyć wydajne szablony serwisu bez ramek (PHP/SSI). 🔊 Posłuchaj podcastu HTML
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...wygląd jego wyróżników. Aby utworzyć swój niestandardowy typ stylu wykazu, najpierw w arkuszu stylów (wewnętrznym lub zewnętrznym) należy wstawić jego definicję: @counter-style typ { system: algorytm; cecha: wartość; } Typ określa nazwę, którą potem będziemy się posługiwać przypisując tak zdefiniowany typ stylu do wybranych wykazów na stronie - np.: ol { list-style-type: typ; } Warto pamiętać, że jeśli chcemy przypisać tak utworzony typ stylu do wielu wykazów na stronie...
- Tekst HTML / Blok cytowany <blockquote>
...Co to BLOCKQUOTE w HTML? Jest to element (znacznik) odpowiedzialny za wstawienie bloku z cytatem. Jak zrobić cytat w HTML? Aby wstawić dłuższy cytat w postaci osobnego akapitu lub kilku akapitów, należy umieścić go wewnątrz znacznika <blockquote>...</blockquote>. Natomiast do umieszczenia krótkiego cytatu w postaci jednego lub kilku zdań mieszczących się w tym samym akapicie co reszta tekstu, trzeba użyć znacznika <q>...</q>.