dodać - Kurs HTML i CSS
Dobre praktyki / CSS Zorientowane Obiektowo...ocenę redakcyjną), nie ma sensu tworzyć go od zera. Znacznie lepiej jest wykorzystać całą stylizację zapisaną w ogólnym artykule (Article), a osobno dodać tylko nowe rzeczy (Review): <div class="Article Review">...</div> Mówimy, że Article jest klasą bazową, którą rozszerza klasa pochodna Review. Dzięki tej technice, unikając powtórzeń deklaracji, zmniejszysz rozmiary arkusza CSS (szybsze ładowanie, mniejszy transfer), a przede wszystkim przyspieszysz sposób zarządzania zmianami, ponieważ...
- Dobre praktyki / Przykazania webmastera
...Dlatego często stosuje się inną metodę. Zmiany można wprowadzać w tych samych plikach *.css, a w adresach do nich (występujących w plikach *.html) dodać po pytajniku numer kolejnej wersji (albo aktualną datę), np.: <link rel="stylesheet" href="style.css?2"> To samo dotyczy wszystkich odwołań do plików graficznych, występujących arkuszu CSS - jeśli uległy zmianie, należy podnieść im numer rewizji: background-image: url("plik.gif?2"); Gdzie to tylko możliwe, staraj się skracać zapis w...
HTML5 / Nowe elementy HTML5...Element SUMMARY dostarcza ich streszczenie, legendę lub podpis. DIALOG Część aplikacji w postaci okna dialogowego. Skrypty Skrypty pozwalają dodać pewną interaktywność do dokumentów HTML. TEMPLATE Oznacza fragmentu kodu HTML, który może być kopiowany i wstawiany przez skrypt w innym miejscu dokumentu. SLOT Tworzy tzw. slot używany przy tworzeniu własnych elementów. CANVAS Używane do renderowania dynamicznej grafiki rastrowej w czasie wyświetlania strony - takiej jak wykresy lub...
- HTML dla zielonych / Tekst podkreślony HTML <u>
...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ę nieartykułowany tekst albo błąd ortograficzny.
- HTML dla zielonych / Odsyłacz do adresu internetowego HTML <a "http, https">
...zapewnia szyfrowane połączenie, ale jeśli nie działa, trzeba użyć drugiego typu. Jak otworzyć link w nowej karcie HTML? W tym celu trzeba dodać specjalny atrybut do znacznika odsyłacza: <a target="_blank" href="https://www.google.pl/">Otwórz Google w nowym oknie</a>.
- HTML5 / Napisy do filmów <track>
...BOM (znacznik kolejności bajtów) - dla plików *.vtt może on zarówno zostać dodany, jak i pominięty. W tym przypadku raczej korzystniej będzie go dodać (Notatnik robi to automatycznie). Przykład <track> Zobacz przykład: TRACK Rodzaj napisów Istnieje możliwość podania więcej niż jednego znacznika <track> dla tego samego materiału wideo. Mogą to być tłumaczenia napisów na różne języki. W takim przypadku pomocny jest atrybut srclang="...", w którym podajemy nazwę kodową języka (zobacz...
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...internetowego), <a href="mailto:kontakt@example.com"><img src="obrazek.jpg" alt="Skontaktuj się" style="border: 0"></a> (odsyłacz pocztowy). Jak dodać hiperłącze do zdjęcia? Hiperłącze to inaczej odsyłacz, odnośnik lub po prostu link hipertekstowy. Wewnątrz hiperłącza możemy umieścić nie tylko zwykły tekst, ale również zdjęcie, a nawet jednocześnie zdjęcie np. z jego podpisem tekstowym. Dzięki temu odsyłacz zadziała bez względu na to, czy użytkownik kliknie bezpośrednio w zdjęcie czy...
- Nagłówek i treść HTML / Słowa kluczowe <meta "keywords">
...np. Google. Z tego powodu obecnie znacznik ten jest zupełnie ignorowany przez większość wyszukiwarek internetowych. Dlatego aby skutecznie dodać słowa kluczowe do swojej strony, najlepiej je wstawić bezpośrednio w treści, tak żeby były widoczne dla czytelnika. Jak dobrać słowa kluczowe SEO? SEO to skrót z języka angielskiego: Search Engine Optimization - czyli optymalizacja dla wyszukiwarek internetowych. Jest to zbiór działań mających na celu poprawienie miejsca strony w...
- Nagłówek i treść HTML / Ikona strony <link "shortcut icon">
...dostępu"> </head> gdzie jako "ścieżka dostępu" należy podać lokalizację, w której znajduje się plik ikony - np.: favicon.ico Polecenie to pozwala dodać ikonkę (favicon.ico), która będzie widoczna w przeglądarce przy adresie naszej strony. Typowy rozmiar ikony to 16x16 pikseli. W systemie Windows jest dodatkowa możliwość umieszczenia skrótu na pulpicie - wtedy przydatna może być ikona o rozmiarach 32x32. Format *.ico pozwala zapisać dwie wersje rozmiaru w jednym pliku. Przeglądarki pozwalają...
- Tekst HTML / Blok <div>
...siebie inne elementy wyświetlane w bloku. Kolejne bloki są oddzielane od siebie znakami nowej linii, ale nie są dodawane linijki przerwy (aby je dodać, należy zastosować znacznik <p>...</p> albo <br>). Przykład <div> To jest pierwszy blok... To jest pierwszy blok... To jest pierwszy blok... To jest pierwszy blok... To jest pierwszy blok... To jest pierwszy blok... To jest pierwszy blok... To jest pierwszy blok... To jest pierwszy blok... To jest pierwszy blok... To jest drugi blok... To...