wstawić html - Kurs HTML i CSS
- Multimedia HTML / Osadzenie pliku <embed>
...która nie pasuje do wymiarów pliku! Rozmiary zależą również od posiadanej przez użytkownika wtyczki. Polecenie <embed> jest przydatne jeśli chcemy wstawić na stronę jeden z plików multimedialnych: *.wav - plik dźwiękowy typu "wav" *.mid - plik dźwiękowy typu "midi" *.avi - plik typu "avi" *.ra - plik Real Audio Player *.mp3 - plik dźwiękowy typu "mp3" (MPEG Layer-3) *.mpeg - plik typu "mpeg" *.mov - plik typu "mov" *.asf - plik typu "asf" i inne Polecenie to współpracuje z...
- Formularze HTML / Pole tekstowe <input "text">
...tabindex="6"></td> <td><input type="text" name="nazwa9" tabindex="9"></td> </tr> </table> Pytania i odpowiedzi <input "text, number"> Jak wstawić pole tekstowe w HTML? W tym celu do dokumentu HTML wewnątrz znacznika FORM należy wstawić odpowiedni znacznik: <input type="text" name="...">. Jak zrobić pole numeryczne w HTML? Pole numeryczne jest odmianą pola tekstowego, w którym jednak można wpisywać tylko liczby. Aby umieścić go wewnątrz formularza, wystarczy ustawić mu...
- Formularze HTML / Pole opcji <input "radio">
...radio" disabled> Tych pól nie możesz zaznaczać ani odznaczać: Pole 1 Pole 2 Pytania i odpowiedzi <input "radio"> W jaki sposób w HTML wstawić pole jednokrotnego wyboru? Aby zezwolić użytkownikowi wypełniającemu formularz zaznaczyć najwyżej jedną odpowiedź na określone pytanie, najwygodniej jest się posłużyć polem typu radio. Na przykład: <input type="radio" name="pytanie" value="odpowiedź">. Trzeba jednak przy tym pamiętać, że każde pole tego typu powinno mieć ustawioną inną...
- CSS dla zielonych / Wyrównanie tekstu CSS {text-align}
...ale jednocześnie chcielibyśmy, żeby tylko treść wstawiona w akapitach była jednak ustawiona do lewej strony. W tym celu w arkuszu stylów wystarczy wstawić następujący kod: p { text-align: left; }. Jak wyśrodkować w CSS? Jeśli chcemy, aby wszystkie akapity na stronie były ustawione na środku ekranu, to w arkuszu stylów wystarczy wstawić następujący kod: p { text-align: center; }. Możliwe jest również wycentrowanie tylko jednego akapitu. W tym celu trzeba się jednak posłużyć kodem HTML...
- HTML5 / Załącznik <figure, figcaption>
...IMG i FIGCAPTION. Na przykład jeśli plik zdjęcia nazywa się "zdjecie.jpg" i znajduje się w tym samym katalogu co dokument *.html, w którym chcemy go wstawić, można się posłużyć następującym kodem: <figure> <img src="zdjecie.jpg" alt="Tekst zastępczy"> <figcaption>Podpis zdjęcia</figcaption> </figure>. W odróżnieniu od tekstu zastępczego - który jest używany na wypadek, gdyby zdjęcie nie mogło być załadowane - podpis zdjęcia zawsze pojawi się na stronie. Kiedy FIGURE a kiedy ASIDE? Oba te...
- HTML dla zielonych / Odsyłacz pocztowy HTML <a "mailto">
...if (opis) document.write(opis + ''); else document.write(uzytkownik + '\x40' + domena + ''); Pytania i odpowiedzi <a "mailto"> Jak wstawić adres e-mail w HTML? W tym celu trzeba umieścić na stronie znacznik odsyłacza z atrybutem, w którym będzie się znajdował adres poczty e-mail poprzedzony przez "mailto:". Na przykład jeśli chcemy wstawić odnośnik do adresu "jan.kowalski@example.com", należy się posłużyć następującym kodem: <a...
- Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
...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 multimedialne: dokumenty MS Word...
- Tekst HTML / Indeks górny i dolny <sup, sub>
...<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 jednocześnie? Jeśli wstawimy znaczniki indeksu górnego i...
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...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. Jak zrobić listę rozwijaną w HTML? Lista rozwijana...
- Tło CSS / Tło obrazkowe {background-image}
...tabeli [zobacz: Wstawianie stylów]. Natomiast jako "ścieżka dostępu do obrazka" należy podać miejsce, gdzie znajduje się obrazek, który chcemy wstawić jako tło. Wpisanie "none" usunie obrazek. Ścieżkę dostępu należy konstruować względem lokalizacji arkusza CSS, a nie względem adresu dokumentu HTML! Polecenie pozwala wstawić dowolny obrazek jako tło pod elementem. Pamiętaj jednak, żeby obrazek w tle nie był zbyt jaskrawy. Spowoduje to tylko zaciemnienie zawartości strony i utrudni...