Weblapszerkesztés 2.

Képek elhelyzése

A képek elhelyezésére a a következő utasítást használjuk:
<img src=”kép helye és neve”>

Pl:
<img src=”kepek/hegy.jpg”>
Ebben a parancsban a képek mappából a hegy.jpg képet tölti be a weboldal.

Ha nincs mappában a képünk, hanem az index.html fájllal egy helyen található, akkor nem kell a mappa nevet megadni.
Pl:
<img src=”hegy.jpg”>


Link készítése

A linkek segítségével tudunk egyik oldalról a másikra ugrani, átnavigálni. Utasítás:

<a href=”link pontos címe”>weboldlaon megjelenő szöveg</a>

Pl:
<a href=”https://www.gmail.com”>Gmail levelező</a>

Eredménye:
a Gmail levelező szöveg jelenik meg a weboldalon, melyre ha kattintunk, a gmail.com oldal betöltődik.

Gmail levelező

Ha egy saját magunk készített másik weblapra mutat a link, akkor a következőképpen írjuk be:

Pl:
<a href=”bukkfa.html”>A bükkfa jellemzői</a>

Ez a link a bukkfa.html fájlt tölti majd be a böngészőbe.


Próbáld ki!

Similar Posts

  • | |

    Mappák gyakorlás

    Feladat

  • |

    Függvények, diagramok, százalék

    Függvények A függvények segítségével megkönnyíthetjük a számolást Excel-ben. A függvényeket kategóriákra osztják, mely kategóriákat a szerkesztőléc előtt található FX ikonnal hozhatjuk elő. Az ismertebb függvények: Függvények használata Diagramok A diagramok a táblázat adatainak grafikus megjelenítésére szolgálnak. Ismertebb fajtái: oszlop, kör, vonal diagram. Diagram létrehozása Diagram létrehozásakor a táblázat azon adatait jelöljük ki, melyekből a diagramot…

  • 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…

  • Microbit függvények alapok

    Mire jók a függvények? A függvények olyanok, mint kis segédprogramok a kódon belül. Képzeld el, hogy egy receptet írsz.Ha sokszor le kell írnod azt, hogy: akkor unalmas lenne mindig újra leírni.Inkább adnál neki egy nevet, például:„Süti előkészítése”, és amikor kell, csak erre hivatkozol. A függvények pont ezt csinálják a programozásban. Mi az a függvény? Egy…

  • Mi a CSS?

    Egyszerűen megfogalmazva a CSS-el formázhatjuk meg a weboldalunk megjelenését. A HTML kód felel a tartalomért, azzal szerkesztjük meg a weboldalunk tartalmi részét, a CSS pedig felel a külalakért, hogy a weboldalon melyik rész, hogy nézzen ki. Pl.: a szöveg nagy es kék legyen, vagy egy kép méretét, vagy hogy egy szövegrész alul, felül, vagy középen…

  • 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…