index html - Kurs HTML i CSS
Skórki...kierować do pliku http://www.example.com/skin/style.css, niezależnie od tego, czy będziemy się do niego odnosić z dokumentu http://www.example.com/index.html czy np. http://www.example.com/katalog/podstrona.html. Podać pełny adres URL, np. http://www.example.com/skin/style.css. W zasadzie pierwszy z omawianych sposobów jest bardziej elastyczny, ponieważ nie powoduje żadnych problemów przy ewentualnej zmianie adresu serwisu, choć w tym przypadku tak naprawdę i tak nie będzie to miało...
Odsyłacze HTML / Do podstrony <a href>...tekst pomocniczy w "dymku" narzędziowym. Można tam podać np. szerszy opis strony, do której ma nastąpić przeniesienie, np. po wpisaniu: <a href="../index.html" title="Do strony głównej">Strona główna</a> Otrzymamy (wskaż odsyłacz myszką, aby zobaczyć opis): Strona główna Nowe okno <a href "_blank"> Jeśli chcesz, aby po kliknięciu odsyłacza otworzyło się nowe okno, wpisz następujący kod (dotyczy to również pozostałych typów odsyłaczy przedstawionych na tej stronie): <a...
Widżety HTML / ĆwiczeniaOtwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Znajdź w serwisie YouTube przynajmniej jeden ciekawy film powiązany tematycznie z Twoją stroną. Użyj funkcji "Udostępnij / Umieść", aby skopiować kod HTML widżetu z wybranym filmem. Wstaw film bezpośrednio w treści swojej strony. Otwórz Twoją stronę w przeglądarce i sprawdź, czy można uruchomić odtwarzanie filmu.
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...tekst alternatywny" style="border: 0"></a> gdzie jako "adres" można podać: względną ścieżkę dostępu do dowolnej podstrony Twojego serwisu (np.: index.html), adres internetowy poprzedzony przez "http://" lub "https://" (np.: http://www.onet.pl), adres poczty elektronicznej poprzedzony przez "mailto:" (np.: mailto:jan_kowalski@example.com). Natomiast zamiast: "Tu podaj względną ścieżkę dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek, a w miejsce...
- Odsyłacze HTML / Ćwiczenia
Otwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Utwórz spis treści dodając etykiety do tytułów poszczególnych sekcji tematycznych na stronie głównej, a następnie umieszczając na początku wykaz z listą odsyłaczy do tych etykiet. Przygotuj po dwie wersje ilustracji z Twojej strony. Pierwsza powinna mieć rozmiary dokładnie takie jak widoczne bezpośrednio na stronie. Natomiast druga wersja może być zdjęciem w wysokiej rozdzielczości. W tym celu...
- Formularze HTML / Ćwiczenia
Otwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Na podstronie kontakt.html dodaj formularz kontaktowy kierujący na Twój adres e-mail. W formularzu umieść następujące pola: Temat - pole tekstowe o nazwie name="subject" Wiadomość - obszar tekstowy o nazwie name="body" Wyślij - przycisk wysłania formularza Anuluj - przycisk wyczyszczenia danych Jeżeli masz skonfigurowane na swoim komputerze konto w programie pocztowym, otwórz w...
- Nagłówek i treść HTML / Ćwiczenia
Otwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Dodaj informację o języku, w którym została wprowadzona treść na Twojej stronie. Podaj autora strony. Zdefiniuj ikonę strony. Jeżeli nie posiadasz wystarczających umiejętności graficznych, przykładową ikonę możesz wyszukać w internecie. Pamiętaj o poszanowaniu praw autorskich! Nie każdy obrazek można swobodnie skopiować sobie na swoją stronę, jeżeli autor nie wyraził na to zgody. Jednym z...
- Multimedia HTML / Ćwiczenia
Otwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Utwórz dokument z licencją zawierającą informacje o prawach autorskich Twojej strony: kto jest jej autorem, jakie są zasady korzystania z niej (czy można kopiować treść i używać ją do celów komercyjnych) itp. W tym celu możesz skorzystać z programów takich jak: WordPad - dostępny w systemie Windows Open Office - darmowy pakiet biurowy Microsoft Office - pakiet aplikacji biurowych dostępny za...
- Tabele HTML / Ćwiczenia
Otwórz w edytorze HTML stronę (plik index.html) stworzoną w ramach ćwiczeń z poprzedniego rozdziału. Umieść na stronie tabelę. Jeżeli tworzysz stronę o sobie, może to być np. lista Twoich ulubionych filmów. W tabeli możesz umieścić następujące kolumny: Gatunek Tytuł filmu Rok produkcji Ocena (w skali od 1 do 10) Odpowiednio oznacz komórki nagłówkowe tabeli za pomocą znaczników TH. Oddziel nagłówek tabeli od jej właściwej zawartości za pomocą znaczników THEAD i TBODY. Postaraj się, aby...
- HTML5 / Nawigacja <nav>
...przykład zawiera dwie sekcje nawigacyjne: pierwsza dla całego serwisu, a druga w obrębie artykułu na stronie. <nav> <ul> <li><a href="index.html">Strona główna</a></li> <li><a href="contents.html">Spis treści</a></li> </ul> </nav> <article> <h1>Mój artykuł</h1> <nav> <ul> <li><a href="#sec1">Rozdział 1</a></li> <li><a href="#sec2">Rozdział 2</a></li> </ul> </nav> <h2 id="sec1">Rozdział 1</h2> <p>Treść rozdział 1...</p> <h2 id="sec2">Rozdział 2</h2> <p>Treść...