stronie - Kurs HTML i CSS
Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>...i target="_parent" działają bardzo podobnie. Różnice można zauważyć dopiero w przypadku większej liczby zagnieżdżonych ramek - np. strona w stronie w stronie. Załóżmy, że mamy plik "index.html", w którym umieszczamy taką ramkę: <iframe src="ramka1.html"></iframe> Jak widać, spowoduje to osadzenie na stronie ramki i załadowanie do niej dokumentu "ramka1.html". Załóżmy teraz, że w pliku "ramka1.html" znajduje się m.in. taki kod: <iframe src="ramka2.html"></iframe> Tutaj znowu...
- Formularze HTML / Hasło <input "password">
...(disabled). Strona na hasło Wykorzystując pole typu "password" można w prosty sposób zabezpieczyć wybraną stronę hasłem. W tym celu wystarczy na stronie głównej, do której wszyscy mają normalny dostęp, wstawić następujący kod: <form action="?" onsubmit="window.location.href = this.password.value + '.html'; return false"> <input type="password" name="password"> <input type="submit" value="OK"> </form> Hasłem w tym przypadku jest nazwa strony bez rozszerzenia, którą chcemy zabezpieczyć...
- I co dalej... / Darmowe serwery
...kont WWW: FreeWebHosting Przy wyborze serwera należy zwrócić uwagę na pojemność konta. Jeśli zamierzasz otworzyć bezpośrednio na swojej stronie obszerny dział z plikami do pobrania, muzyką lub dużą liczbą zdjęć o wysokiej jakości, wybierz konto o dużej pojemności. Zwróć przy tym uwagę, że niektóre serwery nakładają limit na wielkość pojedynczego pliku - np. limit 200 KB oznacza, że nie umieścisz na swojej stronie żadnego większego pliku (w tym grafiki) niż podana wartość. Jeśli...
- Języki / Strony kodowe
...opracowana specjalna strona kodowa tzw. Unicode. Jest to standard 16-bitowy i dzięki temu może zapisać aż 65536 znaków. Pozwala to umieścić w jednej stronie kodowej większość alfabetów świata, co sprawia, że jest to jedyny standard, umożliwiający pisanie dokumentów w wielu językach jednocześnie. Niestety pliki takie mogą mieć nawet dwa razy większe rozmiary (przy stronie kodowej UTF-16), choć jeśli chodzi o polskie teksty zapisane w powszechnie używanej stronie kodowej UTF-8, implementującej...
- HTML5 / Nawigacja <nav>
<nav>...</nav> Reprezentuje sekcję strony, która zawiera odnośniki nawigacyjne do innych stron albo do określonych fragmentów na tej samej stronie. Nie wszystkie linki na stronie powinny być umieszczane w tym znaczniku. Został on przewidziany przede wszystkim do oznaczania nim podstawowej nawigacji witryny. Często w stopce serwisu znajdują się linki takie jak: kontakt, regulamin, prawa autorskie. Choć teoretycznie można je objąć znacznikiem NAV, zwykle bardziej właściwy do tego będzie element...
- HTML5 / Załącznik <figure, figcaption>
...załączników w dokumentach HTML5. Jak dodać opis do zdjęcia HTML? Najlepszym sposobem dodania krótkiego opisu pod zdjęciem jest umieszczenie na stronie znacznika FIGURE, a wewnątrz niego 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...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...który może być zarówno atrybutem logicznym (wstawianym bez wartości) albo mieć przypisaną określoną wartość. Następnie, kiedy już mamy wstawiony na stronie sam popover, możemy zająć się dodaniem przycisków sterujących jego otwieraniem i ewentualnie zamykaniem. W tym celu do elementu BUTTON lub INPUT (z atrybutem type="button") przypisujemy atrybut popovertarget="..." o wartości takiej samej, jak identyfikator id="..." popovera. Na koniec do przycisku możemy opcjonalnie dodać atrybut...
Selektory specjalne CSS / Selektor identyfikatora <... id>...red } Pytania i odpowiedzi <... id> Co to identyfikator CSS? Identyfikator CSS to nazwa, która jest przypisana do konkretnego elementu HTML na stronie. Jest to unikalny identyfikator, który może być używany do stylizacji lub manipulacji tym konkretnym elementem za pomocą CSS lub JavaScript. Jak zdefiniować identyfikator w elemencie DIV? Aby zdefiniować identyfikator w elemencie <div>, używamy atrybutu id="...". Na przykład: <div id="moje-id">Treść</div>. Jak odnieść się do ID w...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...względem okna przeglądarki). Co to jest "position" w CSS? position w CSS to właściwość, która określa sposób pozycjonowania elementu na stronie. Ta właściwość ma kilka możliwych wartości, które kontrolują zachowanie pozycji elementu względem innych elementów na stronie. Co to jest "position: relative"? "position: relative" w CSS oznacza, że element pozostaje w swojej pierwotnej przestrzeni na stronie, ale jego pozycję można dostosować za pomocą właściwości top, right, bottom...
- Pozycjonowanie CSS / Wyświetlanie {display}
...niektórych elementów strony podczas jej drukowania [zobacz: Media]. Nie ma raczej sensu drukować menu nawigacyjnego, które powtarza się na każdej stronie, ponieważ na papierze i tak będzie ono całkowicie bezużyteczne. Zastosowanie tego polecenia pozwoli zaoszczędzić trochę papieru, a jednocześnie sprawi, że wydruk będzie wyglądał bardziej spójnie. Polecenie display: none jest zbliżone do visibility: hidden. Różnica polega na tym, że pierwsze z nich całkowicie usuwa element z ekranu...