html tekst - Kurs HTML i CSS
Multimedia HTML / Osadzenie pliku <embed>...Jak osadzić PDF na stronie? Na przykład jeśli plik nazywa się "dokument.pdf" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy bezpośrednio wyświetlić zawartość pliku PDF, można się posłużyć następującym znacznikiem: <embed src="dokument.pdf" width="1000" height="600">. Jak utworzyć link do pliku PDF? Na przykład jeśli plik nazywa się "dokument.pdf" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy...
- HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 12.1, Chrome 4) Pole tekstowe: <input placeholder="podpowiedź"> Obszar tekstowy: <textarea placeholder="podpowiedź">...</textarea> podpowiedź Dowolny tekst niezawierający znaku nowej linii, który może wstępnie pojawić się wewnątrz pola w postaci wyszarzonego tekstu Atrybut placeholder="..." podpowiada użytkownikowi, co powinien wpisać w danym polu formularza. Przez przeglądarki może być obsługiwany w ten sposób, że jego wartość...
- HTML5 / Kategorie elementów HTML5
...z samej treści nagłówka). H1, H2, H3, H4, H5, H6, HGROUP frazowe (ang. phrasing content) Tekst dokumentu oraz elementy, które oznaczają ten tekst na poziomie wewnątrz akapitów. Grupy zawartości tekstowej tworzą akapity. A, ABBR, AREA (jeśli znajduje się wewnątrz MAP), AUDIO, B, BDI, BDO, BR, BUTTON, CANVAS, CITE, CODE, DATA, DATALIST, DEL, DFN, EM, EMBED, I, IFRAME, IMG, INPUT, INS, KBD, LABEL, LINK (rel="..." z jedną z wartości: dns-prefetch, modulepreload, pingback, preconnect...
Wstawianie stylów CSS / Rozciąganie stylu <span style>...możemy objąć kilka różnych elementów, które są wyświetlane w linii (sam element SPAN tak właśnie jest wyświetlany), np. wytłuszczenie tekstu oraz kursywę. Element ten tak dobrze nadaje się do osadzania stylów, ponieważ sam w sobie nie ma określonego żadnego formatowania, które mogłoby kolidować z efektem, jaki chcemy uzyskać. Zwróć uwagę, że jednemu selektorowi możemy nadać kilka atrybutów (cech). Są one wtedy rozdzielone średnikami. Przykład <span style> Po wpisaniu w...
- Selektory pseudoklas CSS / Odsyłacz podstawowy :link
a:link { cecha: wartość } gdzie litera "a" na początku deklaracji, jest selektorem odsyłacza [zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie pozwala nadać określone atrybuty formatowania dla wszystkich podstawowych odsyłaczy na stronie czyli takich, które nie zostały jeszcze odwiedzone przez użytkownika. Ponieważ pseudoklasa :link odnosi się tylko do odsyłaczy, w regule...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...obowiązkowo podać w przypadku większości systemów, jest "symbols: symbole". Określa ona rozdzieloną dowolnymi białymi znakami (np. spacjami) listę tekstów, które zostaną użyte jako wyróżniki wykazu (patrz poniżej). Każdy z elementów tej listy powinien być ujęty w znaki cudzysłowu ("...") albo apostrofy ('...'), chyba że spełnia format niestandardowego identyfikatora. Możemy używać zarówno litery, cyfry jak i inne znaki, a nawet piktogramy emoji. Przy czym w tym ostatnim przypadku należy...
- HTML5 / Klawisz Enter <... enterkeyhint>
...<element enterkeyhint="zatwierdzenie">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie zastosowane zbiorczo do nich wszystkich zatwierdzenie Może przyjąć jedną z poniższych wartości: enter - operacja ↵ (Enter), zazwyczaj oznaczająca wstawienie nowej linii. done - operacja...
- Kaskadowe Arkusze Stylów / Dlaczego warto używać CSS?
...które do tej pory były praktycznie niemożliwe do osiągnięcia: Różne wartości pogrubienia czcionki (9 rodzajów) Dodatkowe możliwości formatowania tekstu Przykład To jest nadkreślenie tekstu Ten paragraf został napisany małymi literami, ale dzięki transformacji, jest wyświetlany za pomocą wielkich liter. Ten akapit zaczyna się wcięciem, którego można użyć jako tabulatora, rozpoczynającego każdy nowy akapit (normalny znak tabulatora wpisany w kodzie źródłowym strony, jest ignorowany przez...
- 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...
- Multimedia HTML / 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...