# Számítógép alkatrészek szakértője

Fedezd fel a modern számítógépek világát a legfontosabb alkatrészek részletes ismertetésével. CPU, GPU, RAM, háttértár és minden, ami a teljesítményért felel.

Alkatrészek Gyártók

## Számítógép alkatrészek: A modern PC építés alapjai

A mai számítógépek komplex rendszerek, ahol minden alkatrész kulcsfontosságú szerepet játszik a teljesítményben. A processzor (CPU) a gép agya, a videokártya (GPU) a grafikai megjelenítésért felelős, míg a memória (RAM) a gyors adatelérést biztosítja. A háttértárak (SSD, HDD) tárolják adatainkat, az alaplap pedig összeköti az összes komponenst. A megfelelő tápegység (PSU) biztosítja a stabil működést, a ház védi az alkatrészeket, a hűtés pedig megelőzi a túlmelegedést. Legyen szó irodai munkáról, játékról vagy professzionális tartalomkészítésről, a megfelelő komponensek kiválasztása elengedhetetlen a zökkenőmentes és hatékony működéshez.

HTML5 Reszponzív Média Elemek

Ez az oldal bemutatja a <picture> és <svg> elemek használatát:

#### Picture elem (Reszponzív képek)

- <picture>: Konténer elem több képforráshoz
- <source>: Alternatív képforrások megadása (retina, webp, avif, különböző méretű képek)
- srcset attribútum: Többszörös felbontás támogatása (1x, 2x, 3x retina képernyőkhöz)
- type attribútum: MIME típus megadása (image/avif, image/webp, image/jpeg)
- Formátum prioritás: A böngésző a legjobban támogatott és leghatékonyabb formátumot választja (AVIF → WebP → JPEG)
- AVIF formátum: Legmodernebb, legkisebb fájlméret, kiváló képminőség (Chrome, Edge, Firefox, Opera)
- WebP formátum: Modern, 25-35% kisebb fájlméret JPEG-nél, széles böngésző támogatás
- JPEG fallback: Univerzális kompatibilitás minden böngészővel
- Retina támogatás: Minden formátumhoz 1x és 2x felbontású változat
- Előnyök: Jobb képminőség, gyorsabb betöltés, sávszélesség optimalizálás, modern formátumok támogatása

#### SVG elem (Scalable Vector Graphics)

- Inline SVG: A SVG kód közvetlenül a HTML-be ágyazva, külső fájl nélkül
- Vektorgrafika: Méretarány nélkül skálázható, éles minden felbontáson
- Alapvető alakzatok: <rect> (téglalap), <circle> (kör), <line> (vonal), <text> (szöveg)
- Attribútumok: fill (kitöltés), stroke (körvonal), stroke-width (vonalvastagság), rx/ry (lekerekítés)
- Pozícionálás: x, y koordináták, width/height méret, viewBox (látómező)
- CSS kompatibilitás: Az SVG elemek CSS-sel is stílusozhatók
- Előnyök: Kisebb fájlméret képeknél, SEO barát, animálható, szerkeszthető

A hero szekció <picture> elemmel biztosítja a retina képernyők éles megjelenítését, míg a PC komponens diagram <svg> alapú vektorgrafika.

## Mi van a gépházban?

A PC egy moduláris rendszer: processzor, alaplap, memória, háttértár, videokártya és tápegység együttműködése adja a teljesítményt.

Részletek

## Vásárlási tippek

Igazítsd az igényeidhez: irodai feladatokra más a jó választás, mint játékhoz vagy videóvágáshoz.

Ismert gyártók

## Kérdésed van?

Vedd fel velünk a kapcsolatot, és segítünk eligazodni a komponensek világában.

Kapcsolat

## Letöltés diákoknak

Ez az oktató weboldal bemutatja a HTML5 és CSS3 modern funkcióit. Töltsd le a teljes forráskódot, hogy tanulmányozhasd a szemantikus HTML elemeket, a CSS Grid és Flexbox elrendezéseket, valamint az interaktív űrlap komponenseket.

- Teljes HTML5 szemantikus struktúra
- Modern CSS3 stílusok és animációk
- Reszponzív design minden eszközre
- Interaktív űrlap elemek
- SVG és Canvas példák
- JavaScript funkciók

⬇ Weboldal letöltése (ZIP)

A ZIP fájl tartalmazza az összes HTML, CSS, JavaScript és média fájlt.