zrobić - Kurs HTML i CSS
Tekst CSS / Wcięcie w tekście {text-indent}...pozwala definiować wcięcie pierwszego wiersza akapitu. Możesz ustawić wartość w pikselach, procentach lub innych jednostkach długości. Jak zrobić wcięcie w CSS? Aby zrobić wcięcie pierwszego wiersza akapitu, możesz użyć właściwości text-indent i ustawić wartość np. w pikselach albo w procentach. Na przykład: <p style="text-indent: 20px">...</p> wcięcie o 20 pikseli. Natomiast jeśli chcesz wciąć wszystkie wiersze tekstu w całym akapicie, zastosuj właściwość margin-left.
- Obramowanie CSS / Cień {box-shadow}
...oraz opcjonalnie kierunek i rozmiar cienia. Dzięki temu można uzyskać efekt wypukłości, odcinania elementu od tła lub inny efekt wizualny. Jak zrobić cień w CSS? Aby dodać cień do elementu w CSS, można użyć właściwości box-shadow i określić wartości cienia, takie jak przesunięcie poziome, przesunięcie pionowe, rozmycie, kolor itp. Na przykład: "box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);" dodaje cień z przesunięciem 3 piksele poziomo i pionowo, rozmyciem 5 pikseli i kolorystyką...
- CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}
...z tekstem. W tym celu wystarczy w arkuszu stylów zdefiniować każda klasę z inną nazwą. Pytania i odpowiedzi {border-style, background-color} Jak zrobić obramowanie tekstu w CSS? Aby obramować tekst, musimy wykonać dwa kroki. Najpierw w arkuszu stylów CSS wstawiamy następujący kod: .obramowanie { border-style: solid; } - zwracam uwagę, że na początku tego kodu znajduje się znak kropki, a po nim nie może być spacji! Następnie w kodzie HTML wystarczy objąć znacznikiem wybrany tekst: <div...
Menu rozwijane, otwierane, wysuwane / Kolekcje dokumentów...wchodzą w skład kolekcji powiązanych dokumentów, po wejściu na kolejne części artykułu, wszystko będzie działać zgodnie z oczekiwaniami. Aby to zrobić, należy nadać właściwemu odnośnikowi z menu atrybut rel="Collection(...)", w którym podaje się listę adresów URL wszystkich części podzielonego artykułu: <dl id="menu0"> <dt>Nagłówek 1</dt> <dd><a href="czesc1.html" rel="Collection(czesc2.html,czesc3.html)">Artykuł stronicowany</a></dd> <dd><a href="...">Dokument 2</a></dd> <dd><a...
Funkcje matematyczne - Math / Losowanie liczb - random...lub równa 0 i mniejsza od 1 Zwraca liczbę pseudolosową. Co prawda nie można wprost podać zakresu, z którego chcemy wylosować liczbę, ale można to zrobić w inny sposób. Na przykład aby wylosować naturalną liczbę dwucyfrową (10...99), należy wpisać: 10 + Math.floor(Math.random() * 90) Przykład Math.random Math.random(); // np.: 0.29363602958619595 Wylosowanie liczby całkowitej z podanego przedziału Co prawda nie można wprost wylosować liczby z podanego przedziału wartości, ale da się to...
HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>...dokumentu HTML należy wstawić deklarację strony kodowej: <meta charset="utf-8">. Ponadto konieczne jest użycie odpowiedniego edytora HTML. Jak zrobić podstrony w HTML? Serwisy internetowe zwykle składają się z wielu podstron. Aby stworzyć podstronę, otwórz dowolny edytor HTML i utwórz w nim nowy plik - dokładnie w taki sam sposób, jak przy tworzeniu strony głównej serwisu. Następnie wprowadź w nim odpowiednią treść i zapisz plik na dysku z rozszerzeniem *.html albo *.htm. Jak...
- HTML dla zielonych / Tekst pogrubiony HTML <b>
...jest pogrubiony (wytłuszczony)</b> na ekranie przeglądarki otrzymamy: Ten tekst jest pogrubiony (wytłuszczony) Pytania i odpowiedzi <b> Jak zrobić pogrubiony tekst? Aby wytłuścić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <b>...</b>. Jak zmienić grubość tekstu HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby pogrubić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <b>...</b>, dzięki czemu będzie się on lepiej wyróżniał...
- HTML dla zielonych / Tekst pochylony HTML <i>
...czyli kursywą</i> na ekranie przeglądarki otrzymamy: Ten tekst jest napisany pismem pochylonym, czyli kursywą Pytania i odpowiedzi <i> Jak zrobić pochyloną czcionkę? Aby w języku HTML napisać tekst kursywą - czyli pismem pochylonym - wystarczy wpisać go wewnątrz znacznika <i>...</i>. Jak pochylić tekst w HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby pochylić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <i>...</i>. W ten sposób...
- HTML dla zielonych / Tekst podkreślony HTML <u>
...kodu: <u>Ten tekst jest podkreślony</u> na ekranie przeglądarki otrzymamy: Ten tekst jest podkreślony Pytania i odpowiedzi <u> Jak zrobić podkreślony tekst? Aby podkreślić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <u>...</u>. Jak dodać podkreślenie HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby podkreślić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <u>...</u>. W ten sposób często oznacza się...
- Widżety HTML / Szablon strony bez ramek
...stopka itd. W każdym pliku podstrony trzeba za każdym razem powtórzyć te elementy. Wyobraź sobie teraz, że chcesz dodać do menu nowy link. Aby to zrobić, musisz otworzyć osobno każdy dokument i ręcznie dodać tam link. Oczywiście jest to ogromnie niewygodne, do tego stopnia, że po jakimś czasie można się wręcz zniechęcić do robienia jakichkolwiek aktualizacji serwisu 🙁 Rozwiązaniem tego problemu mogłyby być ramki lokalne (<iframe>...</iframe>). W takim przypadku teoretycznie można...