wstawić html - Kurs HTML i CSS
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ć...
- 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)...
- 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>.
- Tabele HTML / Tytuł tabeli <caption>
...Jest to znacznik odpowiadający za tytuł (podpis) tabeli. Jak zrobić tytuł tabeli? W tym celu zaraz po znaczniku otwierającym tabeli trzeba wstawić element CAPTION, wewnątrz którego umieszcza się tytuł tabeli. Na przykład, aby utworzyć tabelę z tytułem oraz dwoma wierszami i dwiema kolumnami, można się posłużyć następującym kodem: <table> <caption>Tytuł tabeli</caption> <tr> <td>wiersz 1, kolumna 1</td> <td>wiersz 1, kolumna 2</td> </tr> <tr> <td>wiersz 2, kolumna 1</td> <td>wiersz 2...
- Obramowanie CSS / Obramowanie obrazkowe {border-image-source}
...h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "ścieżka dostępu do obrazka" należy podać miejsce, gdzie znajduje się obrazek, który chcemy wstawić jako obramowanie. Wpisanie "none" usunie obrazek. Ścieżkę dostępu należy konstruować względem lokalizacji arkusza CSS, a nie względem adresu dokumentu HTML! Za pomocą CSS 3 można dużo łatwiej wykonać obramowanie obrazkowe - przygotowując tylko jedną grafikę, przedstawiającą krawędzie obramowania. Nie będzie również konieczne osadzanie na...