zrobić - Kurs HTML i CSS
Nagłówek i treść HTML / Strona kanoniczna <link "canonical">...dokumentu. Istnieje jednak możliwość jasnego wskazania robotowi wyszukiwarki, która wersja strony jest tą podstawową - stroną kanoniczną. Aby to zrobić, na każdej wersji takiej strony, która różni się adresem URL od wersji podstawowej, należy podać bezpośredni adres prowadzący do wersji kanonicznej: <head> <link rel="canonical" href="adres strony podstawowej"> </head> gdzie jako "adres strony podstawowej" należy podać bezwzględny adres strony (rozpoczynający się od http:// lub...
- Tekst HTML / Blokada indeksowania fragmentów treści <... data-nosnippet>
<div data-nosnippet>...</div> <span data-nosnippet>...</span> <section data-nosnippet>...</section> Co zrobić, jeśli w opisie naszej strony w wynikach wyszukiwania Google wyświetlają się nieadekwatne treści? Może to mieć miejsce, m.in. kiedy w treści strony są umieszczone jakieś elementy interfejsu użytkownika. Na przykład jeśli w naszym serwisie znajdują się fragmenty przykładowych tekstów (kody źródłowe, polecenia, wzory itp.), możemy chcieć ułatwić użytkownikowi skorzystanie z nich...
- Nagłówek i treść HTML / Strona mobilna <link media>
...initial-scale=1.0">. Ten tag umożliwia przeglądarce odpowiednie skalowanie i dostosowanie widoku do szerokości ekranu urządzenia. Jak zrobić stronę mobilną? Aby zrobić stronę mobilną, można użyć znacznika <link> z atrybutem media="..." do wskazania adresu strony dedykowanej urządzeniom mobilnym. Przykład: <link rel="alternate" media="only screen and (max-width: 600px)" href="https://m.example.com/">. Ten link informuje przeglądarkę o istnieniu alternatywnej wersji strony...
- HTML5 / Element edytowalny <... contenteditable>
...które jej nie obsługują, może spowodować, że element w ogóle nie będzie edytowalny. Pytania i odpowiedzi <div contenteditable> Jak zrobić edytowalny kod HTML? Aby zrobić edytowalny kod HTML, należy dodać atrybut contenteditable="true" do dowolnego elementu HTML, co sprawi, że użytkownicy będą mogli edytować jego zawartość bezpośrednio na stronie. Na przykład: <div contenteditable="true">Edytowalny tekst</div>. To sprawia, że zawartość tego <div> stanie się edytowalna...
- HTML5 / Element ukryty <... hidden>
...w układzie. Na przykład: <div hidden>Ukryty element</div>. Taki element pozostaje w kodzie HTML, ale nie jest wyświetlany użytkownikom. Jak zrobić ukryty tekst w HTML? Aby zrobić ukryty tekst w HTML, można użyć atrybutu hidden na elemencie zawierającym tekst. Przykład: <span hidden>Ukryty tekst</span>. Taki tekst nie będzie widoczny na stronie, ani nie zajmie miejsca w układzie.
- 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ę...
- Formularze HTML / Pole wyboru <input "checkbox">
...tego typu powinno mieć ustawioną inną odpowiedź. W przeciwnym razie nie będzie się dało rozróżnić wyboru zaznaczonego przez użytkownika. Jak zrobić checkbox HTML? Checkbox to inaczej pole wielokrotnego wyboru. Aby wstawić go w formularzu, należy przypisać mu odpowiedni typ, nazwę pytania oraz wartość odpowiedzi, która zostanie wysłana po jego zaznaczeniu. Na przykład: <input type="checkbox" name="nazwa" value="wartość">. Wszystkie pola wyboru, które dotyczą tego samego pytania, muszą...