Kurs HTML - HTML - Tekst.pdf - Kurs HTML ════ ''1111'' otwiera kłódki ═══════ - ttaaddeekk1

Kurs HTML - HTML - Tekst

Strona 1

Tekst

W tym rozdziale dowiesz się...

Jakie są podstawowe modele wyświetlania znaczników HTML?

W jaki sposób układać tekst na ekranie? Jak dodać nowy akapit? Jak wyśrodkować lub wyjustować tekst?

Jak wstawić tytuł (nagłówek) na stronie WWW? W jaki sposób wyświetlić "dymek narzędziowy" po

wskazaniu tekstu myszką

Jak zgrupować elementy w blok i ustawić po lewej, po prawej lub wyśrodkować (wycentrować)?

W jaki sposób ustawić tekst i inne elementy na środku ekranu (wyśrodkowanie, centrowanie)?

W jaki sposób przenieść tekst do następnej linijki w dokumencie HTML?

Jak nie dopuścić do zawinięcia tekstu na ekranie przeglądarki, czyli sprawić aby cały tekst znajdował się w

jednej linijce?

W jaki sposób pogrubić (wytłuścić) tekst na stronie WWW?

W jaki sposób pochylić tekst na stronie WWW (kursywa)?

W jaki sposób podkreślić tekst na stronie WWW?

W jaki sposób przekreślić tekst na stronie WWW?

Jak wstawić migający tekst (migotanie)?

Jak wyróŜnić tekst na ekranie (emfaza)?

Jak wstawić indeks górny i dolny przy tekście?

Jak kontrolować wygląd czcionki (tekstu): wielkość (rozmiar) czcionki, kolor tekstu, rodzaj czcionki (krój

czcionki)? W jaki sposób maksymalnie zabezpieczyć się przed wyświetleniem tekstu niechcianym krojem

czcionki?

Jak ustalić czcionkę na całego tekstu na stronie WWW?

Jak pomniejszyć lub powiększyć tekst?

Jak wprowadzić tekst preformatowany, czyli taki, który wygląda identycznie jak w edytorze tekstowym?

Jak oznaczyć kod komputerowy?

Jak oznaczyć tekst, który uŜytkownik powinien wprowadzić z klawiatury?

Jak wprowadzić efekt dalekopisu?

Jak oznaczyć tekst, będący przykładem działania programu lub skryptu?

Jak oznaczyć zmienną lub argument programu?

Jak powinno się wprowadzać cytaty i odniesienia do źródła?

Jak wprowadzić dłuŜszy cytat?

Jak umieścić na stronie WWW adres?

Jak poinformować uŜytkownika o wprowadzonych zmianach na stronie WWW: elementy wstawione i

usunięte?

Jak powinno się oznaczać skróty i akronimy?

Jak oznaczyć definicję terminu?

Jak wprowadzić na stronę WWW słownik (listę definicyjną)?

Jak wprowadzić na stronę wykaz: wypunktowanie (lista nieuporządkowana) lub numerowanie (lista

uporządkowana)?

W jaki sposób zrobić listę punków i podpunktów (wykaz)?

Jak umieścić poziomą linię, oddzielającą sąsiednie akapity?

Jak obramować tekst?

W jaki sposób ukryć przed uŜytkownikiem wybrany tekst?

http://www.kurshtml.boo.pl/html/tekst.print.html

2008-02-07 18:44:03

Kurs HTML - HTML - Tekst

Strona 2

Co to znaczy, Ŝe kod (X)HTML jest poprawny semantycznie i dlaczego jest to takie waŜne?

Wyświetlanie

Język HTML przewiduje dwa podstawowe modele wyświetlania treści znaczników:

1. w bloku - podczas wyświetlania bloku w przeglądarce, automatycznie dodawane są znaki końca linii (linijki

przerwy) przed oraz po takim bloku tak, Ŝe kaŜdy taki element jest wyświetlany w nowej linii. Generalnie

