zrobić html - Kurs HTML i CSS
- CSS dla zielonych / Wyrównanie tekstu CSS {text-align}
...akapitach. Dzięki temu będzie on bardziej czytelny dla użytkownika. W pojedynczym dokumencie HTML może się znajdować wiele oddzielnych akapitów. Co zrobić, aby tekst w każdym z nich był ułożony tak samo? Dzięki możliwościom jakie dają style CSS, nie musimy tego robić dla każdego akapitu osobno. Wystarczy że w arkuszu CSS wpiszemy następującą regułę stylów: p { text-align: wyrównanie; } Dzięki temu tekst we wszystkich akapitach na stronie zostanie wyrównany w określony sposób: left...
- HTML dla zielonych / Tekst przekreślony HTML <s>
...kodu: <s>Ten tekst jest przekreślony</s> na ekranie przeglądarki otrzymamy: Ten tekst jest przekreślony Pytania i odpowiedzi <s> Jak zrobić przekreślony tekst? Aby przekreślić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <s>...</s>. Jak przekreślić tekst w HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby przekreślić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <s>...</s>. W ten sposób często oznacza się treść...
- HTML dla zielonych / Pozioma linia HTML <hr>
...i odpowiedzi <hr> Jak napisać poziomą linię w HTML? W celu dodania poziomej linii na stronie WWW należy posłużyć się znacznikiem <hr>. Jak zrobić kreskę na stronie HTML? Dzięki użyciu znacznika <hr> możemy wstawić poziomą linię i w ten sposób oddzielić od siebie różne grupy akapitów w ramach tej samej sekcji artykułu.
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...szerokie możliwości ustalania typu wykazu. Są to zarówno wykazy z wyróżnikami (markerami) graficznymi jak i różnorodne style numeracji. Co jednak zrobić, jeśli żaden z wbudowanych rodzajów nie spełnia naszych oczekiwań? Rozwiązaniem może być użycie specjalnej reguły stylów @counter-style, która pozwala zdefiniować swój własny, niestandardowy typ stylu wykazu, w którym można precyzyjnie kontrolować wygląd jego wyróżników. Aby utworzyć swój niestandardowy typ stylu wykazu, najpierw w arkuszu...
- Tekst HTML / Blok cytowany <blockquote>
...Pytania i odpowiedzi <blockquote> Co to BLOCKQUOTE w HTML? Jest to element (znacznik) odpowiedzialny za wstawienie bloku z cytatem. Jak zrobić cytat w HTML? Aby wstawić dłuższy cytat w postaci osobnego akapitu lub kilku akapitów, należy umieścić go wewnątrz znacznika <blockquote>...</blockquote>. Natomiast do umieszczenia krótkiego cytatu w postaci jednego lub kilku zdań mieszczących się w tym samym akapicie co reszta tekstu, trzeba użyć znacznika <q>...</q>.
- Tabele HTML / Tytuł tabeli <caption>
...komórka4 Pytania i odpowiedzi <caption> Co to jest CAPTION w HTML? Jest to znacznik odpowiadający za tytuł (podpis) tabeli. Jak zrobić tytuł tabeli? W tym celu zaraz po znaczniku otwierającym tabeli trzeba wstawić element CAPTION, wewnątrz którego umieszcza się tytuł tabeli. Na przykład, aby utworzyć tabelę z tytułem oraz dwoma wierszami i dwiema kolumnami, można się posłużyć następującym kodem: <table> <caption>Tytuł tabeli</caption> <tr> <td>wiersz 1, kolumna 1</td>...
- Tekst CSS / Kolor tekstu {color}
...koloru tekstu elementu w CSS służy właściwość color. Możesz podać wartość koloru jako nazwę koloru, kod szesnastkowy lub funkcję koloru. Jak zrobić kolorowy tekst? Aby stworzyć kolorowy tekst w HTML, możesz użyć znacznika <span>, wewnątrz którego umieścisz tekst, a następnie wykorzystać atrybut style="..." lub CSS do ustalenia koloru tekstu. Na przykład: <span style="color: red">Kolorowy tekst</span>. Jak ustawić kolor RGB w CSS? Aby ustawić kolor w formacie RGB w CSS, możesz...
- Formularze HTML / Wyczyszczenie danych <input "reset">
...Potwierdzenie wyczyszczenia formularza <form onreset> Przed wyczyszczeniem całego formularza, można się upewnić, czy użytkownik na pewno chce to zrobić. Dzięki temu wyeliminujemy możliwość przypadkowego naciśnięcia przycisku "reset". Ma to szczególne znaczenie zwłaszcza w przypadku długich formularzy, przy których ponowne wpisywanie wszystkich danych trwałoby dość długo. Aby potwierdzić wyczyszczenie formularza, należy do znacznika <form> dodać atrybut onreset="...": <form action="adres...
- HTML5 / Nagłówek <header>
...1.1 (zawiera akapit: "Akapit podsekcji 1.1") Podsekcja 1.2 (zawiera akapit: "Akapit podsekcji 1.2") Pytania i odpowiedzi <header> Jak zrobić nagłówek w stronie HTML? Często na początku artykułów na stronach internetowych można zaobserwować specjalnie wyróżniony fragment będący streszczeniem albo krótkim wprowadzeniem do właściwej treści. Taki nagłówek artykułu powinno się umieszczać wewnątrz znacznika <header>...</header>. Czy HEADER to znacznik sekcji? Chociaż element...
- HTML5 / Sekcja <section>
...które przy tym zawierają nawet jawne nagłówki. Dlatego użycie tutaj znacznika DIV nie byłoby prawidłowe. Pytania i odpowiedzi <section> Jak zrobić sekcję w HTML? Sekcja dokumentu to tematyczna grupa treści, zwykle zawierająca nagłówek. Aby wstawić najprostszą sekcję w pliku HTML5, wystarczy objąć jej zawartość znacznikiem <section>...</section>. Kiedy DIV a kiedy SECTION? Znacznika DIV używamy, kiedy chcemy zmienić wygląd treści lub elementów, które się wewnątrz niego...