Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

OPRACOWAŁ : KONRAD MIGAŁA iz10015. krótki tekst Krótki tekst Do formatowania tekstu użyjemy znacznika jest to znacznik który umożliwia utworzenie akapitu.

Podobne prezentacje


Prezentacja na temat: "OPRACOWAŁ : KONRAD MIGAŁA iz10015. krótki tekst Krótki tekst Do formatowania tekstu użyjemy znacznika jest to znacznik który umożliwia utworzenie akapitu."— Zapis prezentacji:

1 OPRACOWAŁ : KONRAD MIGAŁA iz10015

2

3 krótki tekst Krótki tekst Do formatowania tekstu użyjemy znacznika jest to znacznik który umożliwia utworzenie akapitu zakończonego jednym wierszem odstępu. Część tekstu nie mieszcząca się w oknie zostanie przesunięta do nowego wiersza 3 np.:

4 bardzo dłuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu uuuuuuuuugi tekst ze nie mieści się w jednej liniiiiiiiiiii

5 uuuuuuuuuuuuuuuuuuuuuuuuuu ugi tekst ze nie mieści się w jednej liniiiiiiiiiii bardzo dłuuuuuuuuuuuuu uuuuuuuuuuuuuuuuuuuuuuuuuuugi tekst ze nie mieści się w jednej liniiiiiiiiiii Znacznik powoduje przejście do nowej linii bez zakończenia akapitu. Bywa też stosowany w celu dodania linii odstępu w tekście lub między dowolnymi elementami strony 4 np.:

6 tekst -pogrubiony tekst tekst -przekreślony tekst tekst - pochylony tekst tekst -podkreślony tekst tekst - wycentrowany tekst tekst -wyrównany do prawej krawędzi tekst tekst - wyrównany do lewej krawędzi tekst tekst - wstawienie dolnego indeksu tekst tekst - wstawienie górnego indeksu tekst Najważniejsze znaczniki formatowania tekstu:

7 Krój, rozmiar, kolor czcionki

8 Aby sformatować czcionkę stosujemy znacznik wraz z atrybutami oto one: face - krój czcionki np. Arial, Courier size – rozmiar czcionki color – kolor czcionki

9 Czcionka standardowa Czcionka największa czyli 7 Czcionka większa czyli 7 Czcionka wielkości standardowej

10 CYAN MAGENTA Można również zmienić kolor czcionki

11 Tekst preformatowany

12 Tekst tekst tekst tekst tekst Tekst tekst tekst tekst Uzyskuje się go za pomocą znacznika. W obrębie takiego bloku tekst pisany jest czcionką o stałej szerokości znaku, uwzględniane są także przy wyświetlaniu wszelkie spacje, tabulatory i znaki nowej linii. 5

13 Nagłówek

14 Nagłówek stopnia 1 Nagłówek stopnia 2 Nagłówek stopnia 3 Nagłówek stopnia 4 Nagłówek stopnia 5 Nagłówek stopnia 6 Nagłówek stopnia 1 Nagłówek stopnia 2 Nagłówek stopnia 3 Nagłówek stopnia 4 Nagłówek stopnia 5 Nagłówek stopnia 6 Nagłówek służy do dzielenia tekstu na sekcje. W języku HTML wyróżniamy 6 znaczników od do Dlatego też im większy numer nagłówka tym mniejsza czcionka.

15 Wpisując odpowiedni znacznik nagłówek można wyrównać: align=left – wyrównanie z lewej strony align=right – wyrównanie z prawej strony align=center wyrównanie do środka align=justify wyjustowanie

16 Nagłówek wyrównany do lewego marginesu strony Nagłówek który został wyrównany do środka strony Nagłówek wyrównany do prawego marginesu strony Nagłówek który został wyjustowany względem obydwu marginesów Nagłówek który został wyjustowany względem obydwu marginesów

17 Linia pozioma

