polecenia - Kurs HTML i CSS
CSS dla zielonych / PodsumowanieTo by było na tyle. Poznane tu polecenia powinny pozwolić Ci nie tylko na napisanie prostej strony WWW, ale zarazem określenie jej wyglądu w profesjonalny sposób. W dalszych rozdziałach Kursu CSS poznasz m.in. bardziej zaawansowane techniki tworzenia selektorów oraz rozbudowaną listę własności, dzięki którym zyskasz jeszcze większe możliwości stylizacji elementów Twojego serwisu. Zapraszam...
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...
- Nagłówek i treść HTML / Skalowanie strony <meta "viewport">
...może być odpowiednio powiększana, tak aby jej zawartość była dobrze czytelna. W pewnym zakresie możemy sterować tym zachowaniem za pomocą powyższego polecenia. W szczególności możemy zaprojektować stronę z użyciem techniki Responsive Web Design (w skrócie: RWD), tak aby automatycznie dopasowywała się do dostępnej szerokości ekranu przeglądarki [zobacz: Zapytania mediów]. W takim przypadku w nagłówku strony powinniśmy wstawić następujące polecenie: <meta name="viewport...
- Tekst HTML / Blokada indeksowania fragmentów treści <... data-nosnippet>
...umieszczone jakieś elementy interfejsu użytkownika. Na przykład jeśli w naszym serwisie znajdują się fragmenty przykładowych tekstów (kody źródłowe, polecenia, wzory itp.), możemy chcieć ułatwić użytkownikowi skorzystanie z nich poprzez dodanie przycisku "Skopiuj do schowka". Niestety roboty wyszukiwarek nie zawsze właściwie zinterpretują takie elementy i w efekcie mogą się one pojawić w wynikach wyszukiwania, mimo iż będą tam zupełnie bezużyteczne, bo przecież użytkownik nie będzie mógł ich...
- 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...
- 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 / Mapa odsyłaczy <img usemap, map, area>
...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" alt="tekst alternatywny">, które stworzą następne aktywne pola na obrazku. kształt Kształt obszaru w mapie odsyłaczy: rect - pole ograniczone prostokątem poly - pole ograniczone wielokątem nieregularnym circle - koło współrzędne "xp,yp, xk,yk" - w przypadku prostokąta...