A HTML alapjai

1

• A HTML alapjai
• Készítette
• Havlik Barnabás
• Forrás http//progkor.inf.elte.hu/html/alapok.ht
  m
• http//www.kovats-karcag.sulinet.hu/elokeszito/in
  formatika_tananyagok.html

2

• HTML
• A HTML (angolul HyperText Markup
  Languagehiperszöveges jelölonyelv) egy leíró
  nyelv, melyet weboldalak készítéséhez
  fejlesztettek ki
• Szöveget, képeket, nyomógombokat, hipertextes
  hivatkozásokat (azaz linkeket) tartalmazhat
• Jegyzettömbbel, vagy karakteres
  szövegszerkesztovel is szerkesztheto
• Fájlkiterjesztése .htm, vagy .html
• Platform független
• A formázási muveleteket is szövegesen írja le

3

• Felépítése viszonylag egyszeru két részbol áll-gt
  fej, test.
• Az egyes egységek neveit, valamint a formázási
  utasításokat relációjelek közé tesszük. Ezeket
  TAG-eknek nevezzük.
• A TAG-ek többségét le kell zárni, ezt a / jellel
  jelöljük.
• ltHTMLgt
• ltHEADgt
• ltTITLEgt Fejléc! lt/TITLEgt
• lt/HEADgt
• ltBODYgt
• .
• Ez már maga a szöveg.
• .
• lt/BODYgt
• lt/HTMLgt

4

• Szövegformázás
• A BODY részbe írjuk a szövegünket. Ezen belül
  formázunk a szöveg közben.
• Az adott parancsot lt és gt jel közé írjuk
  szövegen belül.
• Ha nem intézkedünk arról, hol legyen új sor
  kezdés, akkor a böngészo annyi szöveget tesz egy
  sorba, amennyit bír, és szóhatáron kezd új sort.
  Ha feltétlen új sort akarunk kezdeni azt a ltBRgt
  paranccsal tehetjük meg. ltPgt paranccsal új
  bekezdést kezdhetünk.
• A betuket is különbözo paranccsal állíthatjuk be
  
• félkövér ltSTRONGgtfélkövérlt/STRONGgt
• dolt ltEMgtdoltlt/EMgt
• aláhúzott ltUgtaláhúzottlt/Ugt
• villogó ltBLINKgtvillogólt/BLINKgt

5

• Betuméret szín
• "FONT" paranccsal betuméretet vagy betuszínt
  állíthatunk be. 1-tol indul. )
• Pl ltFONT SIZE3gt3as méretlt/FONTgt
• ltFONT SIZE27gt27-es betuméretlt/FONTgt
• Színeket színkóddal vagy angol elnevezéssel. Az
  RGB (Redpiros, Greenzöld, Bluekék) kód 16-os
  számrendszerben írandó, és így a piros-zöld-kék
  arányt több, mint 16 millió módon adhatjuk meg
  (000000 és FFFFFF között).
• Pl ltFONT COLORFF0000gtkisautólt/FONTgt ez a
  piros.
• ltFONT COLOR00FF00gtfenyofalt/FONTgt zöld
• ltFONT COLOR0000FFgtBalatonlt/FONTgt kék.
• Ezek kombinációjából jön össze az a rengeteg
  szín. ) (számokat is írhatunk a parancsba, nem
  csak az abc elso 6 betujét!)

6

• Link beszúrás
• Az un. A paranccsal ágyazhatunk linket a
  szövegunkbe, eképpen
• ltA HREFweboldal.htmgtSaját weboldalunklt/Agt
• Ha az éppen mutatott html lappal azonos
  directoryban levo, "lapok" nevu aldirectoryban
  lenne az idojaras.htm" nevu fájl, akkor
  HREFweboldal/idojaras.htm lenne a hivatkozás.
• Web-es linket eképpen tudunk beágyazni
• ltA HREF http//origo.hugt Origo lt/Agt
• Ez így néz ki Origo
• A lényeg a http//-en van.

7

• Kép beszúrása
• Az ALIGNleft vagy ALIGNright paranccsal
  eldönhetjük hogy jobbra vagy balra kerüljön a
  kép.
• A HSPACE ill ,,VSPACE kóddal a kép alatti
  illetve feletti üres részt adhatjuk meg
  képpontban.
• A "HEIGHT" ill. "WIDTH-el a kép méretét
  adhatjuk meg szintén képpontban. (amennyiben nem
  az eredeti méretet akarjuk alkalmazni)
• Pl ltFONTgtltIMG SRCsaját kép.jpg" ALIGNleft
  HSPACE10 VSPACE10gt lt/FONTgt (balra igazított
  kép, alatta felette 10képpont távolság.)
• Fontos! lt gt jelet nem teszünk külön külön
  minden parancs elé/mögé!

8

• Felsorolás
• Felsorolást az alábbi parancsokkal írhatunk
• ltULgt
• ltLIgtelso
• ltLIgtmásodik
• ltLIgtharmadik bekezdés.
• lt/ULgt
• Ez így fog kinézni
• elso
• második
• harmadik bekezdés.

9

• Többszintes felsorolás
• Szintén különbözo paranccsal tudunk többszintes
  felsorolást alkalmazni. Ezt a feljebb említett
  ltULgt után írjuk.
• Pl ltUL TYPEroundgt
• ltLIgt Ázsia
• ltul typesquaregt
• ltligt Japángt
• lt/ulgt
• Ez így fog kinézni
• Ázsia
• Japán
• Természetesen nem attól függ a listaelemek
  beljebb kezdése, hogy a html szövegben hol
  kezdjük oket.
• Azt is láthatjuk, hogy a html vezérlo jelek
  kis- és nagybetukkel is írhatók.

10

• Köszönöm a figyelmet!
• -gtTovábbi html szerkesztés segédlet
  http//progkor.inf.elte.hu/html/alapok.htm