dodać - Kurs HTML i CSS
HTML dla zielonych / Ustawienie obrazka HTML <img src alt "float">...right"... Pytania i odpowiedzi <img src alt "float"> Jak przesunąć obrazek w lewo HTML? Aby ustawić obrazek po lewej stronie tekstu, należy dodać do jego znacznika atrybut o odpowiedniej wartości: <img src="obrazek.jpg" alt="Tu wpisz krótki opis obrazka" style="float: left">. Jak wstawić zdjęcie po prawej stronie w HTML? Aby w języku HTML ustawić obrazek po prawej stronie tekstu, należy dodać do jego znacznika atrybut o odpowiedniej wartości: <img src="obrazek.jpg" alt="Tu wpisz...
- Nagłówek i treść HTML / Opis zawartości strony <meta "description">
...Aby go sprawdzić, można podejrzeć kod źródłowy strony. W systemie Windows najczęściej robi się to za pomocą kombinacji klawiszy Ctrl+U. Jak dodać opis strony HTML? Aby dodać opis strony, który może pojawić się potem w wynikach wyszukiwania np. Google, trzeba w dowolnym miejscu nagłówka strony - tzn. wewnątrz elementu <head>...</head> - wstawić np. następujący znacznik: <meta name="description" content="Tu podaj opis twojej strony">. Należy jednak przy tym pamiętać, że w pliku *.html...
- Nagłówek i treść HTML / Język strony <html lang, link hreflang>
...również język angielski. Możliwe jest oczywiście wskazanie więcej niż jednej alternatywnej wersji językowej. W takim przypadku wystarczy dodać kilka takich znaczników - każdy dla innego języka. Zwracam uwagę, że w dokumencie HTML może się znajdować tylko jeden znacznik <head>. Dlatego powyższy element <link hreflang> należy wstawić wewnątrz istniejącego znacznika nagłówka dokumentu, a nie dodawać kolejnego. Ze znacznika <link hreflang> korzysta wyszukiwarka Google. Dzięki temu w...
- Tabele HTML / Łączenie komórek tabeli <td colspan rowspan>
...</tr> <tr> <td>komórka4</td> </tr> </table> Pytania i odpowiedzi <td colspan> Co robi COLSPAN? Jest to atrybut, który możemy dodać do znaczników TD lub TH, aby połączyć (scalić) w poziomie kilka sąsiadujących ze sobą komórek tabeli. Jak połączyć komórki w tabeli w HTML? Aby scalić w poziomie kilka sąsiadujących ze sobą komórek tabeli, zamiast nich umieszczamy tylko jeden znacznik TD lub TH, ale dodajemy do niego atrybut colspan="..." o wartości odpowiadającej...
- Formularze HTML / Ramy formularza HTML <form>
...ankiet (sond), oferowanych za darmo w wielu serwisach. Garść adresów znajdziesz w rozdziale: Darmowe komponenty. Pytania i odpowiedzi <form> Jak dodać formularz do HTML? W tym celu do kodu źródłowego strony trzeba dodać znacznik FORM z atrybutem wskazującym akcję, jaka ma zostać wykonana po wysłaniu formularza. Na przykład, aby po wypełnieniu formularza mógł on być wysłany na adres e-mail jan.kowalski@example.com, można się posłużyć następującym znacznikiem: <form...
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...być ładowane z większym priorytetem w celu poprawy wydajności strony. Atrybut ten może przyjmować wartości takie jak high, low, lub auto. Jak dodać fetchpriority="high"? Aby dodać fetchpriority="high", należy umieścić ten atrybut w tagu <img>, <link> lub <script> dla zasobów, które mają mieć wysoki priorytet pobierania. Na przykład: <img src="image.jpg" fetchpriority="high"> lub <link rel="preload" as="style" href="style.css" fetchpriority="high">. To zapewni, że przeglądarka pobierze...
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...z tego samego źródła? Aby traktować zawartość IFRAME jako pochodzącą z tego samego źródła (ang. same-origin), należy do atrybutu sandbox="..." dodać wartość allow-same-origin. Dzięki temu zawartość ramki będzie miała dostęp do zasobów strony nadrzędnej oraz odwrotnie, co umożliwia wymianę danych między nimi. Jak możemy pozwolić, aby ramka IFRAME w trybie piaskownicy uruchamiała skrypty z tej samej domeny? Aby pozwolić, by ramka IFRAME w trybie piaskownicy uruchamiała skrypty z tej...
Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset...zaimportowany Jeżeli w żaden sposób nie udało się wyznaczyć strony kodowej, przyjmij UTF-8. Pytania i odpowiedzi <link "stylesheet"> Jak dodać zewnętrzny arkusz stylów CSS? Aby dodać zewnętrzny arkusz stylów CSS, należy stworzyć oddzielny plik CSS zawierający reguły stylów, a następnie użyć znacznika <link> w sekcji <head> dokumentu HTML, aby dołączyć ten plik do strony. Przykład: <link rel="stylesheet" href="nazwa_pliku.css">. Jak podłączyć style CSS do HTML? Aby podłączyć...
- Tło CSS / Kolor tła {background-color}
...wartość tego właściwości na dowolny kolor (np. nazwę koloru, kod koloru lub RGB), a element zostanie wypełniony tym kolorem jako tłem. Jak dodać kolor tła dla wszystkich elementów H1? Aby dodać kolor tła dla wszystkich elementów H1, można użyć selektora CSS dla elementu H1 i zastosować właściwość background-color. Na przykład: h1 { background-color: #FF0000; } ustawi kolor tła na czerwony dla wszystkich elementów H1.
- Obramowanie CSS / Cień {box-shadow}
...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ą szaro-czarną. Jak zrobić...