opis strony - Kurs HTML i CSS
Nagłówek i treść HTML / Opis zawartości strony <meta "description"><head> <meta name="description" content="Tu podaj opis twojej strony"> </head> Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala ono opisać co znajduje się na Twojej stronie. Z informacji tej korzystają wyszukiwarki sieciowe, dlatego staraj się tutaj wpisać tekst, który jak najlepiej opisze zawartość strony i zachęci do jej odwiedzenia. Ciekawy, ale niezbyt długi, opis może zachęcić internautów do obejrzenia Twojej strony. Znacznik <meta name="description"> nie ma...
Układ elastyczny CSS / Kolejność {order}...korzystniej będzie, jeśli zapoznając się z katalogiem produktów w sklepie internetowym, najpierw usłyszy informacje o nazwie produktu, a potem jego opis. Zdjęcie jest w tym przypadku zupełnie nieważne, dlatego najlepiej jest wstawić je na końcu. Jednak dla użytkowników z dobrym wzrokiem właśnie zdjęcie może okazać się najważniejsze. Umieszczając je w kontenerze elastycznym, a następnie określając dla niego styl "order: -1", wyświetlimy go na początku, podczas gdy syntezator mowy trafi na...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...HTML (istnieją również inne podobne szablony): <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="description" content="Tu wpisz opis zawartości strony"> <title>Tu wpisz tytuł strony</title> </head> <body> Tu wpisuje się treść strony </body> </html> UWAGA! Powyższy szablon dotyczy tzw. kodu źródłowego, dlatego jeżeli używasz edytora graficznego (np.: FrontPage), koniecznie musisz się przełączyć w tryb bezpośredniej edycji kodu źródłowego HTML. Dodatkowo jeśli używasz...
- Odsyłacze HTML / Do etykiety <a id>
...możemy się do niej odwoływać, zarówno z tej samej jak i z innej strony, za pomocą zwykłych odsyłaczy: <a href="(ścieżka do strony)#nazwa_etykiety">opis odsyłacza</a> Istnieją dwa rodzaje odsyłaczy do etykiet: Etykieta zdefiniowana na tej samej stronie <a href="#nazwa_etykiety">opis odsyłacza</a> (...) <a id="nazwa_etykiety">(opis etykiety)</a> lub <a id="nazwa_etykiety">(opis etykiety)</a> (...) <a href="#nazwa_etykiety">opis odsyłacza</a> Etykieta zdefiniowana na innej stronie <a...
- Promocja strony WWW / Pozycjonowanie (SEO)
...To proste: wyobraź sobie, że zapomniałeś adresu swojej strony (wiem, że to mało prawdopodobne 🙂). Teraz pomyśl chwilę, jakie wyrazy jak najlepiej opisujące tematykę strony wpisałbyś w wyszukiwarce, aby odnaleźć "zgubę", a potem wpisz je w powyższym znaczniku. Oczywiście chodzi tutaj o słowa kluczowe, które pozwolą odnaleźć stronę nie tylko Tobie, ale przede wszystkim innym czytelnikom, którzy mogą nie posiadać pewnej specyficznej i szczegółowej wiedzy na jej temat, którą Ty posiadasz, jako...
Przeglądarka zdjęć...nr; document.getElementById(this.id + '__img').src = f.elements['zdjecia'].options[nr].value; document.getElementById(this.id + '__opis').innerHTML = typeof this.zdjecia[nr][2] != 'undefined' ? this.zdjecia[nr][2] : ''; if (f.elements['auto'].checked) this.przewin(); } this.przewin = function() { clearTimeout(timerID); var f = document.getElementById(this.id); if (f.elements['auto'].checked) { if (document.getElementById(this.id...
- Widżety HTML / Szablon strony bez ramek
...oprócz tytułu w tej części nagłówka można umieścić inne elementy, które powinny być różne na każdej podstronie. Może, a nawet powinien, to być np. opis zawartości strony - różne wartości tego znacznika w każdym dokumencie również mogą przyczynić się do poprawienia pozycji serwisu w wyszukiwarkach. Koncepcja jest taka, aby nagłówek i stopkę szablonu zapisać w osobnych plikach. Dzięki temu dodanie nowego linka do menu nawigacyjnego lub jakakolwiek inna zmiana w powtarzających się elementach...
- Selektory CSS
...Selektory elementów Selektory atrybutów Selektory specjalne Selektory pseudoelementów Selektory pseudoklas Wstęp Poniżej znajdziesz skrócony opis wszystkich rodzajów selektorów CSS. Dokładniej na ich temat możesz przeczytać klikając odnośnik w kolumnie "Opis". Natomiast kolumna "CSS" zawiera poziom specyfikacji języka, w którym po raz pierwszy selektor został wprowadzony. Źródło: Cascading Style Sheets, Level 2, Selectors Level 3 Selektory elementów Wzór Znaczenie Opis CSS...
- Odsyłacze HTML / Do podstrony <a href>
...oraz zapobiega niepotrzebnemu wczytywaniu całego serwisu od razu (co trwałoby prawdopodobnie bardzo długo). <a href="względna ścieżka dostępu">opis</a> gdzie jako "względna ścieżka dostępu" należy podać lokalizację na dysku, gdzie znajduje się podstrona, do której chcemy się przenieść. W miejsce wyrazu "opis" wpisujemy krótki tekst, który pojawi się na ekranie i po kliknięciu którego nastąpi uruchomienie odsyłacza (ścieżka dostępu pojawia się jedynie na pasku statusu przeglądarki)...
- HTML dla zielonych / Edytory HTML
...także próbnik kolorów ekranu, tabela znaków ASCII oraz sprawdzanie pisowni. Linux Bluefish (darmowy) ★★★☆☆ Oprócz wersji dla systemu Windows (opis powyżej) edytor ten dostępny jest także dla Linuksa. Brackets (darmowy) ★★★★☆ Oprócz wersji dla systemu Windows (opis powyżej) edytor ten dostępny jest także dla Linuksa. gedit (darmowy) ★★★☆☆ Oficjalny edytor środowiska GNOME, cechujący się prostotą. Wspiera m.in.: C, C++, Java, HTML, XML, Python, Perl. Automatycznie dodaje wcięcia linii...