znaczniki - Kurs HTML i CSS
Tekst HTML / Tytuł nagłówka <h1, h2, h3, h4, h5, h6>Spis treści <h1, h2, h3, h4, h5, h6> Tytuł nagłówka <h1, h2, h3, h4, h5, h6> Prawidłowa kolejność tytułów Dymek narzędziowy <h1 title, h2 title, h3 title, h4 title, h5 title, h6 title> Tytuł nagłówka <h1, h2, h3, h4, h5, h6> Tytuł pierwszego poziomu (główny) <h1>...</h1> Tytuł drugiego poziomu (sekcji) <h2>...</h2> Tytuł trzeciego poziomu (podsekcji) <h3>...</h3> Tytuł czwartego poziomu <h4>...</h4> Tytuł piątego poziomu <h5>...</h5> Tytuł szóstego poziomu (najniższej podsekcji)...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img>
...myślisz - wystarczy pamiętać, że wewnątrz znacznika odsyłacza (pomiędzy <a href="..."> a </a>) można umieszczać nie tylko tekst, ale również inne znaczniki (z wyjątkiem blokowych) - m.in. odpowiadające za zmianę wyglądu tekstu (pogrubienie, pochylenie itd.), czy też wstawienie obrazka. Odsyłacz obrazkowy (link zawierający obrazek) zostanie uruchomiony, gdy klikniemy myszką grafikę, do której podajemy ścieżkę dostępu. Dzięki niemu możemy stworzyć np. efektowne przyciski odsyłaczowe w menu...
Galeria zdjęć HTML / Skrypt galerii zdjęć...{ var items = data[key]; new Gallery(new GalleryModel(items), new GalleryView(items)).start(); }); })(); Następnie na stronie wstaw znaczniki odnośników i obrazków - podobnie jak się to robi w klasycznej galerii zdjęć. Jedyną zmianą, którą musisz dodatkowo zrobić, to do znaczników odsyłaczy z powiększonymi zdjęciami dodaj atrybut data-gallery. Na przykład: <a data-gallery href="zdjecie1.jpg"><img src="miniatura1.jpg" border="0"></a> <a data-gallery href="zdjecie2.jpg"><img...
- Menu drzewiaste / Skrypt menu drzewiastego
...z tym, co wpisano jako wartość atrybutu id="..." na początku menu! UWAGA! Wewnątrz wszystkich znaczników <li>...</li> muszą znajdować się znaczniki odsyłaczy, czyli: <a>...</a>. Odsyłacze znajdujące się w węzłach menu (czyli tworzące otwierane i zamykane foldery) nie powinny posiadać atrybutu href="...". Alternatywnie można wpisać tam href="javascript:void(0)". W jednym dokumencie nie może być dwóch elementów z takim samym atrybutem id="...". Dlatego jeżeli chcemy wstawić drugie...
- Tekst HTML / Zagnieżdżanie wykazów
...zagnieżdżenia aktualnie jesteśmy. Dlatego polecam używanie takiego sposobu wpisywania. Dobrze jest również na samym początku zamykać wszystkie znaczniki <ul>, <ol> oraz <li> (większość edytorów HTML i tak robi to automatycznie), a dopiero potem wpisywać do nich wykazy podrzędne. Dzięki temu unikniemy błędnego wyświetlania, spowodowanego zapomnieniem zamknięcia znacznika. Kod wykazów podrzędnych wpisuje się wewnątrz znacznika <li>...</li> wybranego punku wykazu nadrzędnego. Pomiędzy...
- Formularze HTML / Przycisk <button>
...type="button" value="napis">. Jednak pozwala ono dodatkowo, wprowadzić do przycisku grafikę, tabelkę i inne elementy - wystarczy umieścić dodatkowe znaczniki pomiędzy <button> a </button> (w miejsce treści przycisku). Można również dowolnie formatować tekst, np. wprowadzając pogrubienie, pochylenie i inne. W przypadku zastosowania type="button" na ekranie pojawi się przycisk, po kliknięciu którego nie nastąpi żadna akcja. Aby to zmienić, należy przechwycić wygenerowane zdarzenie onclick...
- XHTML / Czy HTML umarł?
...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 trendy rozwoju aplikacji przenośnych. Zatem zdobyta wcześniej wiedza o języku HTML nie pójdzie na marne i nie musisz się uczyć wszystkiego od nowa. Aby pisać dokumenty...
- XHTML / Różnice między XHTML 1.0 Strict a XHTML 1.1
...krótkich wstawek obok bazowego tekstu, używanych zwykle w dokumentach wschodnioazjatyckich do wskazania wymowy lub wstawienia krótkiej adnotacji (znaczniki: ruby, rbc, rtc, rb, rt, rp). Źródło: XHTML 1.1 - Module-based XHTML
- Odsyłacze HTML / Do etykiety <a id>
...wszystkich elementach (oprócz: BASE, HEAD, HTML, META, SCRIPT, STYLE, TITLE). Można do tego również wykorzystać istniejące wcześniej na stronie znaczniki. Idealnym przykładem są tytuły. Zwykle naturalnie wyznaczają on ważne miejsca na stronie, do którym prawdopodobnie możemy chcieć wstawić bezpośrednie odsyłacze. UWAGA! Bardzo ważne: w nazwach etykiet lepiej nie używać: wielkich liter znaków, np.: \ / : * ? " < > | spacji (jeśli musisz, w zamian używaj podkreślnika "_") polskich...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...<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 wpisanie...