18 tekst znajduję się nad linią tekst znajduje się pod linią tekst znajduję się nad linią tekst znajduję się pod linią Linie poziome podobnie jak i nagłówki stosowane są do podziału stron WWW na fragmenty. Wizualnie zwiększa to czytelność i przejrzystość dokumentu, a także ułatwia poruszanie się po nim. 7 Do wstawienia linii poziomej będzie nam służył pojedynczy znacznik.

19 linia o grubości 10 Do znacznika możemy użyć następujących atrybutów, które będą miały wpływ na wygląd linii poziomej. Oto one: size=x – odpowiada za grubość linii w pikselach, nie zastosowanie jego spowoduje że wyświetlenie linii o grubości zależnej od przeglądarki np.:

20 linia o długości 100 pikseli linia o długości 50% width=x – określa długość linii, można ją podawać w pikselach lub procentach np.:

21 align=left – wyrównuje linię od lewej krawędzi linia wyrównana do lewej align=right – wyrównuję linię od prawej krawędzi linia wyrównana do prawej aling=center – centruje linię, aby odległości od prawej i lewej krawędzi były równe linia wyrównana do środka

22 Znaki drukarskie

23 Czasem zachodzi konieczność stosowania znaków, które nie są dostępne wprost z klawiatury lub też nie można uzyskać ich wprost albowiem służą do budowania znacznika (np. ^ ) i przeglądarka mogłaby się je nieprawidłowo zinterpretować. 8 Stosujemy wtedy kod znaków. Wyróżniamy kody nazwane i numerowane.

24 Kody nazwane: rozpoczynamy znakiem & (wpisujemy skrót nazwy znaku) kończymy ; np.: < oznacza < > oznacza > &cicr oznacza ^ Kody numerowane: jest to numer, który należy wprowadzić jednakże poprzedzić go znakami & # a kończymy ; np. : < oznacza < > oznacza > ˆ oznacza ^

25 Komentarz

26 Znacznik komentarza, W pewnych sytuacjach chcielibyśmy wstawić komentarz do pliku HTML, aby np. oznaczyć pewne miejsca (jak np. miejsce od którego zaczyna się menu czy właściwa treść strony), lub też "wyłączyć" pewne fragmenty kodu, które tymczasowo nie są potrzebne. Służy do tego znacznik, w obrębie którego wstawia się komentarz. 9

27 1.A. Tomaszewska – Adamek, Tworzenie stron WWW ilustrowany przewodnik, Gliwice 2007, wyd. Helion, str.70 2.http://www.poradnik-webmastera.com/kursy/html/bloki.phphttp://www.poradnik-webmastera.com/kursy/html/bloki.php 3.E. Mirecka, T. Chrzanowski, Wyszukiwanie selekcjonowanie i gromadzenie informacji cz. 2, Warszawa 2003, wyd. WSPSA, str E. Mirecka, T. Chrzanowski Wyszukiwanie selekcjonowanie i gromadzenie informacji cz. 2, Warszawa 2003, wyd. WSPSA, str http://www.poradnik-webmastera.com/kursy/html/bloki.php tekst preformatowanyhttp://www.poradnik-webmastera.com/kursy/html/bloki.php 6.E. Mirecka, T. Chrzanowski Wyszukiwanie selekcjonowanie i gromadzenie informacji cz. 2, Warszawa 2003, wyd. WSPSA, str E. Mirecka, T. Chrzanowski Wyszukiwanie selekcjonowanie i gromadzenie informacji cz. 2, Warszawa 2003, wyd. WSPSA, str http://www.poradnik-webmastera.com/kursy/html/bloki.php/ komentarzhttp://www.poradnik-webmastera.com/kursy/html/bloki.php/

28 E. Mirecka, T. Chrzanowski, Wyszukiwanie selekcjonowanie i gromadzenie informacji cz. 2, Warszawa 2003, wyd. WSPSA;

29


Pobierz ppt "OPRACOWAŁ : KONRAD MIGAŁA iz10015. krótki tekst Krótki tekst Do formatowania tekstu użyjemy znacznika jest to znacznik który umożliwia utworzenie akapitu."

Podobne prezentacje


Reklamy Google