What is HTML and what is it used for? - Kurs HTML i CSS
Tekst / Komentarz HTML<!-- Treść komentarza --> Często zdarza się, że autor dla swojej wygody chciałby umieścić na stronie pewien tekst, który nie będzie widoczny dla normalnych użytkowników. Dzięki temu mógłby zaznaczyć ważne elementy strony lub wprowadzić inne informacje, które nie muszą być wyświetlane na ekranie, ponieważ mogłyby spowodować zaciemnienie właściwej treści. Do wprowadzenia tekstu, który jest niewidoczny na ekranie, ale istnieje w źródle dokumentu, służy właśnie komentarz. Cały tekst który...
- Tabele / Struktura tabeli HTML <table, tr, td>
<table> <tr> <td>...</td> <td>...</td> </tr> <tr> <td>...</td> <td>...</td> </tr> </table> Jest to najprostsza tabela, gdzie: <table>...</table> jest znacznikiem tabeli <tr>...</tr> jest znacznikiem 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...
- Multimedia / Obrazek HTML <img>
Spis treści <img> Obrazek <img> Obrazek o określonych rozmiarach <img width height> Formaty graficzne Animowany banner Obrazek <img> <img src="ścieżka dostępu" alt="Tekst alternatywny"> gdzie jako "ścieżka dostępu" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek. Natomiast w miejsce "Tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony (np. jeśli użytkownik wyłączy wyświetlanie grafiki w swojej...
- 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 / Ramy formularza HTML <form>
Spis treści <form> Ramy formularza <form> Dla zaawansowanych Sprawdzenie pól formularza <form onsubmit> Ankieta Ramy formularza <form> <form action="mailto:adres e-mail gdzie wysłać formularz" method="post"> (Tutaj umieszcza się pola formularza) </form> lub <form action="mailto:adres e-mail?subject=temat" method="post"> (Tutaj umieszcza się pola formularza) </form> gdzie jako "adres e-mail gdzie wysłać formularz" podaj swój adres poczty elektronicznej e-mail. Natomiast zamiast...
- XHTML / Czy HTML umarł?
Pierwsza oficjalna odsłona języka HTML 4.0 odbyła się 18 grudnia 1997, a ostatnia poprawka do wersji 4.01 została wprowadzona 24 grudnia 1999. Można pomyśleć, że język HTML to już przeszłość. Na szczęście niezupełnie jest to prawdą. Język XHTML opiera się na specyfikacji HTML 4.01, tzn. definiuje dokładnie te same znaczniki, atrybuty i sposoby budowania dokumentów. Jednak wprowadza przy tym pewne obostrzenia, które pozwalają dostosować składnię do języka XML, który od jakiegoś czasu wyznacza...
- Kolory HTML / Wykaz kolorów HTML
Spis treści Kolory podstawowe Odcienie szarości Dowolne kolory Kolory CSS Kolory podstawowe Oprócz kolorów zapisanych w systemie szesnastkowym, dostępna jest ograniczona paleta kolorów nazwanych, dla których zamiennie możemy używać ich nazwy zamiast kodu HEX: Nazwa HEX Kolor black #000000 czarny silver #C0C0C0 srebrny gray #808080 szary white #FFFFFF biały maroon #800000 kasztanowy red #FF0000 czerwony purple #800080 purporowy fuchsia #FF00FF fuksja...
- Formularze / 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>...
- XHTML / Różnice między HTML 4 a XHTML 1.0
...<?xml-stylesheet href="zewnetrzny.css" type="text/css"?> <?xml-stylesheet href="#internalStyle" type="text/css"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="pl"> <head> <title>Przykład wewnętrznego arkusza CSS</title> <style type="text/css" id="internalStyle"> code { color: green; font-family: monospace; font-weight: bold; } </style> </head>...
- HTML5 / Osadzenie kodu HTML w ramce lokalnej <iframe srcdoc>
...Przykład <iframe srcdoc> Obie poniższe formy zapisu są równoważne (zwróć uwagę na znaki apostrofu i cudzysłowu): <iframe srcdoc='<a href="index.html">Strona główna</a>'></iframe> <iframe srcdoc="<a href="index.html">Strona główna</a>"></iframe> Pytania i odpowiedzi <iframe srcdoc> Co to jest srcdoc="..." w ramce IFRAME? Atrybut srcdoc="..." w ramce <iframe> pozwala na bezpośrednie osadzenie kodu HTML wewnątrz ramki, zamiast ładowania zewnętrznego dokumentu przez atrybut...