Co to jest HTML i do czego służy? - Kurs HTML i CSS
Co to jest HTML i do czego służy?
HTML to skrót od Hypertext Markup Language - czyli Hipertekstowy Język Oznaczania. Jest to język komputerowy służący do tworzenia stron internetowych. Dokument HTML jest plikiem tekstowym, w którym wpisujemy wszystkie polecenia dotyczące formatowania tekstu, wstawiania grafiki i inne.
HTML dla zielonych / Edytory HTML...z menu: "Plik / Zapisz jako...", a następnie w oknie dialogowym w polu "Zapisz jako typ" wybrać wartość: "Strona sieci Web, przefiltrowana (*.htm;*.html)" lub odpowiednio: "Dokument HTML (Writer) (*.html)". Na koniec wystarczy kliknąć przycisk "Zapisz". Trzeba jednak pamiętać, że w ten sposób utworzone dokumenty HTML mogą długo się ładować i niepoprawnie wyświetlać się w niektórych przeglądarkach, a ponadto być trudne do późniejszej modyfikacji. Dlatego do tworzenia tego typu dokumentów...
- HTML dla zielonych / Indeks górny i dolny HTML <sup, sub>
...matematycznych. Przykład <sup, sub> indeks<sup>górny</sup> indeksgórny indeks<sub>dolny</sub> indeksdolny Pytania i odpowiedzi <sub, sup> Do czego służy znacznik SUB? Jest to skrót od angielskiego sława subscript oznaczającego indeks dolny przy poprzedzającym go tekście. Jak dodać tekst do góry HTML? Aby wyświetlić pomniejszony tekst nieco wyżej od zwykłej linii tekstu i tym samym stworzyć indeks górny, należy użyć następującego kodu: x<sup>2</sup>. W tym przykładzie cyfra 2...
- Tabele / Struktura tabeli HTML <table, tr, td>
...własną metodę. Wybierz tą, która najbardziej Ci odpowiada i stosuj ją konsekwentnie. Pytania i odpowiedzi <table, tr, td> Co to są tabele i do czego służą? Tabela w języku HTML to struktura używana do organizowania danych w formie siatki z komórkami (rubrykami), składającej się z wierszy i kolumn. Służy do prezentacji danych o powtarzającym się charakterze (np. różnego rodzaju zestawień) w uporządkowany sposób, umożliwiając ich czytelne i zrozumiałe wyświetlanie na stronie...
- Multimedia / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
...na dysk lokalny użytkownika. Na przykład jeśli plik nazywa się "aplikacja.exe" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić odnośnik do niego, można się posłużyć następującym znacznikiem: <a href="aplikacja.exe">Pobierz plik</a>. Do czego służy znacznik OBJECT? Element OBJECT działa podobnie jak EMBED, ale w założeniu jest bardziej uniwersalny. Za jego pomocą tak samo można osadzać bezpośrednio w stronie różnorodne pliki...
- Widżety / Ramki lokalne <iframe>
...niezależne okno przeglądarki wewnątrz strony internetowej. Jak wstawić IFRAME na HTML? Na przykład jeśli plik podstrony nazywa się "podstorna.html" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić ramkę IFRAME, można się posłużyć następującym znacznikiem: <iframe src="podstrona.html"></iframe>. Jaki znacznik HTML służy do wyświetlania w ramce fragmentu innej strony internetowej na własnej stronie internetowej? W ramce IFRAME można...
- Tekst / Indeks górny i dolny <sup, sub>
...lub dolnych) przy cyfrach i literach. Przykład <sup, sub> indeks<sup>górny</sup> indeks<sub>dolny</sub> Pytania i odpowiedzi <sub, sup> Do czego służy znacznik SUB? Element ten pozwala wstawić indeks dolny w tekście - tzn. wyświetlić go pomniejszoną czcionką, lekko przesunięty w dół. Jak się robi indeks dolny? Aby wstawić indeks dolny w dokumencie HTML, wystarczy umieścić wybrany fragment tekstu wewnątrz znacznika <sub>...</sub>. Jak zrobić indeks górny i dolny...
- Formularze / Lista rozwijalna <select, option, optgroup>
...Możliwość 1.3 Możliwość 2.1 Możliwość 2.2 Możliwość 2.3 Możliwość 3 Możliwość 4 Możliwość 5 Pytania i odpowiedzi <select, option> Do czego służy znacznik SELECT? Znacznik SELECT pozwala wstawić listę rozwijaną wewnątrz formularza na stronie. Zawiera ona zestaw opcji do wyboru, ale domyślnie na ekranie wyświetla się tylko jedna z nich, a dopiero po kliknięciu rozwijają się kolejne. Ponadto jeśli opcji będzie bardzo dużo, przeglądarka pokaże pionowy suwak do ich przewijania...
- HTML5 / Wstępne ładowanie <link "preload" as>
...już potrzebny: <head> <link rel="preload" as="image" type="image/jpeg" href="obrazek.jpg"> </head> Pytania i odpowiedzi <link "preload" as> Do czego służy wstępne ładowanie? Wstępne ładowanie służy do przygotowania zasobów przed ich rzeczywistym użyciem, co pozwala na płynniejsze działanie aplikacji. Działa to poprzez wczytywanie zasobów, takich jak skrypty lub style, z wyprzedzeniem, aby były one dostępne, gdy będą potrzebne. Na przykład, aby wstępnie załadować skrypt, można użyć...
Dobre praktyki / Przykazania webmastera...przeglądarki. Jeśli dodatkowo zmiany dotyczyły również kodu HTML, mamy gotowy przepis na zupełne rozsypanie się wyglądu strony. Ponieważ pliki *.html zwykle cache'ują się słabiej (na krótszy czas), może dojść do sytuacji, kiedy użytkownicy dostaną już nową wersję kodu źródłowego HTML, która wymaga jednak zmienionego właśnie arkusza CSS, ale sam arkusz zaczyta się stary - z pamięci podręcznej przeglądarki. Aby do tego nie dopuścić, zawsze można wprowadzić na serwer po prostu nowy plik...
- Wstawianie stylów / Rozciąganie stylu <span style>
...pogrubienie (element wyświetlany w linii) w ramach SPAN, a to jest zwykły tekst - również wewnątrz SPAN. Pytania i odpowiedzi <span style> Do czego służy znacznik SPAN? Znacznik <span> w HTML służy do wyróżniania lub stylizacji konkretnego fragmentu tekstu lub zawartości bez zmiany struktury dokumentu. Może być używany do zastosowań takich jak zmiana koloru, dodanie efektu podkreślenia lub nadania specjalnego formatowania wybranym słowom lub literom. Czym się różni SPAN od DIV...