stronie - Kurs HTML i CSS
Odsyłacze HTML / Do podstrony <a href>...odsyłacze do pobierania plików [zobacz: HTML5 / Pobieranie]. A jeśli chcesz dowiedzieć się jeszcze więcej na temat budowy sekcji nawigacyjnych na stronie, zobacz rozdział: HTML5 / Nawigacja. Przykład <a href> To jest odsyłacz do strony głównej kursu HTML: Strona główna Dymek narzędziowy <a href title> Dobrym pomysłem może się również okazać, zastosowanie atrybutu title="...". Powoduje on, że po wskazaniu odsyłacza myszką, wyświetli się tekst pomocniczy w "dymku" narzędziowym. Można tam...
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...tekst, byleby był on taki sam w pierwszej i w drugiej linii, a dodatkowo w pierwszym wierszu musi być poprzedzony znakiem krzyżyka (#). Na jednej stronie nie mogą się znajdować dwie mapy o takiej samej nazwie! (...) Dalsze polecenia typu: <area shape="kształt" coords="współrzędne" href="adres" alt="tekst alternatywny">, które stworzą następne aktywne pola na obrazku. kształt Kształt obszaru w mapie odsyłaczy: rect - pole ograniczone prostokątem poly - pole ograniczone wielokątem...
- Odsyłacze HTML / Serwerowa mapa odsyłaczy <a href, img ismap>
...Może się zdarzyć, że nie uzyskamy pożądanego kształtu z pomocą <area shape="...">. W takim przypadku można skorzystać z mapy odsyłaczy po stronie serwera. Idea jest prosta: w kodzie źródłowym strony nie definiujemy żadnych obszarów, a jedynie po kliknięciu linku wysyłamy razem z nim współrzędne "x, y" punktu na obrazku, który kliknął użytkownik. Następnie oprogramowanie na serwerze (np. skrypt PHP) odczyta te współrzędne i wyświetli odpowiednią treść. Na przykład można wstawić na...
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...Pytania i odpowiedzi <select, option> Do czego służy znacznik SELECT? Znacznik SELECT pozwala wstawić listę rozwijaną wewnątrz formularza na stronie. Zawiera ona zestaw opcji do wyboru, ale domyślnie na ekranie wyświetla się tylko jedna z nich, a dopiero po kliknięciu rozwijają się kolejne. Ponadto jeśli opcji będzie bardzo dużo, przeglądarka pokaże pionowy suwak do ich przewijania. Jak zrobić listę rozwijaną w HTML? Lista rozwijana jest jednym z rodzajów pól formularza. Aby...
- Promocja strony WWW / Odpowiednia treść
...zadanie. Jeśli strona będzie martwa i nie będzie na niej aktualizacji, stracisz czytelników. Dobrze jest informować o wprowadzonych zmianach na stronie głównej lub przez e-mail (tylko jeśli użytkownicy wyrażą na to zgodę). Chcę się tylko pochwalić... No tak, stron tego typu jest naprawdę dużo w Internecie, ale ile z nich jest naprawdę popularnych? Zatem zastanów się czy warto umieszczać w sieci króciutką stronę, w której opisujesz wyłącznie własną osobę. Oczywiście nie ma w tym nic...
- Promocja strony WWW / Pozycjonowanie (SEO)
...jednak, że słowa kluczowe nie mogą być oderwane od właściwej treści strony, bo może to zostać uznane za spam. Główną rolę grają słowa kluczowe na stronie głównej (index.html), ale nie należy ich pomijać na pozostałych stronach, bo stanowią one dodatkową szansę na nowe odwiedziny serwisu. Na każdej podstronie wyrazy kluczowe powinny być inne - odpowiednie do treści, która się tam znajduje. Nie należy zbyt często powtarzać jednakowych słów kluczowych na tej samej stronie, bo większość...
- Promocja strony WWW / Bannery i buttony
...bądź nawet kilku systemów wymiany bannerów (adresy znajdziesz w rozdziale: Darmowe komponenty). Taka wymiana polega na tym, że umieszczasz na swojej stronie (albo lepiej na wszystkich podstronach) banner systemowy, który powoduje wyświetlanie reklam innych uczestników systemu, a w zamian za to Twój banner jest wyświetlany na innych stronach. Podstawą oceny przydatności takiego systemu jest tzw. ratio - np. ratio = 2:1 oznacza, że na każde 2 wyświetlenia bannerów systemowych na Twoich stronach...
- Znaki specjalne HTML / Encje HTML
Spis treści Znaki specjalne HTML Niełamliwa spacja Miękki łącznik Znaki specjalne HTML Co zrobić jeśli chcemy umieścić na swojej stronie np. taki tekst: <p>? Niestety ponieważ wyraz ten jest znacznikiem używanym w składni języka HTML, nie jest możliwe wpisanie go po prostu z klawiatury. W takim razie zastanawiasz się na pewno, jak udało mi się go tutaj wpisać. Jeśli jeszcze nie wiesz, spójrz dalej. Znajdziesz tam tabelę z wykazem znaków specjalnych (tzw. encji), których nie można wpisać...
- HTML5 / Nagłówek <header>
...tworzy nowej sekcji w dokumencie (zobacz: "Sekcje / Nagłówki sekcji" w rozdziale "Nowe elementy HTML5"). Przykład <header> <header> <p>Witam na stronie...</p> <h1>Kurs języka HTML</h1> </header> Skoro znacznik HEADER nie tworzy nowej sekcji, to dla tak przedstawionego dokumentu: <header> <h1>Sekcja 1</h1> <p>Akapit sekcji 1</p> <h2>Podsekcja 1.1</h2> </header> <p>Akapit podsekcji 1.1</p> <h2>Podsekcja 1.2</h2> <p>Akapit podsekcji 1.2</p> ...automatyczny spis treści będzie wyglądał...
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...można załączać dynamiczne skrypty, napisane w języku JavaScript. Zwykle zapisuje się je w osobnych plikach z rozszerzeniem *.js i osadza na stronie przy użyciu znacznika SCRIPT - podając do nich odnośnik w atrybucie src="...". W trybie domyślnym wczytywanie dokumentu zostaje zatrzymane po napotkaniu tak osadzonego skryptu i kontynuowane dalej, dopiero kiedy w całości się on załaduje. Często tylko niepotrzebnie wydłuża to czas, po którym użytkownik może już przeglądać pozostałą treść...