12. Weblapkészítés
Ha egy online megjeleníthető információs oldalt akarsz készíteni, azt egy HTML-nek nevezett kódban vagy nyelvben kell megírnod.
HTML: hiperszöveges jelölőnyelv, weblapok elemeinek, tartalmának meghatározására használt nyelv
Egy szövegszerkesztőprogramot (pl. Jegyzettömb) kell használni a HTML írásához és egy böngészőben láthatjuk az eredményt.
Különleges kódokkal, tagekkel tudjuk megmutatni, mi folyik egy weblapon. A tageknek mindig < > jelek között kell lenniük.
Tag: Különleges szavak, amelyek egy weblap részeinek leírására szolgálnak.
Az oldalnak nyitó HTML taggel kell kezdődni és záró HTML taggel végződik. A záró tagben van egy perjel.
<html>
A weblapom
</html>
Címsorok készítése:
<h1> jelentése: címsor
<p> jelentése: bekezdés
Pl:
<html>
<h1>A történetem</h1>
<p>Volt egyszer egy ... </p>
</html>
Egyéb tagek:
<h3> kisebb címsor
<strong> félkövér szöveg
<em> dőlt szöveg
<mark> kiemelt szöveg
<br> sortörés
Ne felejtsd el a záró tageket!!!
Hiperhivatkozás:
Egy másik weblapra mutató hivatkozás, klikkeléssel, vagy érintőképernyőn érintéssel érhető el.
Hiperhivatkozások készítése: <a> és </a>
Pl.
<a href='https://www.google.com'>Google</a>
www.google.com - Az oldal URL-je, amelyre hivatkozunk
Google - A szöveg, amelyre a felhasználó majd ráklikkel
Színes szövegek:
<html>
<h1 style='color:red'>A weblapom</h1>
<p style='color:blue'>Kedvenc ételeim</h>
</html>
Kísérletezz más színek angol nevének beírásával is! (orange, green)
Háttérszín megváltoztatása:
Először is a háttérszín megváltoztatásához <body> taget kell adni a HTML-hez.
<html>
<body>
<h1>A weblapom</h1>
<p>Kedvenc ételeim</h>
</body>
</html>
Most hozzáadhatjuk a stílusattribútumot, hogy háttérszínt váltsunk:
<html>
<body style='background-color:yellow'>
<h1>A weblapom</h1>
<p>Kedvenc ételeim</h>
</body>
</html>