przykład html - Kurs HTML i CSS
CSS dla zielonych / Kolor tła oraz tekstu CSS {background-color, color}...tła oraz tekstu na całej stronie, najlepiej w arkuszu stylów do selektora właściwego ciała dokumentu dodać deklaracje o odpowiednich wartościach. Na przykład: body { background-color: black; color: white; } ustawi czarny kolor tła i biały kolor tekstu. Jak ustawić kolor RGB w CSS? W języku CSS możemy stosować takie same kolory jak w HTML. Na przykład aby ustawić na całej stronie czarny kolor tła i biały kolor tekstu w notacji heksadecymalnej, wystarczy w arkuszu stylów wstawić...
Nagłówek i treść HTML / Edytor <meta "generator">...HTML, który został wykorzystany do utworzenia dokumentu. Przykład <meta "generator"> <meta name="generator" content="MetBod (https://www.kurshtml.edu.pl/generatory/metbod.html)">
- HTML dla zielonych / Wielkość czcionki HTML <span "font-size">
<span style="font-size: rozmiar">Tu wpisz tekst</span> gdzie jako "rozmiar" należy wpisać: xx-small Czcionka najmniejsza x-small Czcionka bardzo mała small Czcionka mała medium Czcionka średnia large Czcionka duża x-large Czcionka bardzo duża xx-large Czcionka największa Przykład <span "font-size"> <span style="font-size: xx-small">Czcionka o rozmiarze xx-small</span> Czcionka o rozmiarze xx-small <span style="font-size: x-small">Czcionka o rozmiarze x-small</span> Czcionka o...
- HTML dla zielonych / Wyśrodkowanie obrazka HTML <div "center", img src alt>
<div style="text-align: center"><img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny"></div> gdzie zamiast: "Tu podaj względną ścieżkę dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek, a w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony. Polecenie pozwala wyśrodkować obrazek, czyli ustawić go na środku ekranu. Dla...
- Tekst HTML / Wyświetlanie znaczników HTML
Język HTML przewiduje dwa podstawowe modele wyświetlania treści znaczników: w bloku - podczas wyświetlania bloku w przeglądarce, automatycznie dodawane są znaki końca linii (linijki przerwy) przed oraz po takim bloku tak, że każdy taki element jest wyświetlany w nowej linii. Generalnie element blokowy może zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe. Został on pomyślany do tworzenia obszerniejszych struktur niż elementy wyświetlane w linii. Wyjątkiem od tej reguły...
- Tekst HTML / Blok cytowany <blockquote>
Spis treści <blockquote> Blok cytowany <blockquote> Blok cytowany ze źródłem <blockquote cite> Blok cytowany <blockquote> <blockquote>...</blockquote> wyświetlanie: w bloku Wprowadza blok cytowany, którego możemy użyć np. gdy powołujemy się na jakieś źródła. Każdy wiersz w bloku cytowanym rozpoczyna się zwykle tabulatorem (wcięciem). Można go używać do zacytowania jakiegoś większego fragmentu, który ciągnie się przez wiele linijek (zobacz także: Cytat). UWAGA! W Strict DTD tekst...
- Tekst HTML / Źródło <cite>
<cite>...</cite> wyświetlanie: w linii Zwykle jest napisany kursywą. Umieszcza się w nim tytuł utworu, do którego się odnosimy, ale nie sam cytat. Może to być np. tytuł książki, opracowania, wiersza, partytury, piosenki, scenariusza, filmu, programu telewizyjnego, gry komputerowej, rzeźby, obrazu, sztuki teatralnej, przedstawienia, opery, musicalu, wystawy, protokołu sprawy czy nazwa programu komputerowego itp. Element ten nie służy do oznaczania cytatów - do tego nadaje się znacznik...
- HTML5 / Nagłówek <header>
<header>...</header> Reprezentuje grupę wprowadzającą albo ułatwienia nawigacyjne. Zwykle zawiera nagłówek sekcji (H1, H2, H3, H4, H5, H6 albo HGROUP), ale nie jest to absolutnie konieczne. Może zawierać również: spis treści, formularz wyszukiwania, logo. Sam element HEADER nie stanowi nagłówka sekcji. Może to być nieco mylące, ponieważ z kolei element FOOTER stanowi stopkę sekcji. Elementami definiującymi nagłówek sekcji są: H1, H2, H3, H4, H5, H6. W szczególności znacznik HEADER nie tworzy...
- Komendy HTML 4.01 / Wykaz elementów
Element Znacznik otwierający/ zamykający Wyświetlanie Opis A wymag/wymag w linii Kotwica ABBR wymag/wymag w linii Forma skrócona ACRONYM wymag/wymag w linii Akronim ADDRESS wymag/wymag w bloku Informacje o autorze APPLET wymag/wymag w linii Aplet AREA wymag/zabr Obszar w mapie odnośników klienta B wymag/wymag w linii Tekst pogrubiony BASE wymag/zabr Adres bazowy BASEFONT wymag/zabr w linii Czcionka bazowa BDO wymag/wymag...
- HTML5 / Automatyczna kapitalizacja tekstu <... autocapitalize>
...ręczny powrót na małe litery), gdy litera, która powinna być automatycznie kapitalizowana, ma zostać wpisana. Inne rodzaje wprowadzania tekstu, na przykład wprowadzanie głosowe, mogą wykonywać automatyczną kapitalizację w sposób, który nie daje użytkownikom możliwości wcześniejszej interwencji. Atrybut autocapitalize="..." pozwala kontrolować takie zachowanie.