zrobić html - Kurs HTML i CSS
HTML dla zielonych / Jak zrobić dobrą stronę HTML...wiadomości e-mail z użytkownikami. Otwórz się na konstruktywną krytykę. Jeżeli masz jakieś zastrzeżenia co do tego serwisu, wiesz jak można zrobić coś lepiej, var uzytkownik = 'koklowski'; var domena = 'poczta.onet.pl'; var dodatkowe = '?subject=Uwagi'; var opis = 'napisz do mnie'; var dymek = ''; var pasek = ''; var atrybuty = ''; document.write(''); if (opis) document.write(opis + ''); else document.write(uzytkownik + '\x40' + domena + ''); napisz do mnie
Selektory pseudoelementów CSS / Cudzysłowy {quotes}...(blok cytowany). Jak mówi specyfikacja HTML 4.01, cytatów wstawianych w elementach q nie należy obejmować cudzysłowami, gdyż powinna zrobić to przeglądarka. Ponadto, ponieważ w różnych językach (mówionych) używa się różnych znaków cudzysłowu, przeglądarki powinny wygenerować takie, które odpowiadają aktualnemu językowi treści. Od języka zależą również znaki cudzysłowów w cytatach zagnieżdżonych, czyli gdy jeden cytat znajduje się wewnątrz innego. Niestety problem w tym, że...
- Dobre praktyki / Przykazania webmastera
...kolejnych reguł stylów w arkuszu CSS. Co zrobisz, jeśli deklaracja już zawiera !important, a będzie trzeba ją nadpisać? Przecież nie da się zrobić podwójnego !important. Tendencję do korzystania z tej metody mają zwłaszcza osoby, które nie znają zasad szczegółowości selektorów. Przyswojenie sobie tych kilku prostych i intuicyjnych punktów naprawdę nie jest trudne. Postaraj się to zrobić, a prawdopodobnie zupełnie zapomnisz o istnieniu deklaracji !important 🙂 Nie wstawiaj...
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...dokumentu HTML należy wstawić deklarację strony kodowej: <meta charset="utf-8">. Ponadto konieczne jest użycie odpowiedniego edytora HTML. Jak zrobić podstrony w HTML? Serwisy internetowe zwykle składają się z wielu podstron. Aby stworzyć podstronę, otwórz dowolny edytor HTML i utwórz w nim nowy plik - dokładnie w taki sam sposób, jak przy tworzeniu strony głównej serwisu. Następnie wprowadź w nim odpowiednią treść i zapisz plik na dysku z rozszerzeniem *.html albo *.htm. Jak...
- Widżety HTML / Szablon strony bez ramek
...stopka itd. W każdym pliku podstrony trzeba za każdym razem powtórzyć te elementy. Wyobraź sobie teraz, że chcesz dodać do menu nowy link. Aby to zrobić, musisz otworzyć osobno każdy dokument i ręcznie dodać tam link. Oczywiście jest to ogromnie niewygodne, do tego stopnia, że po jakimś czasie można się wręcz zniechęcić do robienia jakichkolwiek aktualizacji serwisu 🙁 Rozwiązaniem tego problemu mogłyby być ramki lokalne (<iframe>...</iframe>). W takim przypadku teoretycznie można...
- HTML dla zielonych / Koniec linii HTML <br>
...wtedy, gdy podany tekst będzie zbyt długi, aby zmieścić się w jednym wierszu. Jeśli jednak koniecznie chcemy natychmiast zakończyć linię, możemy to zrobić, stawiając w miejscu gdzie ma być ona zakończona, znacznik <br>. Np. wpisanie w edytorze: To jest pierwsza linia...<br> a to jest druga linia. spowoduje wyświetlenie tekstu: To jest pierwsza linia... a to jest druga linia. Jeśli postawisz obok siebie więcej niż jeden znacznik <br>, możesz "zejść" kilka linijek niżej, np. wpisanie: To...
- Szablon strony na DIV-ach / Responsywny szablon
...jest takie projektowanie serwisów, aby wyglądały dobrze, były czytelne i wygodne w użytkowaniu również na urządzeniach przenośnych. Jak to jednak zrobić? Istnieje kilka strategii. Powiększenie strony Pozornie najprostszym rozwiązaniem jest nic nie robić 😉 Nowoczesne urządzenia mobilne posiadają wbudowaną funkcję powiększania strony, z której użytkownik może skorzystać, jeśli tekst jest dla niego za mały, aby można go było wygodnie czytać. Problem w tym, że każdy kto choć raz był...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...opcji. Można go zastosować do prezentowania wskazówek, formularzy lub złożonych opcji, które użytkownik może szybko zamknąć lub ukryć. Jak zrobić popover w HTML? Aby zrobić popover w HTML, użyj atrybutu popover na elemencie, który ma się pojawić jako popover, oraz atrybutów popovertarget i popovertargetaction na elementach wyzwalających. Przykładowy kod: <div id="identyfikator" popover>...</div> <button type="button" popovertarget="identyfikator">Otwórz/Zamknij</button>. Ten kod...
- Formularze HTML / Pole tekstowe <input "text">
...tabeli w kodzie źródłowym. Jeśli jednak ze względu na budowę naszego formularza logiczniej by było aktywować kontrolki kolumnami (pionowo), można to zrobić dodając dla wszystkich pól odpowiedni atrybut tabindex="...": <input type="text" name="nazwa" tabindex="n"> gdzie "n" to liczba z przedziału od 0 do 32767. Przy ustalaniu ostatecznej kolejności aktywacji istnieje kilka zasad: Elementy z atrybutem tabindex="0" (zero) zachowują się identycznie, jakby w ogóle nie miały przypisanego tego...
- Oprawa graficzna / "Duszki" CSS
...przezroczystość, dzięki której ikony PNG nie mają poszarpanych krawędzi, nieważne na jakim kolorze tła zostaną wyświetlone. Żądania HTTP A co zrobić, kiedy wszystkie grafiki mamy już zapisane w odpowiednim formacie i przy optymalnie dobranym stopniu kompresji? Okazuje się, że na długość czasu wczytywania kompletnej strony WWW ma wpływ nie tylko co, ale w jaki sposób jest ładowanie. Po wybraniu adresu dowolnego współczesnego serwisu internetowego, przeglądarka zaczyna ładowanie dokumentu...