tekst html - Kurs HTML i CSS
CSS dla zielonych / Wyrównanie tekstu CSS {text-align}...Dzięki temu będzie on bardziej czytelny dla użytkownika. W pojedynczym dokumencie HTML może się znajdować wiele oddzielnych akapitów. Co zrobić, aby tekst w każdym z nich był ułożony tak samo? Dzięki możliwościom jakie dają style CSS, nie musimy tego robić dla każdego akapitu osobno. Wystarczy że w arkuszu CSS wpiszemy następującą regułę stylów: p { text-align: wyrównanie; } Dzięki temu tekst we wszystkich akapitach na stronie zostanie wyrównany w określony sposób: left - wyrównanie...
- Tekst CSS / Kolor tekstu {color}
selektor { color: kolor } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "kolor" należy podać definicję koloru. Polecenie pozwala ustalić dowolny kolor tekstu. Jeśli definiowane własności mają odnosić się do całej strony (np. kolor tekstu na całej stronie), można użyć selektora BODY lub HTML. Przykład {color} kolor red kolor #66AAFF kolor #69C kolor rgb(255,33,170)...
- CSS dla zielonych / Edytory CSS
Style CSS można oczywiście pisać ręcznie, ponieważ jest to zwykły tekst - tak jak w przypadku samego HTML. Lecz stosowanie specjalnych edytorów przyspiesza i ułatwia nam pracę oraz zmniejsza ryzyko popełnienia błędów. Pozwalają automatycznie zdefiniować np. wielkość i kolor czcionki, kolor odsyłaczy czy tła (za pomocą specjalnych generatorów). Kolorowanie składni sprawia, że natychmiast odnajdziemy wszystkie błędy. Kreatory stylów (ang. wizards) są najczęściej wbudowane w edytory HTML. Zwykle...
Rozwijane menu...obsługiwać skryptów JavaScript, strony z takiego menu będą niedostępne. Dlatego zaleca się umieścić w innym miejscu również zwykłych odsyłaczy tekstowych. <select onchange="self.location.href = this.value"> <option VALUE="adres1.html">Opis1</option> <option VALUE="adres2.html">Opis2</option> ... </select> adres1.html, adres1.html Adresy (lub względne ścieżki dostępu) stron, które chcemy wczytać po wybraniu danej pozycji na liście Opis1, Opis2 Test, który pojawi się na liście i...
HTML dla zielonych / Kolor tła oraz tekstu HTML <body "background-color, color"><body style="background-color: kolor tła; color: kolor tekstu"> Tu jest właściwa treść strony </body> Zamiast wyrazów "kolor tła" oraz "kolor tekstu" należy wpisać definicję koloru odpowiednio: tła strony oraz tekstu na całej stronie. Robi się to tak samo jak w przypadku czcionek. Jeśli chcemy ustalić kolor tła oraz tekstu na całej stronie możemy użyć dodatkowych wartości atrybutu dla znacznika <body>. Wartości te ("background-color: ...; color: ...") nie wpisujemy w miejscu właściwej treści...
- Skórki
...arkusza stylów skórki. zrzut ekranu Obrazek ze zrzutem ekranu skórki. Oczywiście w miejsce znacznika obrazka <img> można wstawić również zwykły tekst. Nazwa skórki Tekst alternatywny dla przeglądarek niegraficznych. Jeżeli struktura katalogów serwisu nie jest płaska, tzn. poszczególne podstrony znajdują się w podkatalogach, konieczne będzie podanie bezwzględnej ścieżki dostępu do arkusza CSS, ponieważ wpisana tutaj ścieżka musi być poprawna na wszystkich podstronach serwisu, a nie...
- Odsyłacze HTML / Do podstrony <a href>
...dostępu" należy podać lokalizację na dysku, gdzie znajduje się podstrona, do której chcemy się przenieść. W miejsce wyrazu "opis" wpisujemy krótki tekst, który pojawi się na ekranie i po kliknięciu którego nastąpi uruchomienie odsyłacza (ścieżka dostępu pojawia się jedynie na pasku statusu przeglądarki). Praktycznie każdy serwis internetowy składa się z pewnej ilości podstron, zapisanych w osobnych plikach HTML. Aby umożliwić w nich nawigację, wstawia się właśnie takie polecenia, odnoszące...
- HTML5 / Napisy do filmów <track>
Spis treści <track> Napisy do filmów <track> Rodzaj napisów WebVTT Ustawienia napisu Dialogi Formatowanie tekstu Stylizacja napisów Napisy do filmów <track> (interpretuje: Internet Explorer 10, Firefox 31, Opera 12.1, Chrome 23) <video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) <track src="napisy.vtt" default> (...) Treść alternatywna </video> gdzie: napisy.vtt Lokalizacja pliku...
- Czcionki CSS / Wielkość czcionki {font-size}
...Podsumowanie Wielkość czcionki {font-size} selektor { font-size: rozmiar } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wielkość czcionki. Możliwe są tutaj cztery sposoby: Imienne wartości absolutne: xx-small - najmniejsza x-small - bardzo mała small - mała medium - średnia large - duża x-large - bardzo duża xx-large...
- HTML dla zielonych / Odsyłacz obrazkowy HTML <a href, img src alt "border">
Wszystkie odsyłacze przedstawione do tej pory, miały postać tekstową. Jeśli chcesz umieścić w swoim serwisie np. menu z obrazkowymi przyciskami, należy w tym celu użyć następującego polecenia: <a href="adres"><img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny" style="border: 0"></a> gdzie jako "adres" można podać: względną ścieżkę dostępu do dowolnej podstrony Twojego serwisu (np.: index.html), adres internetowy poprzedzony przez "http://" lub...