Oldalon, általam elhelyezett adathalászat vagy cookie nincs.
Google EU cookie szabályzata.
Megtekinti? vagy

Alap_weblap, weblapkészítés kezdőknek, alapismeretek

XHTML -- CSS -- JAVASCRIPT--PHP

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:




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



KarakterekKarakterek neveSzámkódBetűkód
Gondolatjel (félkvirtmínusz)&#8211;&ndash;
Angol gondolatjel (kvirtmínusz)&#8212;&mdash;
Kezdő angol nyomdai idézőjel &#8220;&ldquo;
Záró angol nyomdai idézőjel &#8221;&rdquo;
Kezdő magyar nyomdai idézőjel &#8222;&bdquo;
Záró magyar nyomdai idézőjel &#8221;&rdquo;
"HTML idézőjel &#0034; 
<Kisebb mint jel &#60;&lt;
>Nagyobb mint jel &#62;&gt;
/Per - jele &#47; 
\Vissza per - jele &#92; 
&És - jele &#38;&amp;
¢Cent &#162;&cent;
£Font &#163;&pound;
$Dollár &#036; 
EURO &#8364; 
Kereskedelmi védjegy szimbólum &#8482;&trade;
®Bejegyzett kereskedelmi védjegy szimbólum &#174;&reg;
©Szerzői jog szimbólum &#169;&copy;
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>&nbsp;</p> Sorkizárás
<td>&nbsp;</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!

Óra azaz Wekker működésének leírása. Kattints ide

Cifra betűk megjelenítése
Cifra betűk, térhatások. Kattints ide!


Jelölőelemek és leírókódok weblaphoz

Jelölőelemek
<hr> </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

Physical Styles and Their Meanings.
Ezen címkék, csak fizikai, azaz vizuális megjelenítésre alkalmasak.
<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

Logical Styles and Their Meanings.
Ezen címkék, logikai és vizuális megjelenítésre is alkalmasak.
<em></em>Emphasis.Kihangsúlyozott dőlt
<strong> </strong>Stronger emphasisKihangsú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 acronymMozaikszó

Blokk, azaz tömbszíntű elemek

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!