indeks - Kurs HTML i CSS
Tekst HTML / Indeks górny i dolny <sup, sub>wyświetlanie: w linii Indeks górny <sup>...</sup> Indeks dolny <sub>...</sub> Umożliwia wprowadzenie indeksów (górnych lub dolnych) przy cyfrach i literach. Przykład <sup, sub> indeks<sup>górny</sup> indeks<sub>dolny</sub> Pytania i odpowiedzi <sub, sup> Do czego służy znacznik SUB? Element ten pozwala wstawić indeks dolny w tekście - tzn. wyświetlić go pomniejszoną czcionką, lekko przesunięty w dół. Jak się robi indeks dolny? Aby wstawić indeks dolny w dokumencie HTML...
- HTML dla zielonych / Indeks górny i dolny HTML <sup, sub>
Indeks górny <sup>...</sup> Indeks dolny <sub>...</sub> Umożliwia wprowadzenie indeksów górnych (ang. superscript) lub dolnych (ang. subscript) po poprzedzających je cyfrach i literach. Tekst indeksu jest napisany czcionką o mniejszym rozmiarze. Indeksy górne i dolne najczęściej stosuje się we wzorach matematycznych. Przykład <sup, sub> indeks<sup>górny</sup> indeksgórny indeks<sub>dolny</sub> indeksdolny Pytania i odpowiedzi <sub, sup> Do czego służy znacznik SUB? Jest to skrót od...
Indeks, wyszukiwarka / Indeks haseł na stronie...Przedzieranie się przez spis treści nie każdemu odpowiada, a poza tym nie wszystko można tam odnaleźć. Specjalną formą wyszukiwarki jest indeks lub inaczej skorowidz. Można go znaleźć w niemal każdym podręczniku. "Papierowa" wersja skorowidza jednak nie do końca jest wygodna, ponieważ nadal zmusza do wertowania stron i szukania haseł według kolejności liter w alfabecie. Na szczęście komputer może to zrobić za nas. Wystarczy, że użytkownik zacznie wpisywać żądane hasło, a w miarę...
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
Spis treści Wymagana wiedza Skrypt indeksu, wyszukiwarki Wieloznacznik (wildcard) Wymagana wiedza Odsyłacze do podstrony Wczytywanie stron do ramki lokalnej Podstawy stylów CSS (m.in. arkusze stylów) Skrypt indeksu, wyszukiwarki Aby wstawić na swoją stronę indeks z dodatkową funkcją wyszukiwarki, postępują według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8)...
- Indeks, wyszukiwarka / Wyszukiwarka
...formularza wyszukiwania na wszystkich stronach serwisu. Aby to zrobić, należy wstawić w nagłówku strony (<head>...</head>) odwołanie do pliku indeks.js: <script src="indeks.js"></script> Nie trzeba natomiast wstawiać odwołania do skryptu indeks_hasla.js, w którym znajduje się lista haseł. Następnie w wybranym miejscu strony wystarczy wkleić: <script> var indeks = new Indeks('indeks'); indeks.wstawWyszukiwarke('adres'); </script> Godne podkreślenia są wyróżnione wartości: indeks...
- Indeks, wyszukiwarka / Automatyczne sortowanie
Jak już wspomniono, dla poprawnego działania indeksu konieczne jest, aby hasła na liście były ułożone w kolejności alfabetycznej. Można ustawić specjalną opcję, tak aby sortowanie alfabetyczne odbywało się automatycznie: var indeks = new Indeks('indeks'); indeks.wstaw(new Array( ['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło 3','adres3'] ), null, null, true); Ustawienie tej opcji może znacznie wydłużyć generowanie indeksu! Aby wyeliminować tę niedogodność, a jednocześnie nie musieć...
Czcionki CSS / Wariant pozycji czcionki {font-variant-position}...{ font-variant-position: wariant } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, ale zaleca się stosować tutaj sub - indeks dolny albo sup - indeks górny [zobacz: Wstawianie stylów]. Natomiast jako "wariant" należy wpisać: normal - czcionka normalna (podstawowa) sub - indeks dolny super - indeks górny W języku HTML istnieją znaczniki <sub>...</sub> i <sup>...</sup> służące do tworzenia indeksów dolnych i górnych w tekście. Co więcej w języku CSS mamy...
- Indeks, wyszukiwarka / Wygląd
Jeżeli nie odpowiada nam podstawowy wygląd indeksu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku indeks.css należy wkleić np.: #indeks { width: 300px; padding: 10px 0; background: #ccc; border: 2px outset #aaa; text-align: center; margin: 1em auto; } #indeks input.text { width: 290px; } #indeks select { width: 100%; margin: 2px 0 10px 0; } #indeks input.button { width: 100px; margin-left: 5px; margin-right: 5px; } W wyróżnionych...
- Indeks, wyszukiwarka / Ramka
Jeżeli Twój serwis wykorzystuje ramki, a jednocześnie dokumenty, do których odsyłają poszczególne hasła, mają się wyświetlać w innej ramce (np. indeks znajduje się w ramce spisu treści, a wyniki mają być wczytywane w ramce głównej - z treścią), trzeba będzie podać ramkę, do której mają być wczytywane dokumenty z indeksu. Należy to zrobić w pliku indeks_hasla.js: var indeks = new Indeks('indeks', ramka); indeks.wstaw(new Array( ['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło...
- Indeks, wyszukiwarka / Przykład indeksu, wyszukiwarki
var indeks = new Indeks('indeks'); indeks.wstaw(new Array( ['BODY i META','../html/body.html'], ['CSS 2','../css/css.html'], ['Czcionki','../css/czcionki.html'], ['Definicje','../css/definicje.html'], ['Dla zielonych','../html/zielony.html'], ['Drukowanie','../css/drukowanie.html'], ['Formularze','../html/formularze.html'], ['HTML 4.01','../html/html.html'], ['I co dalej...','../html/dalej.html'], ['Jednostki','../css/jednostki.html'], ['Języki','../html/jezyki.html'], ['Kaskadowe...