bezpośrednio - Kurs HTML i CSS
Komendy HTML 4.01 / <!-- Komentarz -->Oznacza wieloliniowy komentarz, który nie pokaże się w oknie przeglądarki, lecz będzie znajdował się bezpośrednio w kodzie źródłowym dokumentu. Zobacz więcej...
- Podcast HTML / #9 HTML5
...takie jak autor lub prawa autorskie. Również nie tworzy nowej sekcji w dokumencie. <main>: wskazuje główną zawartość strony WWW, z którą bezpośrednio związany jest tytuł strony. Służy jedynie do grupowania - nie tworzy nowej sekcji. <nav>: sekcja strony zawierająca odnośniki nawigacyjne (np. menu główne). Inne ważne elementy semantyki: <figure> i <figcaption>: służą do oznaczania załączników (ilustracji, diagramów, kodu źródłowego) i dodawania do nich podpisów. <mark>: służy...
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
...również zdjęcie, a nawet jednocześnie zdjęcie np. z jego podpisem tekstowym. Dzięki temu odsyłacz zadziała bez względu na to, czy użytkownik kliknie bezpośrednio w zdjęcie czy może w jego podpis. Na przykład: <a href="duze-zdjecie.jpg"><img src="male-zdjecie.jpg" alt="Zobacz duże zdjęcie" style="border: 0"><br> Tu wpisz podpis zdjęcia</a>.
- Nagłówek i treść HTML / Słowa kluczowe <meta "keywords">
...zupełnie ignorowany przez większość wyszukiwarek internetowych. Dlatego aby skutecznie dodać słowa kluczowe do swojej strony, najlepiej je wstawić bezpośrednio w treści, tak żeby były widoczne dla czytelnika. Jak dobrać słowa kluczowe SEO? SEO to skrót z języka angielskiego: Search Engine Optimization - czyli optymalizacja dla wyszukiwarek internetowych. Jest to zbiór działań mających na celu poprawienie miejsca strony w wynikach wyszukiwania np. Google. Jednym z nich są odpowiednio...
Czcionki CSS / Czcionki osadzone @font-face...Użytkownik nie będzie mógł z takiej czcionki korzystać po wyjściu z serwisu - chroni to prawa autorskie producentów czcionek. Osadzanie czcionki bezpośrednio na stronie odbywa się w arkuszu stylów (wewnętrznym lub zewnętrznym) poprzez użycie specjalnej reguły stylów @font-face, w której wskazujemy lokalizację pliku czcionki. Natomiast przypisanie tak zdefiniowanej czcionki do wybranych elementów na stronie odbywa się już w standardowy sposób, który został opisany w rozdziale. pt...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...typ stylu tylko do jednego elementu. Właśnie w takiej sytuacji wygodniejsze może się okazać użycie funkcji symbols(...), którą przypisujemy bezpośrednio do własności list-style-type lub list-style. Przykład {list-style-type: symbols} ol { list-style-type: symbols(cyclic "a" "b" "c"); } Punkt pierwszy Punkt drugi Punkt trzeci Punkt czwarty Punkt piąty Punkt szósty Zauważ, że w przypadku anonimowego typu stylu wykazu przyrostek stanowi tylko spacja, a nie kropka ze spacją...
- Szablon strony na DIV-ach / Stały szablon
...dopuszczalną szerokość stałego szablonu, w której zajmuje on całą dostępną szerokość zmaksymalizowanego okna przeglądarki. Nie można jednak bezpośrednio przyjąć wartości 800px, ponieważ w oknie musi się jeszcze zmieścić pionowy pasek przewijania. W większości systemów operacyjnych szerokość paska przewijania wynosi 20px, a więc żaden szablon nie powinien być szerszy niż 780px - o ile wyzerujemy poziome marginesy strony. Biorąc pod uwagę malejącą liczbę użytkowników pracujących w...
- Dobre praktyki / Przykazania webmastera
...dokumentu, wydłużając nieco czas ładowania strony, ale zawsze możesz pójść na jakiś kompromis - np. zrezygnować z tych oczywistych wcięć (wiadomo że bezpośrednio w ul musi zawierać sie li). Staraj się używać znacznika button zamiast input Ułatwi Ci to późniejszą stylizację wyglądu oraz umożliwi bezproblemowe zastosowanie techniki zamiennika obrazkowego. Dziel obszerne artykuły na osobne podstrony Rozbudowane artykuły długo się ładują. Użytkownik po prostu może się szybko zniecierpliwić i w...
Skórki...nowej skórce, ogranicza się do zewnętrznego arkusza stylów, czyli pliku style.css. Jeżeli formatowanie ważnych elementów serwisu będzie przeniesione bezpośrednio do kodu źródłowego dokumentów HTML, z poziomu arkusza CSS niewiele będzie się dało zmienić. Z doświadczenia mogę poradzić, że semantyczny kod znacznie łatwiej się stylizuje, co jest kolejnym argumentem, aby zgłębić to zagadnienie. Ponadto warto dodać, że jeśli szkielet Twojej strony albo np. elementy menu będą zbudowane w oparciu o...
- Nagłówek i treść HTML / Nawigacja <link "prev, next, help, search">
...<link "prev, next"> Pomoc <link "help"> Szukaj <link "search"> Wstęp (interpretuje: Opera 12-) Niektóre przeglądarki pozwalają określić bezpośrednio z poziomu strony WWW dodatkowe punkty nawigacyjne w serwisie. Mogą one być wyświetlane na specjalnym pasku narzędzi (najczęściej Nawigacja) w postaci linków do wskazanych stron. Część z tego typu punktów nawigacyjnych może być również wykorzystywana przez roboty wyszukiwarek internetowych (np. Google). We wszystkich przypadkach...