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...
Aktywne przyciski / PodświetlenieAby wprowadzić na stronę przyciski obrazkowe, które zmieniają swój wygląd, po wskazaniu ich myszką, wystarczy dodać do znacznika <img> dwa dodatkowe atrybuty: onmouseover="..." i onmouseout="...": <a href="adres"><img src="obrazek_podstawowy.gif" alt="Tekst alternatywny" border="0" onmouseover="this.src = 'obrazek_podswietlony.gif'" onmouseout="this.src = 'obrazek_podstawowy.gif'"></a> Przykład
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>.
- Menu drzewiaste / Skrypt menu drzewiastego
...href="...">Dokument 4</a></li> </ul> Folder 1 Dokument 1.1 Dokument 1.2 Dokument 2 Dokument 3 Dokument 4 Na koniec warto dodać, że opisywany tutaj skrypt posiada system automatycznego wykrywania aktualnie załadowanej strony. Dzięki niemu po wczytaniu dokumentu wybranego na liście, gałąź w drzewie menu w której znajduje się odpowiadający link jest na starcie rozwinięta, a sam link zostaje wyróżniony przy użyciu klasy CSS pod nazwą active, co natychmiast wskazuje...
- Skórki
...mogę poradzić, że semantyczny kod znacznie łatwiej się stylizuje, co jest kolejnym argumentem, aby zgłębić to zagadnienie. Ponadto warto dodać, że jeśli szkielet Twojej strony albo np. elementy menu będą zbudowane w oparciu o tabele, zmiana wyglądu będzie możliwa tylko w ograniczonym zakresie. Natomiast jeżeli strukturę oprzesz o elementy <div>...</div>, a przy budowaniu menu skorzystasz z wykazów (<ul>...</ul>) oraz list definicyjnych (<dl>...</dl>), to bez większego trudu będzie...
- HTML dla zielonych / Indeks górny i dolny HTML <sup, sub>
...Do czego służy znacznik SUB? Jest to skrót od angielskiego sława subscript oznaczającego indeks dolny przy poprzedzającym go tekście. Jak dodać tekst do góry HTML? Aby wyświetlić pomniejszony tekst nieco wyżej od zwykłej linii tekstu i tym samym stworzyć indeks górny, należy użyć następującego kodu: x<sup>2</sup>. W tym przykładzie cyfra 2 zostanie wyświetlona jako indeks górny litery x.
- 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...