element blokowy moŜe zawierać wewnątrz siebie zwykły tekst, jak równieŜ inne elementy blokowe. Został

on pomyślany do tworzenia obszerniejszych struktur niŜ elementy wyświetlane w linii .

2. w linii - elementy takie są wyświetlane normalnie, tzn. bez dodawania dodatkowych interlinii przed i po (tak

jak zwykły tekst). Dwa takie elementy mogą znajdować się w jednej linii - obok siebie. Generalnie nie

powinny one zawierać elementów blokowych, ale mogą inne elementy wyświetlane w linii oraz zwykły tekst.

Jeśli jednak umieścimy wewnątrz nich jakiś element blokowy, moŜe to spowodować (choć nie musi), Ŝe

przeglądarka zignoruje taki znacznik (w większości przypadków tak się nie dzieje).

O tym, w jaki sposób wyświetlany jest dany znacznik, moŜesz dowiedzieć się w rozdziale: HTML 4.01.

Najczęściej moŜna jednak odgadnąć to intuicyjnie, np. wydaje się logiczne, Ŝe tekst pogrubiony musi być

wyświetlany w linii, poniewaŜ gdyby tak nie było, nie moŜna by pogrubić za jednym razem dwóch oddzielnych

wyrazów, znajdujących się w tym samym wierszu tekstu.

Przykład:

To jest zwykły tekst

To jest blok

To jest zwykły tekst

To jest paragraf (blok z interlinią - podobnie jak tytuł)

To jest zwykły tekst

To jest zwykły tekst To jest element wyświetlany w linii To jest zwykły tekst

Akapit

wyświetlanie : w bloku *

Akapit jest to część tekstu objęta znacznikami: <p>...</p> . Następujące bezpośrednio po sobie akapity są

oddzielone przerwą w tekście (pustą linią). Dzięki umieszczaniu w kolejnych akapitach treści nieco róŜniącej się

tematycznie, strona stanie się bardziej estetyczna oraz czytelniejsza. JeŜeli przed akapitem lub serią akapitów

postawimy znak paragrafu § (w kodzie źródłowym reprezentowany przez znak specjalny § ) z ewentualnym

http://www.kurshtml.boo.pl/html/tekst.print.html

2008-02-07 18:44:03

Kurs HTML - HTML - Tekst

Strona 3

numerem porządkowym, to taki fragment tekstu nosi nazwę paragraf . Zwykle odnosi się on do przepisów

prawnych.

Stosując akapity moŜemy skorzystać z kilku metod wyrównywania tekstu na stronie (czyli jego ustawienia):

1. Wyrównanie do lewej (domyślnie)

lub

2. Wyrównanie do prawej

3. Wyśrodkowanie

4. Justowanie (wyrównanie do obu marginesów jednocześnie)

Atrybut ALIGN jest zdeprecjonowany przez specyfikację HTML 4.01 - zaleca się stosowanie stylów.

* Akapit (paragraf) jest znacznikiem specyficznym - jest wyświetlany w bloku, ale nie mo Ŝ e zawierać innych

elementów blokowych (włączając w to inne paragrafy). MoŜe natomiast zawierać zwykły tekst oraz elementy

wyświetlane w linii.

Przykład:

align= "left" ,

wyrównanie do lewej,

wyrównanie do lewej (align="left"),

(align="left")...

align= "right" ,

wyrównanie do prawej,

wyrównanie do prawej (align="right"),

(align="right")...

align= "center" ,

wyśrodkowanie,

wyśrodkowanie (align="center"),

(align="center")...

justowanie, czyli wyrównanie do obu marginesów jednocześnie (align= "justify" ); justowanie, czyli wyrównanie do

obu marginesów jednocześnie (align="justify"); justowanie, czyli wyrównanie do obu marginesów jednocześnie

http://www.kurshtml.boo.pl/html/tekst.print.html

2008-02-07 18:44:03

Kurs HTML - HTML - Tekst

