W pierwszej linijce każdego dokumentu HTML5 zamieszcza się specjalny fragment kodu - doctype -czyli deklaracje typu dokumentu. Element ten określa, że dana zawartość powstała w oparciu o strukturę HTML5.
<!DOCTYPE html>
Formatowanie tekstu
<strong> wyraz pogrubiony
<b> wyraz pogrubiony
<em> wyraz pochylony
<i> wyraz pochylony
<small> wyraz pomniejszony
<mark> podświetlony wyraz
<sup> indeks górny
<sup> indeks dolny
<s> wyraz nieaktualny
<ins> wyraz wstawiony
<del> wyraz usunięty
czwartek, 19 listopada 2015
czwartek, 12 listopada 2015
CSS
CSS - kaskadowe arkusze stylów pozwalają tworzyć reguły określające wygląd zawartości elementów. Możemy np. podać, że tło strony ma być koloru kremowego, wszystkie akapity powinny być wyświetlone czcionką Arial w kolorze szarym albo że nagłówki pierwszego poziomu mają być wyświetlane niebieską pochyloną czcionką Times.
color określa kolor tła, tekstu
przykład zapisywania kolorów w CSS:
Wartości RGB wyrażają kolory jako ilość tworzących go trzech kolorów podstawowych: czerwonego, zielonego i niebieskiego, np. rgb(100,100,90). Wartości kolorów czerwonego, zielonego i nibieskiego są podawane jako liczby z zakresu od 0 do 255.
Kody szesnastkowe to sześciocyfrowe kody reprezentujące ilość trzech kolorów podstawowych, poprzedzone znakiem #, np. #ee3e80.
System szesnastkowy
Styl normalny, kursywa, pochylone
Rozciągnięcie zwarty, normalny, rozszerzony
Umieszczenie stylu CSS w kodzie HTML w nagłówku jako link do zewnętrzego pliku styl.css
color określa kolor tła, tekstu
przykład zapisywania kolorów w CSS:
Wartości RGB wyrażają kolory jako ilość tworzących go trzech kolorów podstawowych: czerwonego, zielonego i niebieskiego, np. rgb(100,100,90). Wartości kolorów czerwonego, zielonego i nibieskiego są podawane jako liczby z zakresu od 0 do 255.
Kody szesnastkowe to sześciocyfrowe kody reprezentujące ilość trzech kolorów podstawowych, poprzedzone znakiem #, np. #ee3e80.
System szesnastkowy
Szesnastkowy system liczbowy znany również pod nazwą system heksadecymalny – pozycyjny system liczbowy, w którym podstawą jest liczba 16. Do zapisu liczb w tym systemie potrzebne jest szesnaście znaków (cyfr szesnastkowych).
W najpowszechniejszym standardzie poza cyframi dziesiętnymi od 0 do 9 używa się pierwszych sześciu liter alfabetu łacińskiego: A, B, C, D, E, F (wielkich lub małych). Cyfry 0-9 mają te same wartości co w systemie dziesiętnym, natomiast litery odpowiadają następującym wartościom: A = 10, B = 11, C = 12, D = 13, E = 14 oraz F = 15.
Nazwy kolorów dostępnych jest 147 predefiniowanych nazw kolorów, które rozpoznają przeglądarki, np. DarkCyan.
Kolor tła - background - color określamy tak samo jak kolory liter.
Tekst
Czcionka szeryfowa charakteryzuje się dodatkowymi kreseczkami na końcach głównych linii tworzących znaki. Elementy te są nazywane szeryfami. np. TimesNewRoman
Czcionka Bezszeryfowa charakteryzuje się prostym zakończeniem liter. np. Arial
Czcionka o Stałej szerokości znaków np. Courier
Grubość cienka , średnia, pogrubiona, bardzo gruba Styl normalny, kursywa, pochylone
Rozciągnięcie zwarty, normalny, rozszerzony
Umieszczenie stylu CSS w kodzie HTML w nagłówku jako link do zewnętrzego pliku styl.css
<head> <title>Przykład działania CSS</title> <link rel="stylesheet" type="text/css" href="styl.css" /> </head>
czwartek, 5 listopada 2015
Formaty obrazów w internecie
Zapisuj obrazy w odpowiednim formacie: JPG, GIF, PNG.
Zapisuj obrazy w odpowiednich wymiarach i i właściwych proporcjach.
Używaj odpowiedniej rozdzielczości.
Gdy obraz ma wiele kolorów używamy formatu JPG. Formatów GIF lub PNG należy używać do zapisywania obrazów zawierających niewiele kolorów lub duże obszary tego samego koloru.
Obrazy wektorowe różnią się od obrazów rastrowych i są niezależne od rozdzielczości.
Format ten służy do tworzenia logo, ilustracji, diagramów.
Format GIF służy do tworzenia prostych animacji.
Przykłady
JPG
Logo wektorowe
animowany GIF
Zapisuj obrazy w odpowiednich wymiarach i i właściwych proporcjach.
Używaj odpowiedniej rozdzielczości.
Gdy obraz ma wiele kolorów używamy formatu JPG. Formatów GIF lub PNG należy używać do zapisywania obrazów zawierających niewiele kolorów lub duże obszary tego samego koloru.
Obrazy wektorowe różnią się od obrazów rastrowych i są niezależne od rozdzielczości.
Format ten służy do tworzenia logo, ilustracji, diagramów.
Format GIF służy do tworzenia prostych animacji.
Przykłady
JPG
Logo wektorowe
animowany GIF
Wstawianie zdjęć
Aby umieścić obraz na stronie WWW,należy użyć elementu img. Jest to element pusty (to oznacza, że nie ma znacznika zamykającego). W elemencie img należy określić wartości następujących atrybutów: src Atrybut ten informuje przeglądarkę, gdzie może znaleźć plik obrazu. Zazwyczaj wartością tego atrybutu będzie względny adres URL wskazujący w tej samej witryna. alt Ten atrybut zawiera tekst stanowiący opis obrazu, z którego można skorzystać, gdy obraz nie będzie widoczny. title Można także skorzystać z atrybutu title elementu img, by przekazać dodatkowe informacje o obrazie
Atrybuty określające wymiary obrazu: height - określa wysokość obrazu, width - określa szerokość obrazu.
Przykład
Atrybuty określające wymiary obrazu: height - określa wysokość obrazu, width - określa szerokość obrazu.
Przykład
Subskrybuj:
Posty (Atom)