tekstu - Kurs HTML i CSS
Operacje na tekście w JavaScript - String.prototype / Zamiana fraz - replaceString.prototype.replace(searchValue, replaceValue) Parametry: String|RegExp searchValue - szukana wartość w postaci prostego tekstu albo wyrażenia regularnego String|Function replaceValue - tekst na który mają zostać zamienione dopasowania albo funkcja zwracająca tekst na podmianę i przyjmująca argumenty: String substring - dopasowany fragment oryginalnego tekstu String capture1, String capture2... - lista części dopasowania, które w wyrażeniu były umieszczone w nawiasach (opcjonalne)...
HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>...wtedy nie trzeba nic przełączać. Wskazówka dla bardzo początkujących Nie musisz za każdym razem, gdy tworzysz nową stronę, przepisywać całego tekstu powyższego szablonu. Wystarczy w przeglądarce internetowej naprowadzić wskaźnik myszki na początek tekstu (wskaźnik powinien zmienić kształt) i wcisnąć lewy przycisk myszki. Trzymając cały czas wciśnięty lewy przycisk, przeciągnij myszką do końca tekstu szablonu, po czym zwolnij przycisk - tekst zostanie zaznaczony. Teraz wciśnij na...
- HTML dla zielonych / Akapit HTML <p "text-align">
...który nieco różni się tematycznie od poprzedniego. Zamiast stosować dwa znaczniki końca linii: <br><br>, można po prostu objąć wybrany fragment tekstu paragrafem. Efekt będzie identyczny, a dodatkowo przeglądarka lepiej wyświetli taki tekst. Dzięki temu strona będzie wyglądała estetyczniej i łatwiej będzie można odszukać na niej interesujące informacje. Akapit (paragraf) jest bardzo ważny w składni HTML, ponieważ pozwala w określony sposób sformatować tekst na ekranie (ułożyć go w podany...
- HTML5 / Nowe elementy HTML5
Spis treści Wstęp Sekcje Nagłówki sekcji Znaczniki grupujące Semantyka tekstu Elementy osadzone Formularze Pole INPUT Elementy interaktywne Skrypty Wstęp Standard HTML5 nie jest już taki nowy, ale nadal mogą być do niego wprowadzane nowe znaczniki. Przeglądarki które ich jeszcze nie odsługują, zwykle próbują wyświetlać je w linii. Nie jest to zgodne z domyślnym sposobem prezentacji części z tych elementów określonym w specyfikacji. Aby ujednolicić sposób wyświetlania...
- Formularze HTML / Pole tekstowe <input "text">
...w tym samym formularzu nie powinny mieć takiej samej nazwy. Typ "text" jest podstawowym rodzajem pola tekstowego. Ma ono wysokość jednej linii tekstu i określoną długość. Można do niego wpisywać tekst, który później zostanie wysłany wraz z formularzem, jako odpowiedź na zadane pytanie. UWAGA! Wszystkie pola (dowolnego typu), które mają się znaleźć w formularzu, należy umieszczać pomiędzy tymi samymi znacznikami <form> oraz </form> (zobacz: Ramy formularza). Oczywiście w pojedynczym...
Pozycjonowanie CSS / Ustawienie {float, vertical-align}...nadrzędnego (domyślnie) middle - ustawia element na środku wysokości elementów sąsiadujących text-top - wyrównuje szczyt elementu do szczytu tekstu elementu nadrzędnego text-bottom - wyrównuje podstawę elementu do podstawy tekstu elementu nadrzędnego super - tworzy indeks górny z elementu, ale nie zmienia wielkości tekstu sub - tworzy indeks dolny z elementu, ale nie zmienia wielkości tekstu top - wyrównuje szczyt elementu do szczytu najwyższego elementu linii, w której się...
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej...struktury dokumentu HTML. Tworzenie pierwszego dokumentu z tekstem i podstawowym formatowaniem. Materiały Ramy dokumentu HTML Wpisywanie tekstu HTML Znaczniki HTML Akapit HTML Tekst pogrubiony, pochylony, podkreślony Łączenie znaczników Podcast HTML: #1 HTML dla zielonych Przebieg 5 min - Wprowadzenie: czym jest HTML, do czego służy (możesz się posłużyć podcastem). 10 min - Pokaz struktury dokumentu HTML w edytorze na stronie. 15 min - Uczniowie przepisują gotowy kod z...
Aktualizacja / System newsów...w pliku z rozszerzeniem *.css - np. news.css: /* Tytuł: */ .news dt { font-size: 14px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; /* margines wewnątrz */ border-width: 1px; /* grubość obramowania */ border-style: solid; /* styl obramowania: solid, dashed, dotted, double, groove, ridge, inset, outset */ border-color: gray; /* kolor obramowania */ font-weight: bold; } .news dt, .news dt a:link, .news dt...
- Formularze HTML / Obszar tekstowy <textarea>
...(np. skróconą treść pytania). Zostanie ona później wysłana wraz z formularzem. Natomiast "x" oraz "y" oznaczają odpowiednio: ilość kolumn i wierszy tekstu, które mogą się jednocześnie zmieścić w polu, bez jego przewijania. Polecenie to wyświetla na ekranie wieloliniowe pole tekstowe (obszar tekstowy). Pozwala ono na wprowadzenie pewnego dłuższego komentarza przez użytkownika, który wypełnia formularz. Można także podać między znacznikami <textarea> a </textarea> treść domyślną, która pojawi...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...dodać następującą regułę stylów: body { background-color: kolor tła; background-image: url(ścieżka dostępu do obrazka); color: kolor tekstu; } W wyróżnionych miejscach należy wpisać odpowiednio: kolor tła Definicja koloru który wyświetli się w tle strony w następujących przypadkach: w miejscach gdzie grafika tapety będzie miała elementy przezroczyste (jest to możliwe np. w formacie GIF) lub półprzezroczyste (format PNG) przez krótki moment kiedy grafika tapety nie zdąży się...