nazwa html - Kurs HTML i CSS
HTML5 / Pominięcie walidacji formularza <form novalidate>...jako obowiązkowe, użytkownik będzie mógł wysłać formularz, nawet jeżeli go nie wypełni: <form action="?" novalidate> <input type="text" value="nazwa" required> </form> Pytania i odpowiedzi <form novalidate> Co to znaczy walidacja formularza? Walidacja formularza to proces sprawdzania poprawności danych wprowadzonych przez użytkownika przed ich przesłaniem. Polega na upewnieniu się, że wszystkie wymagane pola są wypełnione, dane mają odpowiedni format (np. adres e-mail) i spełniają...
- HTML5 / Piaskownica zabezpieczająca <iframe sandbox>
...oznacza, że może wykonywać skrypty, otwierać nowe okna, i uzyskiwać dostęp do zasobów tak, jakby była integralną częścią strony. Skąd wzięła się nazwa "piaskownica"? Nazwa piaskownica (ang. sandbox) pochodzi z koncepcji tworzenia bezpiecznego i izolowanego środowiska, w którym można bezpiecznie eksperymentować i testować różne elementy bez ryzyka wpływu na otoczenie. W kontekście technologii informatycznych, piaskownica odnosi się do mechanizmu izolowania kodu lub aplikacji w taki...
- Nagłówek i treść HTML / Edytor <meta "generator">
<head> <meta name="generator" content="nazwa edytora"> </head> gdzie jako "nazwa edytora" można wpisać nazwę programu, przy użyciu którego została stworzona strona. Pozwala określić nazwę edytora HTML, który został wykorzystany do utworzenia dokumentu. Przykład <meta "generator"> <meta name="generator" content="MetBod (https://www.kurshtml.edu.pl/generatory/metbod.html)">
Galeria zdjęć HTML / Skrypt galerii zdjęć...zapisać przedstawiony poniżej kod w dowolnym pliku z rozszerzeniem *.js - np. gallery.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) * @version 2.6.4 */ function GalleryModel(items) { this.items = items || []; } GalleryModel.prototype.get = function(index) { var item = this.items[index]; if (!item) { return null; } return { title: item.getAttribute('data-gallery'), src...
- HTML5 / Nowe atrybuty HTML5
...disabled LINK (rel="stylesheet") Czy arkusz stylów jest zablokowany download A, AREA Czy pobrać zasób zamiast nawigować do niego oraz jego nazwa pliku, jeśli tak draggable Wszystkie elementy Czy element jest przeciągalny enterkeyhint Wszystkie elementy Wskazówka dotycząca wyboru działania przypisanego do klawisza Enter fetchpriority IMG, LINK, SCRIPT Ustawia priorytet dla pobrań inicjowanych przez element form BUTTON, FIELDSET, INPUT, OBJECT, OUTPUT, SELECT...
- HTML dla zielonych / Akapit HTML <p "text-align">
...Jak zrobić akapit w HTML? W tym celu umieść tekst wewnątrz znacznika <p>...</p>. Co to jest paragraf w HTML? Paragraf to inna nazwa akapitu - czyli pewnego oddzielnego wizualnie i tematycznie fragmentu dłuższego tekstu. Tę nazwę stosuje się jednak raczej w stosunku do przepisów prawnych, a nie do zwykłego tekstu. Jak wyśrodkować tekst? Aby ułożyć tekst na środku, można dodać odpowiedni atrybut do znacznika akapitu: <p style="text-align: center">...</p>. Jak...
Dobre praktyki / CSS Zorientowane Obiektowo...none; } Kompozycja Zwróćmy uwagę, że typowy artykuł może zawierać informacje o: autorze - np. z jego imieniem, nazwiskiem i zdjęciem źródle - nazwa, logo i odnośnik Każdy z tych elementów można traktować jako osobny obiekt (zmiana wyglądu informacji o autorze nie powinna wpływać na wygląd samej treści artykułu), z których składa się (ang. composition) główny obiekt artykułu. Myślenie o skomplikowanym obiekcie jako o złożeniu kilku mniejszych, samodzielnych obiektów, ułatwia nam...
- Nagłówek i treść HTML / Deklaracja strony kodowej <meta charset>
...Oprócz tego konieczne jest dysponowanie odpowiednim edytorem HTML, który obsługuje polski alfabet. Jak ustawić utf-8 HTML? utf-8 to nazwa tzw. strony kodowej, dzięki której wszystkie znaki na stronie - w tym polskie litery - poprawnie się wyświetlają w przeglądarce internetowej. Aby ustawić taką stronę kodową, wystarczy w dowolnym miejscu nagłówka strony - tzn. wewnątrz elementu <head>...</head> - wstawić następujący znacznik: <meta charset="utf-8">. Należy jednak przy tym...
- CSS dla zielonych / Klasy selektorów CSS <div class>
Niemal na każdej stronie WWW znajdują się pewne powtarzające się elementy. Może to być np. menu nawigacyjne, nagłówek czy stopka serwisu. W jaki sposób ustalać im wygląd? Do tej pory jako selektorów używaliśmy nazw znaczników. Jednak w języku HTML istnieje ściśle określona lista znaczników i nie możemy definiować sobie nowego za każdym razem, kiedy potrzebujemy wstawić na stronie kolejny powtarzający się element. Robi się to w inny sposób - korzystając z tzw. klas selektorów. Załóżmy, że mamy...
- HTML5 / Napisy do filmów <track>
Spis treści <track> Napisy do filmów <track> Rodzaj napisów WebVTT Ustawienia napisu Dialogi Formatowanie tekstu Stylizacja napisów Napisy do filmów <track> (interpretuje: Internet Explorer 10, Firefox 31, Opera 12.1, Chrome 23) <video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) <track src="napisy.vtt" default> (...) Treść alternatywna </video> gdzie: napisy.vtt Lokalizacja pliku...