obrazek html - Kurs HTML i CSS
HTML dla zielonych / Odsyłacz do podstrony HTML <a href>...na każdej stronie WWW spotyka się odsyłacze (inaczej: odnośniki lub hiperłącza). Najczęściej stanowi je specjalnie wyróżniony krótki tekst (lub obrazek), po kliknięciu którego, następuje 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...
Wyróżnienia...i atrybutów oraz w jaki sposób układać tekst na ekranie, w jaki sposób zmienić wygląd tekstu, jak zmienić tło strony czy też w jaki sposób wstawić obrazek na stronę WWW. cytat z magazynu PHP Solutions Serwis Kurs HTML został umieszczony na płycie CD magazynu CHIP w numerze 09/2004 (w dziale "Hity"): Doskonały kurs języka HTML. W prosty i przyjazny sposób autor tłumaczy podstawy składni HTML-a. Świetne narzędzie zarówno dla początkujących, jak i zaawansowanych webmasterów. cytat z...
Szablon strony na DIV-ach / Responsywny szablon...Responsywne obrazki Następnie powinniśmy zadbać, aby w miarę możliwości wszystkie ilustracje na stronie były responsywne - zobacz: Responsywny obrazek. Punkty przeskoku Na koniec pozostaje użycie zapytań mediów w celu zdefiniowania dynamicznych zmian w szablonie strony w zależności od dostępnej szerokości ekranu urządzenia. Zauważmy, że w wielu przypadkach zwykle nie ma potrzeby, aby szablon naszej strony idealnie dopasowywał się do maksymalnej poziomej przestrzeni na ekranie. Na...
Skórki...w swoim edytorze nowy dokument, wklej do niego poniższy kod i zapisz w pliku skin.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Skin(name, expires, path, message) { this.expires = typeof expires != 'undefined' ? expires : 365; this.message = typeof message != 'undefined' ? message : 'Wymagana obsługa cookie'; this.name = typeof name != 'undefined' ? name : 'skin...
- Nagłówek i treść HTML / Ikona strony <link "shortcut icon">
...elementu <head>...</head> - następujący znacznik: <link rel="shortcut icon" href="/favicon.ico">. Trzeba jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden nagłówek dokumentu. Zatem ikonę dodajemy wewnątrz istniejącego elementu, a nie wstawiamy nowego!
- Rozmiary CSS / Wysokość {height}
...To jest wykaz o wysokości 20em (height: 20em): Punkt pierwszy Punkt drugi To jest tabela o wysokości 100px (height: 100px) Poniżej widać obrazek o wysokości 40px (height: 40px): Pytania i odpowiedzi {height} Jak ustawić wysokość w CSS? W CSS, wysokość elementu można ustawić za pomocą właściwości height, gdzie przypisujemy jej wartość, np. "height: 100px". Można również używać innych jednostek, takich jak procenty lub em. Jak rozciągnąć DIV na całą wysokość? Aby...
- Ochrona strony
...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) id_status_blink = setTimeout('status_blink("KLIKNIJ WEWNĄTRZ...
- HTML5 / Dekodowanie obrazków <img decoding>
...przetwarzania obrazka. auto - wartość domyślna (zależy od przeglądarki) Podpowiada przeglądarce, w jaki sposób najlepiej wyświetlić dany obrazek. Nadanie atrybutu decoding="sync" może spowolnić wyświetlanie całej strony - zwłaszcza w przypadku dużych obrazków. Pytania i odpowiedzi <img decoding> Co to znaczy "dekodowanie"? Dekodowanie odnosi się do procesu przekształcania danych z jednego formatu na inny, zrozumiały dla docelowego systemu lub aplikacji. W kontekście...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...niezwykle długiego wyrazu albo ustawienia blokady przełamania wierszy bądź kiedy wstawiony zostanie element z określoną dużą szerokością, jak np. obrazek. Aby do tego nie dopuścić, można dla wszystkich bloków ustawić dodatkowy styl overflow: hidden, co spowoduje przycięcie prawej części treści, która nie mieści się w wyznaczonej szerokości. Co prawda wtedy nie będzie można odczytać uciętej treści, ale układ strony nie zmieni się w sposób niekontrolowany. 6. Elementy z oblewaniem (float)...
- Komendy HTML 4.01 / Wykaz elementów
...dokumentu I wymag/wymag w linii Tekst pochylony IFRAME wymag/wymag w linii Ramka lokalna (pływająca) IMG wymag/zabr Osadzony obrazek INPUT wymag/zabr w linii Kontrolka formularza INS wymag/wymag Wstawiony tekst ISINDEX wymag/zabr w bloku Jednoliniowe pole tekstowe KBD wymag/wymag w linii Tekst do wprowadzenia przez użytkownika LABEL wymag/wymag w linii Etykieta LEGEND wymag/wymag Legenda LI wymag/opcj Punkt listy LINK...