html - Kurs HTML i CSS
HTML dla zielonych / Odsyłacz pocztowy HTML <a "mailto"><a href="mailto:adres poczty e-mail">opis odsyłacza</a> Zamiast: "adres poczty e-mail" należy wpisać adres poczty elektronicznej (np.: jan_kowalski@example.com). Ten odsyłacz jest przydatny, gdy pragniesz umieścić na stronie adres swojej skrzynki poczty elektronicznej (e-mail). Dzięki temu będziesz w stałym kontakcie z internautami odwiedzającymi Twoją stronę. Pamiętaj, że podanie swojego adresu na stronie WWW, może spowodować, że zaczną do Ciebie przychodzić niechciane wiadomości...
- Nagłówek i treść HTML / Struktura dokumentu HTML
Znaczniki <body>...</body> oraz <meta> określają pewne informacje na temat strony jako całości. Polecenie BODY powinno wchodzić w skład każdego dokumentu HTML. Stanowi ono właściwą treść, czyli tzw. ciało, w którym zawierają się wszystkie inne znaczniki, dotyczące formatowania, a także zwykły tekst. W jednym dokumencie może się znajdować tylko jeden znacznik <body> - zaraz po nagłówku strony (<head>...</head>). Natomiast znacznik <meta> stanowi tzw. metainformację, pozwalającą określić pewne...
- Komendy HTML 4.01 / HTML
Główny (nadrzędny) element dokumentu. Zawiera wewnątrz wszystkie inne znaczniki. Zobacz więcej... Atrybuty: DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) VERSION="wersja" Wersja DTD (niezalecene - należy używać deklaracji typu dokumentu, np.: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> ) Znacznik otwierający: opcjonalny Znacznik zamykający...
- Tekst HTML / Wyświetlanie znaczników HTML
Język HTML przewiduje dwa podstawowe modele wyświetlania treści znaczników: w bloku - podczas wyświetlania bloku w przeglądarce, automatycznie dodawane są znaki końca linii (linijki przerwy) przed oraz po takim bloku tak, że każdy taki element jest wyświetlany w nowej linii. Generalnie element blokowy może zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe. Został on pomyślany do tworzenia obszerniejszych struktur niż elementy wyświetlane w linii. Wyjątkiem od tej reguły...
- XHTML / Jakie korzyści daje przejście z HTML na XHTML?
Dokumenty XHTML są zgodne ze składnią XML, więc mogą być łatwo przeglądane, edytowane i walidowane (sprawdzane) przez standardowe narzędzia XML. Dokumenty XHTML mogą być napisane tak, aby działały równie dobrze lub nawet lepiej zarówno w przeglądarkach obsługujących HTML 4 jak i XHTML. Dokumenty XHTML mogą zawierać skrypty i applety, które bazują na języku DOM (Document Object Model) zgodnym z HTML jak i XHTML. Podczas gdy rodzina języków XHTML będzie ewoluować, dokumenty zgodne z XHTML będą...
- Formularze HTML / Przykład formularza HTML
Jeśli jeszcze niezbyt dobrze rozumiesz formularze HTML, specjalnie dla Ciebie napisałem ten przykład. Myślę, że po jego przeczytaniu wyjaśni się wiele niezrozumiałych dotąd rzeczy. Natomiast jeżeli chcesz dowiedzieć się więcej na temat dodatkowych możliwości pól formularza użytych w poniższym przykładzie, zobacz rozdziały: Ramy formularza <form> Pole tekstowe <input text> Pole opcji <input radio> Pole wyboru <input checkbox> Lista rozwijalna <select, option> Obszar tekstowy <textarea>...
- HTML dla zielonych / Rodzaj czcionki HTML <span "font-family">
<span style="font-family: rodzaj">Tu wpisz tekst</span> lub <span style="font-family: rodzaj1, rodzaj2, rodzaj3...">Tu wpisz tekst</span> gdzie zamiast rodzaj, rodzaj1, rodzaj2, rodzaj3... należy wpisać rodzaje czcionek (np.: Arial, 'Courier New', 'Times New Roman', Verdana i inne). Jeżeli nazwa czcionki składa się z kilku wyrazów, to trzeba ją objąć w znaki apostrofu (np.: <span style="font-family: Verdana, 'Times New Roman', Arial">Tekst</span>). W miejsce kropek można wpisać dalsze rodzaje...
- HTML dla zielonych / Łączenie znaczników i atrybutów HTML <p "text-align", span "font-size, color", b, i, u>
Wszystkie powyższe parametry (atrybuty i znaczniki: akapit, wielkość czcionki, kolor czcionki, pogrubienie, pochylenie, przekreślenie) dotyczące tekstu można łączyć, np. po wpisaniu w edytorze: <p style="text-align: center"><span style="font-size: large; color: red"><b><i><u> To jest jakiś tekst </u></i></b></span></p> otrzymamy: To jest jakiś tekst Zauważ, że znaczniki zamykamy w kolejności odwrotnej jak je otwieraliśmy. Czyli najpierw zamykamy znacznik, który został otwarty jako ostatni...
- HTML dla zielonych / Odsyłacz do adresu internetowego HTML <a "http, https">
(w obrębie całego Internetu) Użytkownika można odsyłać również do cudzych stron, a nie tylko do własnych i nie jest to w żaden sposób łamanie praw autorskich (jeśli nie podpiszemy się jako autorzy takiej strony 😉) - przeciwnie - jest to darmowa reklama dla strony, do której następuje odwołanie. Składnia odsyłacza do adresu internetowego (w obrębie całego Internetu) jest następująca: <a href="adres internetowy">opis odsyłacza</a> Zasady wpisywania "opisu odsyłacza" są takie same jak w...
- HTML dla zielonych / Jak zrobić dobrą stronę HTML
Na koniec chciałbym poruszyć bardzo ważną sprawę, o której wiele osób zdaje się zapominać. Znajomość podstaw HTML w zupełności wystarcza do napisania strony internetowej, lecz aby stworzyć dobry serwis, który będzie często odwiedzany i którym będzie się można naprawdę pochwalić, trzeba czegoś więcej: Zastanów się dobrze nad tematyką swojej strony. Oczywiście nikt nie zabroni Ci publikacji informacji o tym, że np. Twój pies wabi się Azor, a kot - Mruczek, ale czy coś takiego naprawdę może...