Háttérképek, ingyen háttérkép, wallpapers, wallpapers free, online radio, radio station, free music, music, free online radio Kecsuol - HTML alapok
Vasárnap, 2016-12-04, 10:10 AM
Üdvözöllek Vendég

Igen...       Neked...      Hogy jó kedved legyen !!!       És BAMBÁN VIGYOROGJ!:~)




HTML alapok



HTML alapok                                                                                                     

Az ingyenes honlapkészítők – köszönet nekik – egyre több lehetőséget nyújtanak.
Van mód a szövegek formázására, képek, linkek beillesztésére és sok egyéb dologra,
melyeket könnyedén, egy szövegszerkesztő kezelésének ismeretével megoldhatunk.
De sok esetben ütközhetünk akadályokba, mikor jól jöhet némi alap HTML ismeret.

HTML=HyperText Markup Language=hiperszöveges jelölőnyelv

Ha nem is mindjárt a legelején, de biztos hogy fog szöveg kerűlni egy honlapra. 

Szöveg formázása

Beírandó szöveg
Formázása HTML kóddal
Megjegyzés
Beírandó szöveg
Beírandó szöveg
sima, formázás nélkül
Beírandó szöveg
<B>Beírandó szöveg</B>
vastag betű (BOLD)
Beírandó szöveg
<I>Beírandó szöveg</I>
dőlt (ITALIC)
Beírandó szöveg
<B><I>Beírandó szöveg</B></I>
vastag, dőlt
Beírandó szöveg
<U>Beírandó szöveg</U>
aláhúzott (UNDRLINED)
Beírandó szöveg
<B><I><U> Beírandó szöveg</B></I></U>
vastag,dőlt,aláhúzott
Beírandó szöveg
<b>Beír</b>andó szöveg
csak egy része vastag


Akkor most látszik, hogy egy HTML parancs két részből áll.
Maga az utasítás (pl.:<B>) a szöveg formázására, és az utasítás lezárása.(pl.:</b>)


Ha az utasítást nem zárom le, vastag betű lesz az egész honlapon, az utasítás után.   
(egyes honlapszerkesztők el sem fogadják zárás nélkül a parancsot, figyelmeztetnek a hibára) 

Szöveg méretének megadása

Több mód van a szöveg méretének megadásáara! Azt hiszem kettőt fogok leírniJ
1.:HEADING nekünk ebben az esetben kb. annyit jelent, hogy címek,
 főcímek, alcímek stb. rangsorolása. A HEADING – nél hat fokozatunk van betüméretezésre,
1-legnagyobb, 6-legkissebb. A parancs hozzá: pl.: <H1>


Beírandó szöveg
Formázása HTML kóddal
Beírandó szöveg
<H1>Beírandó szöveg</H1>
Beírandó szöveg
<H2>Beírandó szöveg</H2>
Beírandó szöveg
<H3>Beírandó szöveg</H3>
Beírandó szöveg
<H4>Beírandó szöveg</H4>
Beírandó szöveg
<H5>Beírandó szöveg</H5>
Beírandó szöveg
<H6>Beírandó szöveg</H6>












A HEADING „böngésző barát” a böngészőkbe előre beépített stílusokat használjuk ki vele. Hátránya : csak hat betűméretünk van.


 Szöveg formázása SPAN STYLE féle utasításokkal, stílus megadása.


Beírandó szöveg
Formázása HTML kóddal
Beírandó szöveg
Beírandó szöveg
Beírandó szöveg
<span style="font-size:12.0pt">Beírandó szöveg</span>
Beírandó szöveg
<span style="font-size:20.0pt">Beírandó szöveg</span>







Szöveg elhelyezése

Beírandó szöveg
Formázása HTML kóddal
Beírandó szöveg (középen)
<div style="text-align: center;">Beírandó szöveg</div>
Beírandó szöveg (balra)
<div style="text-align: left;">Beírandó szöveg</div>
(jobbra)Beírandó szöveg
<div style="text-align: right;">Beírandó szöveg</div>
  •            Beírandó szöveg (balra, bilétázva)
<div style="text-align: left;">

  
<ul>

    
<li>Beírandó szöveg</li>

  
</ul>










A span style parancs soron belül több paramétert is megadhatunk, ekkor pontosvesszővel
választjuk el a külömböző paramétereket. pl.: <span style="color:#33ff33;font-size:20.0pt;">
Zárása : </span>

Beírandó szöveg
Formázása HTML kóddal
Beírandó szöveg
<span style="color:#33ff33;font-size:20.0pt;">Beírandó szöveg</span>


Előnye a „HEADING” – hez képest,
hogy „végtelen” variáció van a betűk méretezésére.


Az előző példával át is tértünk a Szöveg színének megadására
1.: színek megadása angol nyelven:

Beírandó szöveg
Formázása HTML kóddal
Beírandó szöveg
<span style="color: black;">Beírandó szöveg</span>
Beírandó szöveg
<span style="color: white;">Beírandó szöveg</span>
Beírandó szöveg
<span style="color: red;">Beírandó szöveg</span>
Beírandó szöveg
<span style="color: blue;">Beírandó szöveg</span>
Beírandó szöveg
<span style="color: green;">Beírandó szöveg</span>
Beírandó szöveg
<span style="color: grey;">Beírandó szöveg</span>
Beírandó szöveg
<span style="color: yellow;">Beírandó szöveg</span>




A teljes színskála : VGA-16 színszabvány 16 színemegtekinthető pl.: a wikipédián

2.:színek megadása HEXADECIMÁLIS kóddal:

Beírandó szöveg
Formázása HTML kóddal
Beírandó szöveg
<span style="color: black;">Beírandó szöveg</span>
Beírandó szöveg (dark orange)
<span style="color: #FF8C00;">Beírandó szöveg</span>
Beírandó szöveg (Turquoise)
<span style="color: #40E0D0;">Beírandó szöveg</span>
Beírandó szöveg (coral)
<span style="color: #FF7F50;">Beírandó szöveg</span>
Beírandó szöveg (royal blue)
<span style="color: #4169E1;">Beírandó szöveg</span>
Beírandó szöveg (greenyellow)
<span style="color: #ADFF2F;">Beírandó szöveg</span>
Beírandó szöveg (BlanchedAlmond)
<span style="color: #FFEBCD;">Beírandó szöveg</span>


A teljes színskála 140 tagú, megtekintheted, és a kódokat másolhatod pl.: a wikipédiáról.

                         


























Keresés
Statisztika

Online összesen: 1
Vendégek: 1
Felhasználók: 0

Barátaink:
  • Honlap létrehozása
  • Ingyenes online játékok
  • Az Ön Munkaasztala
  • Oktató videók
  • uCoz Rajongók Oldala









  • PageRank ikon ingyen

     

    Google Pagerank mérés, keresooptimalizálás

     

     Page Ranking Tool

    Free counters
    free counters

     2011.11.28-án kihelyezett statisztika : Országonkénti látogatók száma.

    látogató számláló

    Ingyen linkgyűjtemény

    Linkkatalógus
    Ingyenes linkkatalógus

    free counters
    Free counters


    Friss hírek, napi hírek hungary!
    Copyright MyCorp © 2016 |