HTML

- język opisu strony

mgr inż. Piotr Knyziak, OMK IL PW

HTML

jest skrótem od Hyper Text Markup

Language.

 Język ten został stworzony w Szwajcarii
w laboratoriach CERN-u.

 Został on opracowany specjalnie dla
publikowania stron

WWW

. Język ten ciągle

się rozwija, dodawane są nowe funkcje
rozszerzające możliwości edycji.

 Dokumenty HTML można tworzyć
przy

użyciu

najprostszego

edytora

tekstowego (np. Notatnika), choć można
skorzystać ze specjalnych programów
ułatwiających wprowadzanie znaczników.
 Dla odtworzenia dokumentu
napisanego w języku HTML potrzebna
jest przeglądarka tak jak np. Internet
Explorer

lub

Netscape

Navigator.

Niektóre

przeglądarki

obsługują

niestandardowe rozszerzenia HTML.

 Opis strony: wyróżnianie tekstu,
umieszczanie grafiki, tworzenie tabel, itp.
dokonywany jest poprzez wykorzystanie
określonych

znaczników

(tags) - słów

kluczowych pisanych pomiędzy znakiem
mniejszości

(<)

a znakiem większości

(>)

 Prawie wszystkie znaczniki występują
parami jako znacznik otwierający i
znacznik zamykający. Różnią się tylko tym,
iż znacznik zamykający zawiera dodatkowo
ukośnik przed nazwą.
 Przykładowo chcąc pogrubić fragment
tekstu należy wstawić parę znaczników:

<B>Tekst pogrubiany</B>

<html>

- znacznik otwierający

stronę

<head>

- znacznik części

nagłówkowej

<title>

- znacznik tytułu

<body>

- znacznik strony

Dla stworzenia najprostszej strony WWW
należy

skorzystać

kilku

par

obowiązkowych znaczników.

<html>

<head>

<title>

Tytuł strony

</title>

</head>

<body>

<p>

Zawartość strony WWW

</p>

</body>

</html>

Przykładowa strona

”minimum”:

Podstawy języka:

 tekst należy pisać bez zbędnych spacji:

<P>czerwony pomidor</P>

 niektóre znaczniki mają opcjonalny
atrybut:

 znaczniki należy zagnieżdżać we
właściwy sposób:

<H1>czerwony<B>pomidor</B></H1>

dobrze

<H1>czerwony<B>pomidor</H1></B>

źle

Znaczniki opisujące strukturę

dokumentu:

<P>

- akapit (papagraph)

<BR>

- przejście do nowego wiersza

<PRE>

- tekst wstępnie

sformatowany

<H1>

- nagłówki od H1 do H6

<HR>

- pozioma linia

<!– –tekst komentarza>

- komentarze

Wyróżnianie stylu czcionki:

<I>

- pismo pochyłe, kursywa

<B>

- pismo pogrubione

<U>

- pismo podkreślone

<BLINK>

- tekst migający

Tabele:

<TABLE>

- początek tabeli

<TR>

- nowy wiersz

<TD>

- nowa komórka

<TH>

- nagłówek tabeli (table

header)

Parametry (niektóre):
border="n" - szerokość obramowania (n –
wartość)
cellspacing="n” - odstęp pomiędzy komórkami
width="100%"

- szerokość tabeli w

stosunku do

szerokości strony

np.:

<Table border="2" cellspacing="1"

width="100%”>

Listy wyliczane:

<OL>

- listy uporządkowane (Ordered

List)

<UL>

- listy nieuporządkowane

(Unordered List)

<DL>

- listy definiowane (Defined

List)

Pozycje list wyliczanych:

<LI>

- pozycja (List Item)

<DT>

<DD>

- w listach

definiowanych

Wyświetlanie ilustracji :

 Typowy odnośnik do ilustracji:

 W przypadku umieszczania na stronie

odnośnika do dużej ilustracji, w postaci małego
obrazka (ikony):

 Można podać wielkość obrazka (lub wymiar

który chcemy aby wypełnił) co przyśpieszy
wyświetlanie strony:

 Ilustracja jako tło strony:

Odsyłacze hipertekstowe (hyperlinks):

- hypertext – w wolnym przekładzie “coś

więcej niż tekst”.
- pozwalają na wykonywanie skoków do innych
miejsc w danym pliku lub do innych
dokumentów znajdujących się na dowolnym
serwerze WWW dostępnym w Internecie

 do pliku c:\nazwa.htm :

<a href="c:\nazwa.htm">tekst ukazujący

się</a>

 do strony www:

<a href="http://www.onet.pl">tekst

ukazujący się</a>

 odnośnik do zakładki w ramach strony:

<a href="#punkt1">Odnośnik do punktu

1</a>

 zakładka :

Życzę udanej i
satysfakcjonującej pracy.

Document Outline

HTML - język opisu strony
Slide 2
Slide 3
Slide 4
Slide 5
Slide 6
Podstawy języka:
Slide 8
Slide 9
Slide 10
Slide 11
Slide 12
Slide 13

Wyszukiwarka

Podobne podstrony:
Ramki w HTML
kurs html rozdział II
Bogucki D, html i rozne prace, Prezentacja maturalna
HTML, PJWSTK, 0sem, MUL
Basic Codes HTML
zajęcia HTML
04 html div
html tablice
HTML teoria
dyd tech405a, chemia, 0, httpzcho.ch.pw.edu.pldydaktyk.html, Technologia Chemiczna, Chemia Organiczn
dyd tech412, chemia, 0, httpzcho.ch.pw.edu.pldydaktyk.html, Technologia Chemiczna, Chemia Organiczna
HTML & PHP Jak działają formularze , WAP Statystyki przez WAP, czyli jak połączyć PHP z językiem W
HTML i CSS id 206793 Nieznany
ABC jezyka html i xhtml
html tablice informatyczne helion F562QEMR3Y6PKJHIGA2JQ7ZSV4JT3ZIQ6266GGQ
Dieta ziemniaczana, HTML, Żywienie-html, Rodzaje DIET
Podstawy tworzenia stron WWW w języku HTML, wrzut na chomika listopad, Informatyka -all, INFORMATYKA
HTML dla zielonych

więcej podobnych podstron