Oldalon, általam elhelyezett adathalászat vagy cookie nincs.
Google EU cookie szabályzata.
Megtekinti?
vagy
Olvasd el , EU cookie tájékoztató! Katt ide!
Webhely tapasztalatok. Kattints ide!
Asztali monitoros változat.
Mobiltelefonos változathoz kattintson ide!
Az alap_weblap témaköreiben, általam végzett adatgyűjtés, és elhelyezett cookie nincs
Miben segít, az alap_weblap, weblapkészítés kezdőknek.
Az alap_weblap, kimondottan kezdőknek nagy segítség, de haladóknak is!
Az alap_weblap témakörei, az XHTML és CSS, azaz stílusfájlokon túl, kitérnek a JAVASCRIPT programok készítésének alapjaira is!
Az alap_weblap használatánál, nem kell mindent kívülről betanulni, hogy weboldalad elkészítsd, vagy tovább bővítsd!
Az alap_weblap oldalai között, könnyedén barangolhatsz, ha eltévednél, a NÉMETJUHÁSZ fotójára kattintva, azonnal a kezdőoldalra jutsz!
Az alap_weblap oldalai között, a ZÖLD nyílra kattintva, témakörönként visszafelé lépkedhetsz!
Az alap_weblap oldalai között, kivételes esetben található olyan oldal, mely nem tartalmazza a németjuhász fotóját, és a zöld vissza nyíl ábrát, ekkor a böngésző ablakában található visszanyílat kell alkalmazni!
Az alap_weblap oldalairól, könnyedén átmásolhatsz weboldaladra, kódokat, jelölőelemeket, meghatározásokat, programokat!
Az alap_weblap oldalairól történő átmásolással, időt takaríthatsz meg, és elkerülhető a gépeléseknél előfordulható billentyűelütés, mely hibához vezet!
Az alap_weblap oldalai fokozatosan frissülnek és új témakörökkel bővülnek!
Az alap-weblap oldalait felhasználók megtisztelnének azzal, hogy a saját weboldalukon, tetszőleges helyen, elhelyeznék az alap_weblap URL címét, vagy azon oldal URL címét, melyet fontosnak tartanak.
Például: Az alap_weblap kezdő oldal linkje: <a href="https://www.wpaulina.hu/index.html"> Alap weblap</a>
Az alap_weblap háttérszínét tetszésednek megfelelően változtathatod, a következő színekre:
Alapismeretek | Segédletek |
||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
|
|
| |||||||||||||||||||||||||||
| JavaScript events, esemenyek. Katt ide! | PHP Magyar ÁBC, rendezés. Katt ide! |
További témakörök.
G O O G L E - Ú T M U T A T Ó - K E Z D Ő K N E K - W E B M E S T E R E K N E K
Fontosabb karakterek és szimbólumok kódjai
| Karakterek | Karakterek neve | Számkód | Betűkód |
|---|---|---|---|
| – | Gondolatjel (félkvirtmínusz) | – | – |
| — | Angol gondolatjel (kvirtmínusz) | — | — |
| “ | Kezdő angol nyomdai idézőjel | “ | “ |
| ” | Záró angol nyomdai idézőjel | ” | ” |
| „ | Kezdő magyar nyomdai idézőjel | „ | „ |
| ” | Záró magyar nyomdai idézőjel | ” | ” |
| " | HTML idézőjel | " | |
| < | Kisebb mint jel | < | < |
| > | Nagyobb mint jel | > | > |
| / | Per - jele | / | |
| \ | Vissza per - jele | \ | |
| & | És - jele | & | & |
| ¢ | Cent | ¢ | ¢ |
| £ | Font | £ | £ |
| $ | Dollár | $ | |
| € | EURO | € | |
| ™ | Kereskedelmi védjegy szimbólum | ™ | ™ |
| ® | Bejegyzett kereskedelmi védjegy szimbólum | ® | ® |
| © | Szerzői jog szimbólum | © | © |
| További szimbólumok és jelképek megtekintéséhez, kattints ide | |||
Gyakran használt címkék
| <div id="azonosító"> | Egyedi, azonosítóval ellátott dív szakasz |
| <div class="azonosító"> | Osztályazonositóval ellátott dív szakasz |
| </div> | Záró div, minden div szakaszhoz |
| h1, h2, h3, h4, h5, h6 | Címsorok |
| <p>..........</p> | Bekezdések |
| <br /> | Szövegsor lezárása |
| <p> </p> | Sorkizárás |
| <td> </td> | Üres cella |
| <strong>....</strong> | Vastagon kiemelt szöveg |
| <em>.....</em> | Dőlt betűs szöveg |
| <span>...</span> | Kiemelt szöveg |
| <blockquote>.....</blockquote> | Kiemelt bekezdések |
| <cite>.....</cite> | Idézetek |
| <pre>....</pre> | Leütött karakterek és ENTER megjegyzése |
| <marquee> ..... </marquee> | Szöveg, reklámcsík formátumban |
| ALT 0124 | Függőleges vonal ( | ) megjelenítése |
| <a name="fejlec"> </a> <a href="#fejlec">Vissza a lap elejére</a> | - Elhelyezése fejlécnél - Dokumentumon belül testszőleges helyen |
| <a href="#1"> Hová szöveg </a> <a name="1" id="1"> </a> | - Dokumentumon belül - Közvetlen a témakör elé |
| <a href="page.html">.....</a> | Másik weblapra |
| <a href="page.html#jelző">.....</a> | Másik weblap, adott témakörére |
Néhány meghatározás
| <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> | ||
| <link href="kezdo.css" rel="stylesheet" type="text/css" /> | ||
| <script language="JavaScript" type="text/javascript" src="útvonal/fájl_neve.js"> </script> | ||
| body {font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0.1px; background-color: #ccc;} | ||
| #container {width: 800px; margin-right: auto; margin-left: auto; padding: 0px;} | ||
| p {line-height: 130%; } | ||
| strong {font-weight: bold;} | ||
| em {font-style: italic;} | ||
| table {border-collapse: collapse; border: 2px solid black;} | ||
| table {border-collapse: separate; border: 2px solid black;} | ||
| table {border-collapse: separate; border-spacing: 10px; border: 2px solid black;} | ||
| td {vertical-align: top;} | td {vertical-align: middle;} | td {vertical-align: bottom;} |
| td {text-align: left;} | td {text-align: center;} | td {text-align: right;} |
| <th colspan="2"> Két cellaoszlop széleségű </th> | ||
| <td rowspan="2"> Két cellasor magasságú </td> | ||
Mult és a jelen!
Az alap weblap 2006-ban indult, az extra. hu szólgáltatónál, mely 2010-ben megszüntette az ingyenes szolgáltatást.
2010-től az alap weblap új helyre költözött, t-online szolgáltatóhoz, mely bitosít 50Mb ingyenes lakossági tárhelyet.
Az alap weblap új címe: http://web.t-online.hu/paulina/index.html
Mivel a tárhely 50Mb-ra szűkült, ezért az alap weblap oldalai, a háttérképes weboldalak helyett, a tartalmi részekre összpontosulnak.
Az alap weblap témaköreinek segítségévek, mindenki saját ízlésének megfelelően díszítheti a saját weboldalát.
2019-től az alap weblap új helyre költözött, DigiHost szolgáltatóhoz.
Költözés oka:
- A t-online megszüntette, a lakossági tárhely szolgáltatási lehetőséget.
Az alap weblap új elérhetőségi címe: https://www.wpaulina.hu
| Gergely-naptár mai dátuma. |
Pontos idő. |
| Öröknaptár megtekintéséhez kattints ide! | |
|---|---|
|
|
|
|
Cifra betűk, térhatások. Kattints ide!
Jelölőelemek és leírókódok weblaphoz
| <hr> | <b>....</b> vagy <strong>....</strong> |
| <i>....</i> vagy <em>....</em> | <address>.......<address> |
| <big>....</big> és a <small>....</small> | <sub>....</sub> és <sup>....</sup> |
| <cite>....</cite> és a <dfn>....</dfn> | <var>......</var> |
| <tt>...........</tt> | <code>......</code> |
| <kbd>....</kbd> és a <samp>.....</samp> | <pre>.......</pre> |
| <acronym>........</acronym> | <del>..........</del> |
| <ins>........</ins> |
Fizikai, azaz vizuális elemek
| <b> | </b> | Boldface. | Félkövér |
| <i> | </i> | Italic. | Dőlt |
| <tt> | </tt> | Monospaced typewrite font | Írógépbetűknek megfelelő szöveg írása |
| <u> | </u> | Underlined. | Aláhúzás |
| <big> | </big> | Makes text bigger. | Nagyít Pl: A - A |
| <small> | </small> | Makes text smaller. | Kicsinyít Pl: A - A |
| <sub> | </sub> | Subscript. | Alsó index Pl: H2O |
| <sup> | </sup> | Superscript. | Felső index Pl: m2 |
Logikai elemek
| <em> | </em> | Emphasis. | Kihangsúlyozott dőlt |
| <strong> | </strong> | Stronger emphasis | Kihangsúlyozott félkövér |
| <cite> | </cite> | A citation or a reference to an outside source | Referencia anyagokból történő idézetekhez, és címhivatkozásokhoz |
| <code> | </code> | Computer programing code | Számitógépes kódok megjelenítése. |
| <dfn> | </dfn> | The primary or defining Instance of the term | |
| <samp> | </samp> | Sample output, often rendered in a way similar to code. | Kód minták bemutatása |
| <kbd> | </kbd> | Representing text type at the Keyboard. | Billentyűzetről beviendő utasítások megadása |
| <var> | </var> | A variable or value | Váltó érték |
| <g> | </g> | Quoted text | Idézet |
| <abbr> | </abbr> | An abreviation | Rövidítés. |
| <acronym> | </acronym> | An acronym | Mozaikszó |
Blokk, azaz tömbszíntű elemek
| <pre> | </pre> | Paragrapf Style Element | Paragrafus elrendezés. Megjegyzi, és figyelembe veszi a szóköz billentyű használatát és a returnt, azaz új sor következik utasításokat. Egyszerű, azaz primitív táblázatokat is készíthetünk |
| <blockquote> | </blockquote> | Idézetblokk Kiemelt bekezdésekhez | |
| <address> | </address> | Külső címek kiemelése | |
| <ins> | </ins> | Beágyazott szöveg, aláhúzott | |
| <del> | </del> | Kihúz, áthúzza a szöveget |
Cursor megjelenések, stílusváltozatai.
Teszteléshez, a kiválasztott területre mozgassuk az egeret.
| <style type="text/css"> body{cursor:auto;} </style> | body{cursor:crosshair;} | body{cursor:default;} |
| body{cursor:e-resize;} | body{cursor:help;} | body{cursor:move;} |
| body{cursor:n-resize;} | body{cursor:ne-resize;} | body{cursor:nw-resize;} |
| body{cursor:pointer;} | body{cursor:progress;} | body{cursor:s-resize;} |
| body{cursor:se-resize;} | body{cursor:sw-resize;} | body{cursor:text;} |
| body{cursor:w-resize;} | body{cursor:wait;} |
- Első oldal vége! -
További témakörök választhatók,
a fenti alapismeretek és a segédletek táblázatban felsorolt témakörökből,
vagy az oldalon található kiemelt szövegrészek valamelyikéből!