oznacza html - Kurs HTML i CSS
HTML dla zielonych / Edytory HTML...Przecież zasady pisowni zawsze są takie same, bez względu na narzędzie jakiego używamy. Podobnie wykorzystanie tekstowych edytorów HTML wcale nie oznacza, że gorzej nauczymy się języka HTML. Przyspieszy to tylko naszą pracę i uchroni od popełnianych błędów składniowych, czyli raczej pozwoli nam jeszcze lepiej poznać język HTML. Większość doświadczonych webmasterów-profesjonalistów wykorzystuje tekstowe edytory HTML i Tobie też radzę jak najszybciej zaopatrzyć się w taki. Im wcześniej to...
Dobre praktyki / Przykazania webmastera...a przy tym strona będzie szybciej się ładować i renderować. Nie używaj pustych elementów (znaczników) Przeznaczeniem większości znaczników jest oznaczanie jakichś elementów. Tylko nielicznymi wyjątkami są znaczniki puste - jak np. img. Używanie znaczników niezgodnie z ich przeznaczeniem jest niepoprawne semantycznie. Jeśli potrzebujesz wprowadzić dodatkowy znacznik w celu odpowiedniego wystylizowania wyglądu, zamiast dodawać pusty element, obejmij nim ten fragment kodu źródłowego, któremu...
- Podcast HTML / #7 Widżety HTML
...lub <iframe src="lokalizacja" width="x%" height="y%">...</iframe> "x" to szerokość w pikselach, a "y" to wysokość w pikselach. "x%" oznacza szerokość w procentach całego ekranu (lub elementu nadrzędnego), a "y%" oznacza wysokość w procentach. Jeśli zawartość ramki przekroczy jej rozmiary, przeglądarka wyświetli suwaki do przewijania treści. Wczytywanie strony do ramki lokalnej Aby strony z menu wczytywały się do ramki umieszczonej w treści, używa się odsyłacza z dodatkowym...
- Nagłówek i treść HTML / Język strony <html lang, link hreflang>
...informuje atrybut np. lang="pl" dla znacznika HTML? Wskazuje on na język, w jakim jest napisana treść zawarta na stronie. Na przykład lang="pl" oznacza język polski, lang="en" - angielski, lang="de" - niemiecki, lang="fr" - francuski, lang="it" - włoski, lang="es" - hiszpański.
- Podcast HTML / #9 HTML5
...HTML5 Ewolucja i podstawowa składnia HTML5 HTML5 jest piątą, najnowszą wersją specyfikacji języka HTML. Jest to język komputerowy, którego skrót oznacza Hipertekstowy Język Oznaczania (Hypertext Markup Language), służący do tworzenia stron internetowych. Głównymi celami HTML5 było wprowadzenie nowych elementów w celu zwiększenia interaktywności, multimedialności i semantyczności dokumentów. Ważne cechy ewolucji języka obejmują: Zachowanie kompatybilności wstecz, tak aby użytkownicy...
- Widżety HTML / Ramki lokalne <iframe>
...height> <iframe src="lokalizacja" width="x" height="y">...</iframe> lub <iframe src="lokalizacja" width="x%" height="y%">...</iframe> gdzie "x" oznacza szerokość w pikselach, a "y" oznacza wysokość (również w pikselach). Natomiast "x%" oznacza szerokość w procentach całego ekranu (bądź elementu nadrzędnego posiadającego ustalone wymiary), a "y%" oznacza wysokość (również w procentach). Jeżeli zawartość ramki będzie większa niż jej rozmiary, przeglądarka wyświetli suwaki do przewijania...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...jak poprzednio, lecz teraz plik.gif jest w katalogu głównym, a strona.html w podkatalogu. W takim przypadku przed nazwą pliku trzeba wstawić ../ co oznacza "wyjście" do katalogu nadrzędnego, czyli z katalog/ do www/ Struktura przydatna w przypadku wielu działów w serwisie, z których każdy składa się z dużej ilości podstron umieszczonych w osobnych katalogach. Poprawnie: ../katalog2/plik.gif Niepoprawnie: C:\www\katalog2\plik.gif, katalog2/plik.gif, ..\katalog2\plik.gif...
- Nagłówek i treść HTML / Plik robots.txt
...aby zablokować dostęp do pliku http://www.example.org/index.html, należy wpisać: User-Agent: * Disallow: /index.html Pusta wartość Disallow oznacza brak ograniczeń w indeksowaniu dokumentów: User-Agent: * # Wszystkie dokumenty serwisu będą normalnie indeksowane: Disallow: Aby zablokować dostęp do wszystkich plików z jakiegoś katalogu i ewentualnie wszystkich jego podkatalogów, wystarczy wpisać samą nazwę tego katalogu, która koniecznie musi kończyć się znakiem ukośnika ("/")...
- Szablon strony na DIV-ach / Responsywny szablon
...trochę dziwnie by wyglądało taszczenie pod pachą dwudziestocalowego "mobilnego" monitora do naszego smartfona 😉 Dla twórców stron internetowych oznacza to jedno: konieczne 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ę...
- HTML5 / Filmy i dźwięk <video, audio, source>
...pełnoekranowy powinno się odbyć wyłącznie po wyraźnym wybraniu przez użytkownika odpowiedniej opcji. Jeśli nie użyjemy atrybutu playsinline, nie oznacza to, że wtedy odtwarzanie zawsze rozpocznie się w trybie pełnoekranowym. W rzeczywistości większość przeglądarek nie używa takiego trybu domyślnie. W ich przypadku brak atrybutu playsinline nie wywoła żadnego efektu. poster W przypadku odtwarzacza VIDEO możliwe jest ustawienie statycznego obrazka, który wyświetli się w oknie odtwarzania...