tekst - Kurs HTML i CSS
HTML5 / Tryb wpisywania <... inputmode>...TEXTAREA): <element inputmode="tryb">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do nich wszystkich tryb Należy podać jedną z poniższych wartości: none - przeglądarka nie powinna w ogóle wyświetlać klawiatury ekranowej. Jest przydatne, jeśli na...
- HTML5 / Osadzenie kodu HTML w ramce lokalnej <iframe srcdoc>
...<iframe srcdoc='kod'></iframe> Z użyciem cudzysłowu (przydatne kiedy wartość zawiera apostrofy): <iframe srcdoc="kod"></iframe> kod Dowolny tekst ze znacznikami HTML. Może on składać się z wielu linijek. Dzięki atrybutowi srcdoc='...' do ramki lokalnej nie musimy wczytywać osobnego pliku HTML za pomocą atrybutu src="...", ale możemy wprost podać kod HTML, który się w niej wyświetli. Pamiętaj, że wartość atrybutu srcdoc='...' (oraz w formie srcdoc="...") musi mieć w odpowiedni...
- HTML5 / Kategorie elementów HTML5
...z samej treści nagłówka). H1, H2, H3, H4, H5, H6, HGROUP frazowe (ang. phrasing content) Tekst dokumentu oraz elementy, które oznaczają ten tekst na poziomie wewnątrz akapitów. Grupy zawartości tekstowej tworzą akapity. A, ABBR, AREA (jeśli znajduje się wewnątrz MAP), AUDIO, B, BDI, BDO, BR, BUTTON, CANVAS, CITE, CODE, DATA, DATALIST, DEL, DFN, EM, EMBED, I, IFRAME, IMG, INPUT, INS, KBD, LABEL, LINK (rel="..." z jedną z wartości: dns-prefetch, modulepreload, pingback, preconnect...
- Odsyłacze HTML / Serwerowa mapa odsyłaczy <a href, img ismap>
<a href="adres"><img src="ścieżka dostępu do obrazka" alt="tekst alternatywny" ismap></a> adres Wartość tworzona analogicznie jak w przypadku odsyłaczy do: podstrony, etykiety, adresu internetowego, poczty e-mail czy dowolnych innych odsyłaczy (w zależności od wybranego typu odsyłacza). ścieżka dostępu do obrazka Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka. tekst alternatywny Informacja prezentowana, jeśli obrazek nie zostanie wyświetlony. Czasami obszary odsyłaczy...
Dla nauczycieli / Scenariusz lekcji informatyki dla branżowej szkoły I stopnia...Uczniowie otwierają edytor HTML i tworzą nowy dokument. Dodają tytuł i nagłówek. 15 min - Ćwiczenie praktyczne Uczniowie dodają akapity tekstu i zapisują plik HTML. Otwierają stronę w przeglądarce. 10 min - Omówienie efektów pracy i błędów Lekcja 2 - Dodawanie obrazków i linków Czas trwania: 45 minut Cele szczegółowe Uczeń wstawia obrazki do strony. Uczeń tworzy odsyłacze do innych stron. Materiały Wstawienie obrazka HTML Odsyłacze HTML Podcast HTML: #1 HTML dla...
- Podcast HTML / #6 Multimedia HTML
...zdjęć lub ilustracji na stronę WWW. Kluczowe atrybuty to: src: wskazuje ścieżkę dostępu do lokalizacji, w której znajduje się obrazek. alt (tekst alternatywny): krótka informacja, która pojawia się, jeśli grafika nie zostanie wyświetlona (np. gdy użytkownik wyłączył wyświetlanie grafiki) lub jest odczytywana przez syntezatory mowy. width i height: określają szerokość i wysokość obrazka w pikselach ("x") lub w procentach ekranu ("x%"). Jest to dobry nawyk, ponieważ jeśli nie wstawimy...
- HTML dla zielonych / Zaczynamy kurs HTML!
Widzę, że jesteś "zielony/zielona"... ale nic się nie martw. Jeśli koniecznie chcesz "zmienić kolor", przeczytaj umieszczony poniżej tekst. Pozwoli Ci on, stworzyć Twoją pierwszą stronę internetową, nawet w ciągu jednego dnia. Jeśli uważasz, że pisanie stron w języku HTML jest dla Ciebie "czarną magią", a sama strona jest jakimś tajemniczym i bardzo skomplikowanym dokumentem, to się mylisz. Napisanie krótkiej strony internetowej jest prostsze niż Ci się wydaje. Zatem nie trać już czasu na...
- Tekst HTML / Pogrubienie <b>
<b>...</b> wyświetlanie: w linii Znacznik ten pozwala pogrubić (wytłuścić) część tekstu (ang. "bold"). Oznacza on treść, na którą należy zwrócić uwagę z powodów czysto użytkowych. Nie nadaje dodatkowej ważności treści ani nie stawia akcentu wypowiedzi. Przydatne przy oznaczaniu słów kluczowych w tekście albo wprowadzenia na początku artykułu. Przykład <b> Ten tekst jest pogrubiony (wytłuszczony)
- Tekst HTML / Klawiatura <kbd>
<kbd>...</kbd> wyświetlanie: w linii Wprowadza na ekran tekst, wskazując, że użytkownik powinien wprowadzić go z klawiatury. Zwykle formatowanie tego elementu jest identyczne jak w przypadku kodu komputerowego. Przykład <kbd> Dla strony głównej serwisu internetowego należy utworzyć plik i nadać mu nazwę: <kbd>index.html</kbd>
- Tekst HTML / Przykład <samp>
<samp>...</samp> wyświetlanie: w linii Pozwala wprowadzić do dokumentu tekst, będący przykładem wyniku wygenerowanego przez program, skrypt itp. Zwykle działa analogicznie jak <code>. Przykład <samp> <samp>To jest przykład użycia znacznika "samp"</samp>