Strona 4

(align="justify"); justowanie, czyli wyrównanie do obu marginesów jednocześnie (align="justify"); justowanie,

czyli wyrównanie do obu marginesów jednocześnie (align="justify"); justowanie, czyli wyrównanie do obu

marginesów jednocześnie (align="justify"); justowanie, czyli wyrównanie do obu marginesów jednocześnie

(align="justify"); justowanie, czyli wyrównanie do obu marginesów jednocześnie (align="justify"); justowanie,

czyli wyrównanie do obu marginesów jednocześnie (align="justify"); justowanie, czyli wyrównanie do obu

marginesów jednocześnie (align="justify")...

Tytuł

( n = 1 ... 6 )

wyświetlanie : w bloku

Aby nadać tytuł (nagłówek) jakiejś części tekstu (rozdziałowi), moŜesz uŜyć tej komendy. Istnieje sześć rzędów

tytułów. NajwyŜszym rzędem jest rząd pierwszy: <h1>...</h1> , a najniŜszym - szósty: <h6>...</h6> .

Tytuł wyŜszego rzędu jest pisany większą czcionką.

Tworząc tytuły moŜesz uŜyć tych samych sposobów wyrównywania tekstu co w przypadku paragrafów, tzn.:

1. Wyrównanie do lewej (domyślnie)

lub

2. Wyrównanie do prawej

3. Wyśrodkowanie

4. Justowanie (wyrównanie do obu marginesów jednocześnie)

Atrybut ALIGN jest zdeprecjonowany przez specyfikację HTML 4.01 - zaleca się stosowanie stylów.

Prawidłowa kolejność tytułów

NaleŜy dąŜyć do tego, aby tytuły na stronie były poukładane w odpowiedniej kolejności, odzwierciadlającej podział

na działy, rozdziały, podrozdziały, punkty, podpunkty itd. Oznacza to, Ŝe kaŜdy element h2 powinien być

poprzedzony przynajmniej przez jeden element h1 , h3 - przez h2 , h4 - przez h3 , h5 - przez h4 , h6 - przez h5 .

W innym przypadku mielibyśmy do czynienia z sytuacją podobną do wykazu numerowanego np. od 1.1 zamiast od

http://www.kurshtml.boo.pl/html/tekst.print.html

2008-02-07 18:44:03

Kurs HTML - HTML - Tekst

Strona 5

1 albo z brakującymi podpunktami, tzn. jak gdyby nastąpiło "przeskoczenie" z punktu nr 1 od razu do 1.1.1

pomijając 1.1.

Przykład:

<h1>1. Dział</h1>

(...)

<h2>1.1. Rozdział</h2>

(...)

<h2>1.2. Rozdział</h2>

(...)

<h3>1.2.1. Podrozdział</h3>

(...)

<h1>2. Dział</h1>

(...)

Dymek narzędziowy

Stosując polecenie: <hn title="Tu podaj opis">...</hn> , moŜemy wprowadzić opis, który będzie się

pojawiał, gdy przesuniemy wskaźnik myszki na dany tytuł. Atrybut ten ( title="..." ) moŜna stosować

praktycznie w stosunku do wszystkich znaczników HTML (oprócz: <base /> , <basefont /> , <head> ,

<html> , <meta /> , <param /> , <script> , <title> ).

UWAGA!

W treści atrybutu title="..." nie naleŜy uŜywać znaków cudzysłowu. Jeśli musimy to zrobić, naleŜy

zamiast nich wpisywać: "

Blok

wyświetlanie : w bloku

Polecenie to wydziela większy blok tekstu, przez co moŜemy nadać mu jakiś rodzaj formatowania:

1. Wyrównanie do lewej (domyślnie)

lub

2. Wyrównanie do prawej

3. Wyśrodkowanie

http://www.kurshtml.boo.pl/html/tekst.print.html

2008-02-07 18:44:03

Kurs HTML - HTML - Tekst.pdf

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika: