treść - Kurs HTML i CSS
HTML dla zielonych / Jak zrobić dobrą stronę HTML...dobrych stron w Internecie zbudowana jest następująco: na górze znajduje się banner lub logo serwisu, po lewej lub po prawej - menu, a obok - treść strony. Nie znaczy to, że musisz koniecznie podporządkować się takiemu kanonowi, lecz jeżeli chcesz uzyskać podobną strukturę, we właściwej treści strony (BODY) wpisz np.: <header style="text-align: center">Tutaj można umieścić logo serwisu</header> <nav style="width: 300px; float: left; overflow: hidden"> Tu umieszcza się odsyłacze spisu...
- XHTML / Typy MIME dokumentów XHTML
...deklaracja strony kodowej nie wystarczy do określenia typu MIME! Konieczne jest przesłanie odpowiedniego nagłówka HTTP, poprzedzającego właściwą treść dokumentu. W języku HTML (ani XHTML) nie ma takiej możliwości. W przypadku dokumentów HTML lub XHTML 1.0 kompatybilnych wstecz, nie trzeba się jednak tym martwić. Wystarczy nadać plikowi odpowiednie rozszerzenie - zwykle *.html. Z dokumentami XHTML 1.1 może być jednak większy kłopot. Teoretycznie ten sam mechanizm moglibyśmy uzyskać, nadając...
- HTML5 / Nowe elementy HTML5
...przy wstawianiu sekcji zaliczamy również: BODY, H1, H2, H3, H4, H5, H6, ADDRESS. Nagłówki sekcji Jeżeli z kodu źródłowego strony usuniemy całą treść oprócz nagłówków wszystkich sekcji i podsekcji, powinniśmy otrzymać zagnieżdżoną listę w formie spisu treści dokumentu (ang. document outline). Nawet jeśli jawnie nie umieścimy spisu treści na stronie, taki domniemany spis nagłówków może być niezwykle przydatny dla czytelników serwisu. Osoby niewidome, korzystające z przeglądarki...
- Ikony (symbole) / Formatowanie tekstu
...table table Strona kontaktowa contact_page contact_page Archiwum archive archive Pulpit przestrzenny space_dashboard space_dashboard Wklej treść content_paste content_paste Procent percent percent Załącznik attachment attachment Zadanie indywidualne assignment_ind assignment_ind Formatuj listę numerowaną format_list_numbered format_list_numbered Zadanie oddane assignment_turned_in assignment_turned_in Etykieta tag tag Wykres tabeli table_chart table_chart Pola tekstowe...
Rozmiary CSS / Przeciąganie {resize}...możliwa zmiana tylko wysokości horizontal - możliwa zmiana tylko szerokości none - użytkownik nie może zmienić rozmiaru elementu Zdarza się, że treść elementu nie mieści się w ustalonych dla niego wymiarach. Może to spowodować zaburzenie estetyki strony - np. kolumna menu może w takiej sytuacji opaść na dół (pod treść). Można się przed tym zabezpieczyć blokując przepełnienie elementu ("overflow: hidden"). Co jednak, jeśli czytelnik mimo wszystko będzie chciał zobaczyć przyciętą treść...
- Podcast HTML / #8 Formularze HTML
Pobierz plik MP3... Zobacz więcej... Wszystkie odcinki podcastu HTML: #1 HTML dla zielonych #2 Nagłówek i treść HTML #3 Tekst HTML #4 Odsyłacze HTML #5 Tabele HTML #6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Wprowadzenie do formularzy HTML i ich zastosowanie Formularze HTML umożliwiają stosowanie interaktywnych elementów na stronach WWW. Są one przydatne do gromadzenia informacji o użytkownikach odwiedzających serwis lub do zamawiania towarów w sklepach...
- Dobre praktyki / Przykazania webmastera
...a dla obszerniejszych akapitów - z czcionek osadzonych. Stosuj inny tytuł na każdej podstronie Znacznik title powinien najlepiej odzwierciedlać treść zawartą na danej stronie. W związku z tym w każdym dokumencie powinien być inny, chyba że w serwisie masz dwa artykuły o identycznym tytule. Ponieważ znacznik ten może mieć również duże znaczenie, jeśli chodzi o pozycję strony w wynikach wyszukiwarek sieciowych, zaleca się nie wstawiać do niego bezużytecznych wyrazów - jak np.: strona...
- Nagłówek i treść HTML / Strona kanoniczna <link "canonical">
W niemal każdym serwisie internetowym zdarza się, że ta sama treść jest prezentowana na kilka sposobów, tzn. pod różnymi adresami URL: specjalna wersja serwisu przystosowana dla urządzeń mobilnych (smartfony, tablety itp.) osobne wersje artykułów przeznaczone do wydruku dokumenty zawierające tę samą listę pozycji (produktów, wyników wyszukiwania, artykułów itp.), a jedynie posortowanych w inny sposób - np. artykuly.php?sortuj=data i artykuly.php?sortuj=alfabet obszary witryny wymagające...
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...<option>Tu wpisz drugą możliwość</option> (...) </select> </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania). Zostanie ona później wysłana wraz z formularzem (wysłane zostaną również wpisane możliwości odpowiedzi). Jeśli chcemy, aby w formularzu zostały przesłane inne wartości niż treść znaczników <option>...</option>, można wprowadzić dla tych znaczników dodatkowe atrybuty value="wartość". Ich treść może się różnić od tekstu wpisanego po...
- Formularze HTML / Obszar tekstowy <textarea>
...cols="x" rows="y">Tu wpisz tekst który pojawi się domyślnie</textarea> </form> gdzie jako "nazwa" należy wpisać nazwę danego pola (np. skróconą treść pytania). Zostanie ona później wysłana wraz z formularzem. Natomiast "x" oraz "y" oznaczają odpowiednio: ilość kolumn i wierszy tekstu, które mogą się jednocześnie zmieścić w polu, bez jego przewijania. Polecenie to wyświetla na ekranie wieloliniowe pole tekstowe (obszar tekstowy). Pozwala ono na wprowadzenie pewnego dłuższego komentarza...