dostępu - Kurs HTML i CSS
I co dalej... / Darmowe serwery...serwera FTP, swojego login oraz hasła (chyba nie muszę dodawać, że udostępnianie hasła osobom trzecim, nie jest zbyt dobrym pomysłem). Czasami hasło dostępu otrzymujemy dopiero pocztą e-mail, wtedy należy je zmienić natychmiast po pierwszym zalogowaniu (na stronie serwera gdzie zakładaliśmy konto). Wszystkie te dane będą Ci potrzebne później przy wprowadzaniu Twojej strony na serwer, dlatego nie zapomnij ich zanotować (hasło dostępu znacznie bezpieczniej jest zapamiętać niż zapisywać na...
- Podcast HTML / #6 Multimedia HTML
...<img src="..." alt="..."> służy do wstawiania obrazków, grafik, 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...
- Podcast HTML / #1 HTML dla zielonych
...nie posiada znacznika zamykającego. Wstawienie obrazka Aby wstawić obrazek, używa się znacznika <img>, który wymaga podania względnej ścieżki dostępu do pliku graficznego (atrybut src) oraz tekstu alternatywnego (atrybut alt). Należy zawsze używać względnych ścieżek, a nie bezwzględnych (np. nie "C:\www\..."), a w nazwach plików unikać wielkich liter i polskich znaków. <img src="obrazek.jpg" alt="Tu wpisz krótki opis obrazka"> Aby ustawić obrazek na środku ekranu (wycentrować), należy...
Wstawianie stylów CSS / Import arkusza stylów @import...arkuszu stylów. Pozwala wczytać zewnętrzny arkusz stylów, przy czym może się on znajdować na tym samym serwerze (wtedy można podać względną ścieżkę dostępu) lub w dowolnym miejscu w obrębie całego Internetu (wtedy podajemy adres internetowy). Po wczytaniu, zostanie on automatycznie dołączony do strony. Oprócz importu arkusza, możesz umieścić pomiędzy znacznikami <style> a </style> dodatkowo własne reguły stylów, a nawet polecenie importu drugiego arkusza (ich działania zostaną połączone, a w...
- Selektory pseudoelementów CSS / Przed... :before
...url} Zamiast tekstu generowanego przed wybranym elementem, w analogiczny sposób można tam dodać grafikę: selektor:before { content: url(ścieżka dostępu do obrazka) } Ścieżkę dostępu należy konstruować względem arkusza CSS! Przykład :before {content: url} To jest akapit, rozpoczynający się obrazkiem, pomimo że nie został on umieszczony w treści akapitu. Można nawet połączyć generowanie tekstu i grafiki w jednej deklaracji: p:before { content: url(obrazek.gif) " POCZĄTEK "; color: red...
- Selektory pseudoelementów CSS / Po... :after
...url} Zamiast tekstu generowanego po wybranym elemencie, w analogiczny sposób można tam dodać grafikę: selektor:after { content: url(ścieżka dostępu do obrazka) } Ścieżkę dostępu należy konstruować względem arkusza CSS! Przykład :after {content: url} To jest akapit, kończący się obrazkiem, pomimo że nie został on umieszczony w treści akapitu. Można nawet połączyć generowanie tekstu i grafiki w jednej deklaracji: p:after { content: " KONIEC " url(obrazek.gif); color: red } To jest...
- Tło CSS / Atrybuty mieszane tła {background}
...<p style="color: red; background: url(obrazek.jpg) no-repeat left"> To jest akapit z obrazkiem w tle. obrazek ma podaną w nawiasie ścieżkę dostępu, nie jest powtarzany (jest tylko jeden egzemplarz) oraz jest ustawiony po lewej stronie. </p> otrzymamy na ekranie: To jest akapit z obrazkiem w tle. Obrazek ma podaną w nawiasie ścieżkę dostępu, nie jest powtarzany (jest tylko jeden egzemplarz) oraz jest ustawiony po lewej stronie. Tło graficzne obok tekstu Warto tutaj jeszcze wspomnieć...
- Komendy HTML 4.01 / Wykaz atrybutów
...wysyłanego pliku accept-charset FORM Lista obsługiwanych znaków accesskey A, AREA, BUTTON, INPUT, LABEL, LEGEND, TEXTAREA Znak klawisza dostępu action FORM (wymagany) Obsługa formularza po stronie serwera align APPLET, IFRAME, IMG, INPUT, OBJECT Pionowe lub poziome ustawienie align CAPTION Ustawienie nagłówka tabeli align COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR Ustawienie tekstu w grupach komórek w tabeli align DIV, H1, H2, H3, H4, H5, H6, P...
- Podcast HTML / #8 Formularze HTML
...Selektor plików Umożliwia użytkownikowi wybranie pliku ze swojego dysku lokalnego. Wprowadza selektor składający się z pola tekstowego na ścieżkę dostępu i przycisku do przeszukania dysku. Wprowadzenie selektora: <form action="..." enctype="multipart/form-data"><input type="file" name="nazwa"></form>. Atrybut enctype="multipart/form-data" jest konieczny do wysyłania plików w załączniku, np. w skryptach PHP. Filtr typu plików: za pomocą atrybutu accept="lista typów" (np. typów MIME lub...
- Czcionki CSS / Czcionki osadzone @font-face
...w arkuszu stylów powyżej), a następnie można przypisywać ją dowolną liczbę razy (drugie polecenie). Jako adres URL można podać także ścieżkę dostępu do pliku czcionki, wyznaczaną względem arkusza CSS, a nie dokumentu HTML, w którym ten arkusz został dołączony. Opcjonalnie zaleca się podać również format pliku czcionki, aby przeglądarka nie pobierała fontu, którego nie potrafi wyświetlić ani żeby nie musiała się domyślać formatu na podstawie rozszerzenia nazwy pliku: @font-face...