tekst obrazka - Kurs HTML i CSS
Komendy HTML 4.01 / INPUT...center - wyśrodkowanie justify - wyrównanie do obu marginesów jednocześnie left - wyrównanie do lewej right - wyrównanie do prawej ALT="tekst" Tekst alternatywny CHECKED Gdy TYPE="checkbox" lub TYPE="radio", to podaje, że przełącznik jest włączony (pole zaznaczone) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej DISABLED...
Pozycjonowanie CSS / Ustawienie {float, vertical-align}...Polecenie pozwala zdefiniować ustawienie danego elementu względem elementów, które z nim sąsiadują. Dzięki temu możemy ustalić sposób "oblewania" tekstem elementu pływającego (np. obrazka). Przykład {float} float: left... float: left... float: left... float: left... float: left...float: left... float: left... float: left... float: left... float: left...float: left... float: left... float: left... float: left... float: left...float: left... float: left... float: left... float: left...
Skórki...arkusza stylów skórki. zrzut ekranu Obrazek ze zrzutem ekranu skórki. Oczywiście w miejsce znacznika obrazka <img> można wstawić również zwykły tekst. Nazwa skórki Tekst alternatywny dla przeglądarek niegraficznych. Jeżeli struktura katalogów serwisu nie jest płaska, tzn. poszczególne podstrony znajdują się w podkatalogach, konieczne będzie podanie bezwzględnej ścieżki dostępu do arkusza CSS, ponieważ wpisana tutaj ścieżka musi być poprawna na wszystkich podstronach serwisu, a nie...
- HTML dla zielonych / Odsyłacz do podstrony HTML <a href>
...Praktycznie na każdej stronie WWW spotyka się odsyłacze (inaczej: odnośniki lub hiperłącza). Najczęściej stanowi je specjalnie wyróżniony krótki tekst (lub obrazek), po kliknięciu którego, następuje przeniesienie do innej strony. Tak jak każda książka składa się z rozdziałów, tak samo serwisy internetowe składają się zwykle z podstron. Każda podstrona jest osobnym plikiem HTML (z rozszerzeniem *.html lub *.htm) i zawiera treść, która dość znacznie różni się tematycznie od pozostałych...
- Komendy HTML 4.01 / BODY
...CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) LINK="kolor" Kolor nieodwiedzonych odsyłaczy (zdeprecjonowane) STYLE="styl...
- 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...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...oczywiście łączyć parametry, np. left: 1cm; top: -10px. Należy jednak pamiętać o tym, że parametr left ma pierwszeństwo przed right (jeśli kierunek tekstu jest "ltr" - od lewej do prawej), natomiast top ma pierwszeństwo przed bottom. To znaczy jeśli np. podamy: left: 1cm; top: 2cm; right: 3cm; bottom: 4cm, to wartości right oraz bottom zostaną zignorowane. Polecenie pozycjonowania relatywnego (względnego) pozwala przesunąć wybrany element w dowolną stronę względem jego położenia...
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...
- Selektory pseudoelementów CSS / Przed... :before
...znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli i inne [zobacz: Wstawianie stylów]. Natomiast jako wyraz "treść" można wpisać dowolny tekst. Polecenie pozwala automatycznie dopisywać podaną treść przed określonymi elementami, na które wskazuje selektor. Przykład :before Jeżeli w arkuszu stylów została umieszczona następująca reguła: p:before { content: "POCZĄTEK "; color: red } to wszystkie akapity będą rozpoczynały się od wyrazu "POCZĄTEK", mimo że nie wpiszemy tego wyrazu...
- Podcast HTML / #4 Odsyłacze HTML
...Tabele HTML #6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Odsyłacze HTML (hiperłącza) Odsyłacze (hiperłącza, odnośniki hipertekstowe, linki) stanowią istotę Internetu, powiązując dokumenty ze sobą. Są wykorzystywane głównie do tworzenia spisu treści w serwisie oraz do linkowania do innych ciekawych miejsc w Internecie. Linki te mogą prowadzić do stron w tym samym serwisie lub na drugim końcu świata. Podstawowe odsyłacze nawigacyjne (wewnętrzne i zewnętrzne) Obejmuje...