zrobić html - Kurs HTML i CSS
HTML5 / Napisy do filmów <track>...Twój system operacyjny. Zwróć przy tym uwagę tylko na dwie bardzo ważne kwestie: Nazwa pliku musi mieć rozszerzenie *.vtt, a nie *.vtt.txt. Aby to zrobić w Notatniku, w oknie zapisywania pliku wybierz opcję: "Zapisz jako typ: Wszystkie pliki", a następnie wpisz pełną nazwę (np. napisy.vtt). Plik napisów musi być zapisany przy użyciu kodowania znaków UTF-8 - nieważne przy użyciu jakiej strony kodowej został utworzony dokument HTML, w którym jest wstawiony odtwarzacz wideo z dołączonymi tymi...
- 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...
- HTML5 / Załącznik <figure, figcaption>
...<figure> <p>Język HTML5 upraszcza deklarowanie strony kodowej dokumentu. Na <a href="#listing1">przykładzie 1</a> możemy się przekonać, jak to zrobić.</p> <figure id="listing1"> <pre><code> <meta charset="UTF-8"> </code></pre> </figure> <p>Krótszą formę ma również deklaracja typu dokumentu.</p> Warto zwrócić uwagę, że gdyby tekst akapitu był sformułowany w inny sposób, użycie znacznika FIGURE mogłoby być raczej niewłaściwe: <p>Język HTML5 upraszcza deklarowanie strony kodowej...
- Tekst HTML / Komentarz HTML
...jaki sposób nie można używać <b>komentarza HTML</b>... <!-- Ten komentarz jest niedozwolony --> Ciąg dalszy... </p>--> Pytania i odpowiedzi Jak zrobić komentarz? Komentarze w języku HTML to fragmenty tekstu, które nie wyświetlają się w oknie przeglądarki, ale są widoczne po włączeniu podglądu kodu źródłowego strony (np. po wciśnięciu kombinacji klawiszy Ctrl+U). Na początku komentarza należy umieścić: <!--, natomiast na jego końcu: -->. Mogą się one bez przeszkód rozciągać na wiele...
Galeria zdjęć HTML / Skrypt galerii zdjęć...na stronie wstaw znaczniki odnośników i obrazków - podobnie jak się to robi w klasycznej galerii zdjęć. Jedyną zmianą, którą musisz dodatkowo zrobić, to do znaczników odsyłaczy z powiększonymi zdjęciami dodaj atrybut data-gallery. Na przykład: <a data-gallery href="zdjecie1.jpg"><img src="miniatura1.jpg" border="0"></a> <a data-gallery href="zdjecie2.jpg"><img src="miniatura2.jpg" border="0"></a> <a data-gallery href="zdjecie3.jpg" title="Opis"><img src="miniatura3.jpg" border="0"></a>...
- 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...
Czcionki CSS / Waga czcionki {font-weight}...Możliwe wartości to liczby od 100 do 900 (z krokiem 100) oraz normal i bold, gdzie normal to standardowa grubość, a bold to pogrubienie. Jak zrobić pogrubiony tekst w CSS? Aby zrobić pogrubiony tekst w CSS, użyj właściwości font-weight i przypisz jej wartość bold. Na przykład: "font-weight: bold" pogrubia tekst. Jak zmienić grubość czcionki HTML? W HTML można zmienić grubość czcionki za pomocą atrybutu style="..." i wartości font-weight. Na przykład: <p style="font-weight...
- Tekst HTML / Wykaz <ul, ol, li>
...przypadku kiedy opisujemy np. listę kroków, które należy wykonać w określonej kolejności, właściwym znacznikiem będzie lista uporządkowana. Jak zrobić listę kropkowaną HTML? W celu wstawienia listy nieuporządkowanej najpierw wstawiamy znacznik <ul>...</ul>, a następnie wewnątrz niego kolejne punkty listy - każdy w osobnym znaczniku <li>...</li>. Co to jest LI w HTML? Jest to element listy (ang. list item), który umieszcza się wewnątrz znacznika <ul>...</ul> lub <ol>...</ol>. Służy...
- Formularze HTML / Wysłanie formularza <input "submit, image">
...decyzji użytkownika: <form action="?akcja=kasowanie" method="post"> <input type="hidden" name="id" value="1"> <p>Czy na pewno chcesz to zrobić?</p> <input type="submit" name="potwierdzenie" value="Tak"> <input type="submit" name="potwierdzenie" value="Nie"> </form> Pytania i odpowiedzi <input "submit"> Jak wysłać formularz HTML? Domyślnie formularz jest wysyłany, jeśli użytkownik wciśnie Enter wpisując coś w dowolnym polu tekstowym albo polu hasła, które się w nim znajdują...
- Formularze HTML / Hasło <input "password">
...niepowołane. Dla zaawansowanych Można natomiast zaszyfrować cały formularz, podczas przesyłania go do skryptu, pracującego na serwerze. Aby to zrobić, należy adres skryptu (atrybut ACTION dla znacznika FORM) poprzedzić przez: "https://" (należy podać całkowity adres, a nie względną ścieżkę dostępu). Spowoduje to nawiązanie połączenia przez bezpieczny protokół SSL. Niestety nie wszystkie serwery obsługują takie połączenie 🙁 Wygląd pól formularza można zdefiniować bardziej precyzyjnie...