opis strony - Kurs HTML i CSS
Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>...do ramki lokalnej <a target> Wczytanie stron do dwóch ramek Wczytywanie strony do ramki lokalnej <a target> <a target="cel" href="lokalizacja">opis</a> Jak widać powyższe polecenie jest odsyłaczem. Posiada on jednak dodatkowy atrybut target="..." pozwalający wczytać stronę do wybranej przez nas ramki - w szczególności innej niż ta, w której znajduje się odnośnik. Dzięki temu treść w takiej ramce (okienku) może się zmieniać, nawet już po załadowaniu strony. Zamiast tekstu "lokalizacja...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego...Akapit Tekst pogrubiony Tekst pochylony Tekst podkreślony Wielkość czcionki Kolor czcionki Rodzaj czcionki Nagłówek i treść Tytuł strony Deklaracja strony kodowej Opis zawartości strony Wyrazy kluczowe Język strony Tekst Akapit Tytuł Blok Koniec linii Pogrubienie CSS Czcionki Tekst Tło Marginesy Obramowanie Wykazy Rozmiary new Menu('menu8', 'menu8', true, false, 0, 0, -1, -1, true); należy użyć kodu HTML: <dl id="menu0"> <dt>Kurs</dt>...
- HTML dla zielonych / Wyśrodkowanie obrazka HTML <div "center", img src alt>
...go wewnątrz znacznika z ustawionym atrybutem o odpowiedniej wartości: <div style="text-align: center"><img src="obrazek.jpg" alt="Tu wpisz krótki opis obrazka"></div>. Jak wyśrodkować obraz i tekst HTML? W tym celu zarówno obrazek jak i tekst można umieścić wewnątrz znacznika z ustawionym atrybutem o odpowiedniej wartości: <div style="text-align: center"><img src="obrazek.jpg" alt="Tu wpisz krótki opis obrazka"><br> Tu wpisz podpis zdjęcia</div>. Pomiędzy obrazkiem a tekstem dobrze...
Wstawianie stylów CSS / Styl lokalny <... style>...przy konkretnych cechach, znajdziesz w dalszych rozdziałach kursu. Styl lokalny pozwala na nadanie formatowania konkretnemu pojedynczemu elementowi strony. Dlatego właśnie styl tego rodzaju nazywa się także styl inline (ang. "w linii"), ponieważ jest wstawiany w tej samej linii, w której znajduje się element formatowany. O tym który to będzie element, decyduje słowo kluczowe "element" (widoczny powyżej, w deklaracji stylu). Zwróć uwagę, że jednemu elementowi możemy nadać kilka atrybutów...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
Do wysyłania formularzy opisanych w tym rozdziale konieczny jest program pocztowy, np. MS Outlook, Mozilla Thunderbird lub inny. Program taki musi posiadać zainstalowany i skonfigurowany w swoim systemie operacyjnym użytkownik, który chce wysłać do nas formularz pocztowy. Problem w tym, że część użytkowników w ogóle takiego programu nie posiada, ponieważ swoją pocztę odczytują za pomocą tzw. aplikacji webmail, czyli specjalnej strony WWW. Takie strony-aplikacje udostępniają wszystkie duże...
- HTML5 / Załącznik <figure, figcaption>
...Jest to element służący do wstawiania podpisów ilustracji bądź diagramów i innych tego typu 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...
- Pozycjonowanie CSS / Pozycja absolutna {position: absolute}
...pozwala przesunąć wybrany element w dowolną stronę względem wybranych brzegów strony lub ewentualnie ramki albo "obejmującego bloku" (opis powyżej). Dzięki temu dany element będzie umieszczony tam na "sztywno", bez względu na miejsce, w którym wpisaliśmy polecenie pozycjonowania absolutnego. Jeżeli jako "wartość" wpiszemy liczbę ujemną, element znajdzie się częściowo lub całkowicie poza obrębem strony lub wyjdzie poza krawędzie "obejmującego bloku". Jeśli w miejscu gdzie ma być...
- HTML dla zielonych / Podsumowanie
...Nagłówek i treść Tekst Odsyłacze Tabele Multimedia Widżety Formularze Dodatkowo w rozdziale: I co dalej możesz przeczytać szczegółowy opis, jak wprowadzić swoją stronę do Internetu (zupełnie za darmo). Zapraszam... Jeśli planujesz stworzyć bardziej profesjonalną stronę internetową, zachęcam do zapoznania się z rozdziałem pod tytułem: CSS dla zielonych, który jest przeznaczony specjalnie dla osób początkujących. Rozpocznij kurs CSS
- Komendy CSS 2 / marks
WARTOŚĆ [ crop || cross ] | none | inherit OPIS Znaczniki strony (po wydrukowaniu) INICJALIZACJA none ZASTOSOWANIE kontekst strony DZIEDZICZENIE nie PROCENTY nie MEDIA visual, paged
- Komendy CSS 2 / size
WARTOŚĆ <długość>{1,2} | auto | portrait | landscape | inherit OPIS Rozmiar strony INICJALIZACJA auto ZASTOSOWANIE kontekst strony DZIEDZICZENIE nie PROCENTY nie MEDIA visual, paged