Weblapszerkesztés 1.

Első lépésként telepítsd fel a Visual Studio Code nevű ingyenes programot a gépedre, ezzel fogunk dolgozni. Program letöltése innen.
Ha nem szeretnéd letölteni, akkor használj Jegyzettömb programot.

Készíts a gépeden egy weblap mappát, és abba dolgozz majd!

Ebben és az elkövetkezendő feladatokban egy egyszerű weboldalt fogunk szerkeszteni programozva. Használni fogjuk a HTML és a CSS programnyelvet. A HTML programnyelvvel a tartalmat fogjuk zömével szerkeszteni, a CSS pedig az oldal kinézetéért felel.

Indítsd el a Visual Studio Code programot és gépeld be az itt látott kódot:

Klikk a képre!

A <p> utasítások közötti szöveget itt találod, innen másold ki:

Magyarországon az 1850/1972. és 1851/1972. számú OTvH határozattal hozták létre az első Nemzeti Parkot. Ez a Hortobágyi Nemzeti Park volt. Hivatalos alapítási időpont 1973. január 1. A Természetvédelmi Világszövetség (IUCN) védett területeket osztályozó rendszere II-es kategóriába sorolta a Hortobágyi Nemzeti Parkot. Utolsóként az Őrségi Nemzeti Park alakult meg 2002-ben.

Hazánk nemzeti parkjainak kezelői a nemzeti park igazgatóságok, melyek működési területét kormányrendelet határozza meg. Az egyes igazgatóságok a működési területükön ellátják a tájvédelmi körzetek és az országos jelentőségű természetvédelmi területek természetvédelmi kezelését is.

Ha kész vagy mentsd el a weblap mappádba, index.html néven!


Utasítások jelentése:

<!DOCTYPE html> – kötelező weblap kezdő utasítás

<html> – kötelező weblap kezdő utasítás

<head> – kötelező weblap kezdő utasítás

<title> – cím, mely a böngésző fülében látszik

<body> – ezen utasításon belül lesz a weblap tartalma

<h1> – kiemelt szöveg

<p> – alap, egyszerű szöveg

 

Similar Posts

  • Stílus, tartalomjegyzék + videó

    A stílusok előre beállított minták, formázások.A KEZDŐLAP menünél találhatóak STÍLUSOK néven. A stílusok segítségével tudunk tartalomjegyzéket készíteni. Minden főbb pont és alpontot a dokumentumban stílusként pl. CÍMSOR 1 formázásra állítunk be. Ezekből a stílusokból készíti el Word automatikusan a tartalomjegyzéket.A stílus jegyek pl. CÍMSOR 1. melyek külön formázhatók a kívánt külalakra. Nézd meg a videót!Próbáld…

  • Infografika

    Mi az az infografika? Az infografika az információ és a grafika szavakból képzett kifejezés. Ahogy nevéből is látszik, az infografika az információ grafikus megjelenítési formája abból a célból, hogy minél gyorsabban befogadható és megérthető legyen. Az infografika minimális szöveget tartalmaz, ugyanakkor hatékony eszköz adatok megjelenítésére, fogalmak elmagyarázására, kapcsolatok feltérképezésére, trendek bemutatására és statisztikai adatok ábrázolására….

  • |

    Mi az a Google Drive?

    A Google Drive elsődleges célja, hogy úgy tárolhassuk a fájlokat, hogy nem vagyunk helyhez kötve. A Google Drive-on kisebb méretű dokumentumokat, képeket vagy videókat tárolunk, így ez nagyon sok mindenre elég lehet a 15 GB tárhely. A Google Drive felületre több helyen is bejelentkezhetsz: A Drive felületén: Ezeket a funkciókat a bal felső sarokban található…

  • |

    Tabulátorok

    A tabulátorokat többségében két esetben használjuk: A tabulátorok fajtái Tabulátor jelei a vonalzón: A tabulátorokat a vonalzó segítségével lehet a legkönnyebben beállítani. Ha táblázatos formába szeretnénk hozni egy szöveget az oszlopokat alkotó szöveget egybe gépeljük, melyet a tabulátor gomb fog elválasztani egymástól, olyan mértékben ahány centiméterre beállítottuk. A szöveg elhelyezését a billentyűzeten található tabulátor gomb…