opis strony - Kurs HTML i CSS
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 należy użyć kodu HTML: <dl id="menu0"> <dt>Kurs</dt> <dd> <dl> <dt><a href="...">HTML</a></dt> <dd> <dl>...
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...
- 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ć...
- 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...
- 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
- 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 / 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
- Kaskadowe Arkusze Stylów / Cascading Style Sheets
...(wyglądem) elementów znajdujących się w dokumentach elektronicznych. CSS nie może zatem istnieć samodzielnie, gdyż jest ściśle powiązane z językiem opisu struktury dokumentów takim jak HTML. CSS daje możliwość globalnego zarządzania formą prezentacji całej witryny internetowej. Pomysł ten nie jest wcale nowy. Style formatujące są wbudowane od dawna w praktycznie każdy bardziej zaawansowany edytor tekstu. Posiada je np. MS Word i Open Office. Niestety część poleceń stylów nie jest...