Kataporta webdesign, webhosting

HTML leckék

1. lecke  |   2. lecke  |   3. lecke  |   4. lecke  |   5. lecke  |   6. lecke  |   7. lecke  |   8. lecke  |   9. lecke  |  
HTML Tanfolyam - leckek. lecke
1. lecke
melyben összeállítjuk az alapvető utasításokat, amelyek nélkül nincs HTML dokumentum
Minden utasítás "kacsacsőrők" közé van zárva:
Azaz <PARANCS> és lezáró < /PARANCS > alakú.
Az alapvető parancsok, és azok sorrendje a következő:

html  a dokumentum kezdete
head  fejléc
title  címmező,a dokumentumnév megadása (titulus)
/title  (név) bezárás
/head  fejléc bezárása
body  a dokumentum törzsének kezdete
(ide kerülnek az utasítások, amelyet a böngésző megjelenít)
Azok a parancsok, amelyekről tanulunk, mind ide a törzsbe kerülnek majd. (Csupán a címet kell a címmezőbe írni.)

</body>  a dokumentum törzsének vége
</html>  a dokumentum vége, lezárás

Mindegy, hogy kis-, vagy nagybetűket használsz.
Jól nézd át a parancsokat! Figyeld a sorrendet, hogyan követik egymást a parancsok és a lezárásuk. Látható, hogy a parancsok a kiadásuk sorrendjében kerülnek lezárásra.

Most kilépünk a gyakorló-oldalra; végezd el az első feladatot!
  1. Adj címet a dokumentumnak!
  2. Gépeld be a body után a következőt:
Ez az első lapom!
NÉZD MEG!

Kapcsolat a lapok között:



Akkor válik "működővé" egy Weblap, ha az egyes dokumentumai kontaktusban vannak egymással.
Sőt, az az igazi, ha külső kapcsolatokra is képes, azaz Internetre kilépve ér el oldalakat, vagy E-mail - levelező-kapcsolatot tud létesíteni.

Egyszerű! Egy parancssor, és máris él az összeköttetés!

Egy HTML dokumentumon belül még az is szükséges, hogy a megcélzott lapról szintén vissza, vagy tovább lehessen lépni.

A parancs a következő:
<a href="elso.html">valami szöveg: pl: tovább</a>


Természetesen ehhez az kell, hogy legalább két oldal legyen már a mappánkban; pl: egy index.html és egy elso.html.
A visszalépést ugyanígy kell megcsinálni, csupán az oldal "címét" kell megváltoztatni a kódban.
<a href="index.html"> vissza</a>

Mely parancsból az
a href= .......... azt jelenti: kapcsolat
elso.html .......... ahová lépni szeretnék
/a .......... a kapcsolat bezárása

Amikor megnyílik a hívott oldal, azonnal helyezz rá ugyanilyen "hivatkozást", "linket", (akárhogy is nevezzük), hogy onnét is tovább (vagy vissza) lehessen lépni!

Nézzük a lépéseket:

  • A lépegetéshez legalább két dokumentum szükséges, ezért
    1. másold le az index.html-t, és nevezd át elso.html-re.
    2. az index.html forráskódjában, a body után add ki az előbb ismertetett parancsot
    3. a "másolat" elso.html-ben pedig a vissza-navigáló parancsot.

Ne feledd: bármilyen változtatás a forráskódban, azután a Fájl/MENTÉS következik!, majd a forráskód "leengedése" után, frissíteni kell (F5) a lapot!

Ha ezek után még az is érdekel, hogyan lehet "élő" kapcsolatot teremteni az Internettel, vagy postafiókokkal, akkor ezt a két utasítást kell megjegyezned:
<a href=http://www.startlap.hu>STARTLAP</a>   
ami az Internet Startlap oldalára visz "ki", vagy az


<a href=mailto:kata@kataporta.net>e-mail címem</a>
ami most az én postafiókomat jelöli, és bármikor szívesen állok a rendelkezésedre!!!
Mind a kettőt érdemes kipróbálni a gyakorló oldalon!
NÉZD MEG!



KATAPORTA - HONLAPKÉSZÍTÉS, WEBDESIGN, WEBHOSTING
0670 261 2135


kata@kataporta.net
Site MeterGoogle PageRankMegosztás
Copyright © kataporta.net 2017 | web: KataPorta.net