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...
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.
- 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ć...
- Pozycjonowanie CSS / Przezroczystość {opacity}
...w CSS, używa się właściwości opacity. Można ustawić wartość od 0 (element całkowicie przezroczysty) do 1 (element całkowicie widoczny). Jak dodać przezroczystość? Aby dodać przezroczystość do elementu w CSS, używa się właściwości opacity. Na przykład: "opacity: 0.5" ustawia element na 50% przezroczystości. Czy jest kolor przezroczysty? W języku CSS istnieje specjalny kolor "przezroczysty". Można go osiągnąć za pomocą wartości transparent. Na przykład, aby ustawić przezroczyste...
- Pozycjonowanie CSS / Ustawienie {float, vertical-align}
...Pytania i odpowiedzi {float, vertical-align} Jak ustawić obraz w CSS? Aby ustawić obraz w CSS za pomocą właściwości float, można dodać tę właściwość do elementu zawierającego obraz i ustawić ją na left lub right w zależności od tego, po której stronie chcemy umieścić obraz. Jak ustawić zdjęcie po prawej stronie CSS? Aby ustawić zdjęcie po prawej stronie w CSS, można użyć właściwości float z wartością right, na przykład: "float: right". To spowoduje, że obraz zostanie...
- 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ć...