HTML 1.lecke

GevaPC Tudástár: 

Mi is az a html dokumentum? Mappa beállításai

  • HTML = Hyper Text Markup Language
  • A HTML egy olyan fájl, amely jeleket markup tag-eket tartalmaz
  • A markup tag-ek mondják meg a böngészőnek hogyan kell az oldalt megjeleníteni
  • A HTML fájl kiterjesztése htm vagy html
  • A HTML fájl egy egyszerű szövegszerkesztővel, editorral is létrehozható


A Word Wide Web, amely csupán egy része az Internetnek, ilyen dokumentumok láncolatából áll. A dokumentumok közötti kapcsolódást a link valósítja meg: megkülönböztetett formázással, amelyre netezőként rákattintva máris egy másik oldalt nyithatunk meg.

Első honlap készítése:

  1. Hozzon létre alkalmas helyen egy külön könyvtárat a honlapkészítéshez, legyen ennek neve: Honlapom!
  2. Hozzon létre ebben a mappában egy szöveges dokumentumot, a neve legyen Első, a kiterjesztését pedig módosítsa html -re. A kiterjesztést akkor tudja módosítani, ha a mappák beállításánál engedélyezve van az ismert kiterjesztések megjelenítése! (Windows-ban a Mappa beállításai/Nézet lapon az Ismert fájltípusok elrejtése jelölőnek kell kikapcsolva lennie.)
  3. A megjelenő ellenőrző kérdést nyugtázza: valóban meg akarjuk változtatni a fájl kiterjesztését. A létrejövő fájlunknak máris megjelenik az ikonja, a gépen alapértelmezettnek kijelölt böngésző ikonjával, így ha egyszerűen megnyitjuk, akkor elindul a böngészőprogram és egy üres fehér lapot látunk benne, a címsorban pedig a fájl nevét, hát ez a honlapunk :-)
  4. Jobb egérgombos kattintással a gyorsmenü Társítás paranccsal nyissa meg a Jegyzettömb segítségével!
  5. Illessze az üres dokumentumba a következő szöveget:
    <html> <head> <title>Honlapom címe</title> </head> <body> Az első honlapom. <b>Hello!</b> </body> </html>
  6. Mentse a változást, majd a böngészőben lévő oldal megjelenítését frissítse!

A html kód magyarázata:

A legelső tag a <html> jelzi a böngészőnek az oldal kezdetét, az utolsó tag pedig a </html> jelzi a böngészőnek az oldal végét. Az oldal két fő részre tagolódik: az első rész a head a második pedig a body.
A head: <head>...</head> A body: <body>...</body> A fejrész tartalmazza a honlap címét megadó tag-et a Title tag-et, nyitó és záró tag között megadva magát a cím szövegét. A Hello! szöveg félkövéren fog megjelenni, hiszen a bezáró tag <b>Hello!</b> erre utasítja a böngészőt.

Utoljára módosítva: 
2021. október 01. 23:58