Pobierz prezentację
Pobieranie prezentacji. Proszę czekać
1
OPRACOWAŁ : KONRAD MIGAŁA iz10015
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. 136 4.E. Mirecka, T. Chrzanowski Wyszukiwanie selekcjonowanie i gromadzenie informacji cz. 2, Warszawa 2003, wyd. WSPSA, str. 136 5.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. 137 7.E. Mirecka, T. Chrzanowski Wyszukiwanie selekcjonowanie i gromadzenie informacji cz. 2, Warszawa 2003, wyd. WSPSA, str. 145 8.http://www.poradnik-webmastera.com/kursy/html/bloki.php/ komentarzhttp://www.poradnik-webmastera.com/kursy/html/bloki.php/
28
1. http://www.il.pw.edu.pl/~vine/html/HTML04.htm http://www.il.pw.edu.pl/~vine/html/HTML04.htm 2. http://www.poradnik-webmastera.com/kursy/html/bloki.php http://www.poradnik-webmastera.com/kursy/html/bloki.php 3. E. Mirecka, T. Chrzanowski, Wyszukiwanie selekcjonowanie i gromadzenie informacji cz. 2, Warszawa 2003, wyd. WSPSA;
Podobne prezentacje
