plik - Kurs HTML i CSS
Podcast HTML / #9 HTML5Pobierz plik MP3... Zobacz więcej... Wszystkie odcinki podcastu HTML: #1 HTML dla zielonych #2 Nagłówek i treść HTML #3 Tekst HTML #4 Odsyłacze HTML #5 Tabele HTML #6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Ewolucja i podstawowa składnia HTML5 HTML5 jest piątą, najnowszą wersją specyfikacji języka HTML. Jest to język komputerowy, którego skrót oznacza Hipertekstowy Język Oznaczania (Hypertext Markup Language), służący do tworzenia stron internetowych...
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki...funkcją wyszukiwarki, postępują według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8): /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Indeks(id, ramka) { this.id = id; if (typeof ramka == 'undefined') this.ramka = self; else if (typeof ramka == 'string')...
- Indeks, wyszukiwarka / Nowe okno
Aby otworzyć stronę w nowym oknie, należy zmienić plik indeks_hasla.js następująco: var indeks = new Indeks('indeks', 'nazwaokna'); indeks.wstaw(new Array( ['Hasło 1','adres1'], ['Hasło 2','adres2'], ['Hasło 3','adres3'] )); Jako nazwaokna można wpisać: _blank Wyniki będą za każdym razem otwierane w nowym oknie _self Odpowiednik self z poprzedniego punktu _parent Odpowiednik parent z poprzedniego punktu _top Odpowiednik top z poprzedniego punktu nazwa Wyniki będą otwierane w nowym...
- Nagłówek i treść HTML / Ikona strony <link "shortcut icon">
...<head> <link rel="shortcut icon" href="ścieżka dostępu"> </head> gdzie jako "ścieżka dostępu" należy podać lokalizację, w której znajduje się plik ikony - np.: favicon.ico Polecenie to pozwala dodać ikonkę (favicon.ico), która będzie widoczna w przeglądarce przy adresie naszej strony. Typowy rozmiar ikony to 16x16 pikseli. W systemie Windows jest dodatkowa możliwość umieszczenia skrótu na pulpicie - wtedy przydatna może być ikona o rozmiarach 32x32. Format *.ico pozwala zapisać dwie...
- Odsyłacze HTML / Komunikatory internetowe <a "gg, skype, xmpp, icq">
...rozmowa głosowa chat - rozmowa tekstowa add - dodaj do kontaktów userinfo - profil użytkownika voicemail - poczta głosowa sendfile - wyślij plik Jabber <a "xmpp"> <a href="xmpp:użytkownik@serwer">opis</a> ICQ <a "icq"> <a href="icq:numer">opis</a> Status użytkownika <img src="https://web.icq.com/whitepages/online?icq=numer&img=obrazek" alt="ICQ"> gdzie jako obrazek należy podać liczbę od 1 do 25.
- Odsyłacze HTML / Inne <a "news, nntp, newsrc, telnet, ssh, javascript, wais, gopher">
Spis treści <a "news, nntp, newsrc, telnet, ssh, javascript, wais, gopher"> Odsyłacz do grup dyskusyjnych <a "news"> Odsyłacz NNTP <a "nntp"> Odsyłacz newsrc <a "newsrc"> Odsyłacz telnet <a "telnet"> Odsyłacz SSH <a "ssh"> Odsyłacz do skryptu <a "javascript"> Odsyłacz WAIS <a "wais"> Odsyłacz Gopher <a "gopher"> Odsyłacz do grup dyskusyjnych <a "news"> Serwer domyślny: <a href="news:nazwa grupy">opis</a> Wskazany serwer: <a href="news://serwer/">opis</a> Wskazana grupa na...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>
...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. Do tej pory w tym rozdziale przedstawione zostały jedynie odsyłacze tekstowe, tzn. na ekranie był wyświetlany pewien krótki tekst (opis odsyłacza), po kliknięciu którego, następowało przeniesienie do wskazanego adresu. Łatwo zauważyć, że to nie...
Odsyłacze HTML / ĆwiczeniaOtwó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...
- Odsyłacze HTML / Mapa odsyłaczy <img usemap, map, area>
...href="adres" alt="tekst alternatywny"> (...) </map> ścieżka dostępu do obrazka Lokalizacja na dysku, gdzie znajduje się żądany plik obrazka. nazwa_mapy Dowolny tekst, byleby był on taki sam w pierwszej i w drugiej linii, a dodatkowo w pierwszym wierszu musi być poprzedzony znakiem krzyżyka (#). Na jednej stronie nie mogą się znajdować dwie mapy o takiej samej nazwie! (...) Dalsze polecenia typu: <area shape="kształt" coords="współrzędne" href="adres...
- Odsyłacze HTML / Serwerowa mapa odsyłaczy <a href, img ismap>
...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 zdefiniowane na obrazku, mogą być bardzo skomplikowane. Może się zdarzyć, że nie uzyskamy pożądanego kształtu z pomocą <area shape="...">. W takim przypadku można skorzystać z mapy odsyłaczy po stronie serwera. Idea jest...