portaldesigns
portaldesigns
Üdvözöllek!
Itt rengeteg dolgot megtalálsz, amit felhasználhatsz oldalad díszítésére, egyedibbé és szebbé tételére. Nézz körbe, és találd meg, ami neked kell. Válogass kedvedre a számos ingyen elvihető design, tutorial és letöltés között!
 
Kiemelt tartalom
 
Hírek
Friss bejegyzések
2013.08.14. 18:52
2013.08.12. 22:22
2013.07.31. 18:41
Friss hozzászólások
 
HTML5 alapok

Biztosan sokan hallottátok már ezt a szót, kifejezést. Na de miben is különbözik a korábbi html verziótól? Egyszerűbb, rövidebb tagek, és ez rásegít a kereső optimalizálásra is. Nézzük is az első példát.

Egy html oldalt ugye a !doctype-al kezdünk el. A html5 esetében ez a dolog rövidebb lett:

<!DOCTYPE html>

Ezután az oldalunk felépítését folytatva html-nél megadhatjuk az oldalon használt nyelvet, például a mi esetünkben, most magyart:

<html lang="hu">

A head részen belüli dolgok is lerövidültek, például a stylesheet a meta charset rész és még sok-sok minden. Nézzünk ezekre is egy-egy példát:

<link rel="stylesheet" href="style.css">
<meta charset="utf-8">

Fejlécünket header tagek közé helyezhetjük el:

<header>
    <h1>Fejlécünk</h1>
</header>

Az oldal tartalmát section tagbe helyezzük el:

<section>
Az oldal tartalma
</section>

A content rész, úgy mond amiben a menüpontok tartalmai jelennek meg, azokat article tagekben helyezzük el. Lehet ugyan felcserélni a section-t és az article-t, ezen sokan veszekednek, hogy melyiket hogy, de mi most ezt alkalmazzuk:

<section>
    <article>
        <p>Menüpont tartalmának helye</p>
    </article>
</section>

A kevésbé fontos adatokat egy aside tagben helyezzük el, ez olyasmi mint egy sidebar:

<section>
    <article>
        <p>Menüpont tartalmának helye</p>
    </article>
    <aside>
        <p>Kevésbé fontos adatok helye</p>
    </aside>
</section>

Láblécünket footer tagben helyezzük el:

<footer>
Lábléc szövege
</footer>

Menüt nav tagekben helyezünk el, mi esetünkben egy számozatlan listában fogjuk megjeleníteni őket:

<nav>
    <ul>
        <li>
            <a href="#">Menü 1.</a>
        </li>
        <li>
            <a href="#">Menü 2.</a>
        </li>
        <li>
            <a href="#">Menü 3.</a>
        </li>
    </ul>
</nav>

Alapjáraton ennyit róla, legközelebb a többi újdonságot is megismerjük!

 
Belépés Regisztráció Kapcsolat Facebook Oldalinfó

Mindig tudnod kell, melyik kikötõ felé tartasz. - ROSE HARBOR, a mi városunk - FRPG    *****    A boroszkányok gyorsan megtanulják... Minden mágia megköveteli a maga árát. De vajon mekkora lehet ez az ár? - FRPG    *****    Alkosd meg a saját karaktered, és irányítsd a sorsát! Vajon képes lenne túlélni egy ilyen titkokkal teli helyen? - FRPG    *****    why do all monsters come out at night - FRPG - Csatlakozz közénk! - Írj, és éld át a kalandokat!    *****    Aki szörnyekkel küzd, vigyázzon, nehogy belõle is szörny váljék. S ha hosszasan tekintesz egy örvénybe, az örvény vissza    *****    Rose Harbor, ahol a tenger suttog és a múlt sosem tûnik el teljesen. - FRPG - csatlakozz közénk te is :)    *****    Egy kikötõ, ahol minden hullám egy új kezdetet ígér. Rose Harbor, több mint egy város, egy világ a világ mögött.    *****    Rose Harbor &#8211; kisvárosi báj, nagy titkokkal - légy részese te is ennek a kalandnak :) - FRPG    *****    Óceán, erdõ, csillagfény &#8211; minden ösvény Rose Harborba vezet - aktív FRPG közösség    *****    Itachi Shinden 1. kötet Magyarul elérhetõ a konoha.hu -n. Nézzetek be! *** Itachi Shinden 1. kötet Magyarul elérhetõ!!!    *****    ÁGICAKÖNYVTÁRA - KÖNYVEK, KÖNYVEK, KÖNYVEK - ÁGICAKÖNYVTÁRA    *****    MOVIE-NIGHT -> Filmek, Sorozatok <- MOVIE-NIGHT    *****    Movie-    *****    Játssz a színekkel keress szebbnél szebb képeket, építs, szépítsd a portálod, hogy szebb és színesebb legyen a világod!    *****    Debrecen Huszti Lakóparki napelemes családiház eladó. 06209911123 Debrecen Huszti Lakóparki napelemes családiház eladó.    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél színes szebb képek! Ha gondolod gyere less be!    *****    Kedves Csokoládé kedvelõk! Segítségeteket kérném a kérdõívem kitöltéséhez! Témája a CSOKOLÁDÉ MÁRKÁK! Köszön    *****    Homlokzati hõszigetelés! Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati hõszigetelését!    *****    * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. *    *****    Elindult a Játék határok nélkül rajongói oldal! Ha te is szeretted a '90-es évek népszerû mûsorát, nézz be ide!