polecenia - Kurs HTML i CSS
Ikony (symbole) / Akcje interfejsu użytkownika...Przeglądaj aktywność browse_activity browse_activity Włącz enable enable Zainstaluj na komputerze install_desktop install_desktop Klawisz polecenia klawiatury keyboard_command_key keyboard_command_key Wyświetl kanban view_kanban view_kanban Odpowiedz wszystkim reply_all reply_all Przełącz w lewo switch_left switch_left Kompresuj compress compress Ocena gwiazdkowa star_rate star_rate Przesuń w dół swipe_down swipe_down Przerwa w działaniu aplikacji apps_outage apps_outage...
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...do tej pory, miały postać tekstową. Jeśli chcesz umieścić w swoim serwisie np. menu z obrazkowymi przyciskami, należy w tym celu użyć następującego polecenia: <a href="adres"><img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj 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)...
- HTML dla zielonych / Podsumowanie
To by było na tyle. Poznane tu polecenia powinny pozwolić Ci na napisanie prostej, ale zarazem dość dobrze wyglądającej strony WWW. Jeśli już teraz chcesz jak najszybciej sprawdzić w praktyce poznane wiadomości, to tutaj możesz skorzystać z szybkiego edytora stron próbnych, który pozwoli Ci napisać Twoją pierwszą testową stronę WWW. A więc do dzieła... ✅ Rozpocznij tworzenie strony WWW Jeżeli będziesz mieć więcej czasu, zajrzyj do dalszych rozdziałów tego kursu. Znajdziesz tam o wiele więcej...
- Tabele HTML / Zagnieżdżanie tabel
...tabel, możliwe jest zbudowanie wielu tabel "jedna w drugiej". Tabele wewnętrzne znajdują się w komórkach tabeli zewnętrznej. Zauważ, że w składni polecenia powyżej, tabela podrzędna jest bardziej wcięta (przesunięta w prawo) niż nadrzędna. Nie jest to konieczne, ale bardzo ułatwia tworzenie i czytanie kodu, dlatego polecam używanie takiego sposobu wpisywania. Przykład <table, tr, td> komórka1A komórka1B komórka1C komórka1D komórka2 komórka3 komórka4 Pytania i...
- Odsyłacze HTML / Do podstrony <a href>
...internetowy składa się z pewnej ilości podstron, zapisanych w osobnych plikach HTML. Aby umożliwić w nich nawigację, wstawia się właśnie takie polecenia, odnoszące się do wszystkich podstron serwisu. Jest to pomocne przy tworzeniu spisu treści, chociaż hiperłącza mogą znajdować się również w zwykłym tekście, odsyłając użytkownika do miejsca, gdzie dany temat jest szerzej opisany. Odsyłacz taki może odnosić się do innej podstrony, ale tylko w obrębie tego samego dysku (ten sam serwis...
- Odsyłacze HTML / Do etykiety <a id>
...miejscu strony - również wewnątrz zwykłego tekstu. Jeśli chcemy używać etykietę, najpierw należy ją zdefiniować w wybranym miejscu strony za pomocą polecenia: <a id="nazwa_etykiety"></a> Następnie możemy się do niej odwoływać, zarówno z tej samej jak i z innej strony, za pomocą zwykłych odsyłaczy: <a href="(ścieżka do strony)#nazwa_etykiety">opis odsyłacza</a> Istnieją dwa rodzaje odsyłaczy do etykiet: Etykieta zdefiniowana na tej samej stronie <a href="#nazwa_etykiety">opis...
- Odsyłacze HTML / Inne <a "news, nntp, newsrc, telnet, ssh, javascript, wais, gopher">
...<a href="ssh://użytkownik@adres">opis</a> Odpowiednik telnetu z szyfrowaną transmisją. Odsyłacz do skryptu <a "javascript"> <a href="javascript:polecenia">opis</a> Odsyłacz ten, po kliknięciu, spowoduje wykonanie podanych poleceń języka JavaScript. Przykład <a "javascript"> javascript:alert('To jest okno ostrzeżenia') Odsyłacz WAIS <a "wais"> <a href="wais://adres">opis</a> WAIS (Wide Area Information Server - Rozproszony Serwer Informacji) to system wyszukiwania tekstów na zdalnych...
CSS dla zielonych / Edytory CSS...Jest to język komputerowy służący do ustalania wyglądu stron internetowych. Arkusz stylów CSS jest plikiem tekstowym, w którym wpisujemy wszystkie polecenia dotyczące formatowania tekstu, układu strony i inne. W czym pisać CSS? Arkusz stylów CSS jest plikiem tekstowym. Można go zatem tworzyć przy użyciu dowolnego prostego edytora tekstu. Jednak dużo lepszym wyborem jest skorzystanie z pomocy specjalnie przygotowanego do tego edytora CSS. Dzięki temu praca nad arkuszem stylów będzie...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...wiersza <td>...</td> jest znacznikiem pojedynczej komórki W miejsce kropek należy wpisać treść poszczególnych komórek tabeli. Powyższe polecenia tworzą tabelę, złożoną z dwóch kolumn i dwóch wierszy (razem cztery komórki). Jeśli to konieczne, możliwe jest dodanie nowych kolumn (poprzez wpisanie dodatkowych znaczników <td>...</td>) lub wierszy (znaczniki <tr>...</tr>). Należy przy tym zauważyć, że komórki tabeli (<td>...</td>) znajdują się wewnątrz znacznków wierszy...
- Multimedia HTML / Osadzenie pliku <embed>
...Wtyczka (czyli plug-in) to specjalny niewielki program, który można doinstalować do przeglądarki, zwiększając jej możliwości. Po wywołaniu polecenia, wprost na stronie powinno zostać wyświetlone okno (o podanych rozmiarach), w którym będzie odtwarzany wskazany plik. Należy pamiętać, że pliki multimedialne mają zwykle duże rozmiary, dlatego najlepiej na początku strony umieścić tekst, a dopiero na końcu polecenie <embed>. W takim przypadku w pierwszej kolejności wczyta się tekst...