Honlapkészítés Mindenhol!

Hogy hogy mindenhol? Nos ez egyszerű hiszen egy honlap készítéséhez nem kell más mint egy laptop és internet kapcsolat, márpedig laptopot akárhova vihetünk internet kapcsolatot pedig találunk szinte bárhol!

 HTML Alapok

honlapkészítés html alapok

Alapvető html kódok és leírásuk mi-mire való.

Először is maga a html egy szövegfájl akár egy sima wordpad segítségével is elkészíthetjük!

Minden esetben egy <HTML> utasítással kezdődik és a </HTML> záró utasítással végződik.

Az első elem ami kell helyeznünk az maga a fejléc elem ami a <HEAD> és a </HEAD> tag ek között helyezkedik el.

A HEAD tag en belül pedig a következő elemeket kell megadnunk: 

<TITLE> az oldalunk címe ami megjelenik a felső sorban pl.: "Hobbi Honlap Szerkesztő" természetesen ezt a tag is zárnunk kell mégpedig a </TITLE> el.

Illetve ezen felül még egyéb meta tag ek is ide kerülnek de erről majd később.

Maga a dokumentum törzs a <BODY> és a </BODY> tag be írható. 
Ide kerül minden amit az oldalon látni szeretnénk, szövegek, képek bármi.

 

Tehát egy HTML dokumentum így fog kinézzen:

<HTML>
<HEAD>
<TITLE>Az oldal címe, ezt a szöveget fogod latni a böngésző címsorában</TITLE>
</HEAD>
<BODY>
Az oldal tartalma (szöveg, képek stb.)
</BODY>

Következzenek az egyszerű formázó tag ek

Ami Fontos: minden tag et < jel vezet be és > zár le tehát : <tag> és az adott hatást az ennek megfelelő </tag> szünteti meg.

 

  • Első körben a betűtípusok:

Betűtípusok <b><i><u>

<b>(bold) félkövér betű</b>

Félkövér

<i>(italic) dőlt betű</i>

Dőlt

<u>(underlined) aláhúzott</u>

Aláhúzott

  • Fejléc Típusok (<h1> ... <h6>)

 

(A fejlécek - csak úgy mint a szövegszerkesztésnél is - a html oldalak logikai felosztását teszik lehetővé. pl. h1 az oldal címe, h2 egy alcím, h3 annak az alcíme és így tovább. A HTML oldalak esetén 6 fejlécet használhatunk)

Fejléc Típusok <h1> ... <h6>
<h1>fejléc 1</h1>

Fejléc 1
<h2>fejléc 2</h2>

Fejléc 2
<h3>fejléc 3</h3>

Fejléc 3
<h4>fejléc 4</h4>

Fejléc 4
<h5>fejléc 5</h5>
Fejléc 5
<h6>fejléc 6</h6>
Fejléc 6

Ha nem az alapértelmezett (balra) igazítást szeretnénk használni, megadhatjuk az igazítás típusát az align paraméter segítségével.

Pl.: <h1 align="center"> Ez egy középre igazított 1-es fejléc </h1>

Left = balra
Center = középre
Right = jobbra

Fejléc 1 középre igazítva

Fejléc 2 jobbra igazítva

  •  Betű méret <font size=" ">

A betűméretet kétféleképpen állíthatjuk be: abszolút és relatív módon.

Az abszolút méretmegadásban 1 és 7 között állíthatjuk be a méretet, ahol a 7-es a legnagyobb az 1-es a legkisebb.

<font size="4">4 es betűméret</font>

A relatív méretbeállításnál azt adhatjuk meg, hogy az alapként beállított betűmérethez képest mennyivel nagyobb, illetve kisebb betűméretet akarunk látni. Ha pl. 2-el nagyobbat, akkor a +2, ha 1-el kisebbet, akkor a -1 méretmegadást kell alkalmaznunk. 

<font size ="+2"> Kettővel nagyobb betűméret </font>

Azt, hogy mihez képest legyen nagyobb vagy kisebb az adott betűméret a <basefont size="méret"> tag segítségével állíthatjuk be.

  • Betű típus <font face=" ">

A face tag megadásával állítható be a kívánt betűtípus.

FONTOS!
Ne használj különleges, egyedi betűtípusokat, mert nagy valószínűséggel a látogatók semmit sem vesznek észre belőle. (ugyanis azon betűtípusok esetében, amelyek nincsenek az adott gépre felinstallálva, a böngésző a hagyományos betűtípusokat jeleníti meg.)

<font face ="Arial"> Arial betűtípus </font>

<font face ="Courier">Courier betűtípus. </font>

 

  • Betűszín <font color=" ">

A betűk színét is többféleképpen lehet beállítani. Az első esetben a szín nevét használjuk, angolul. pl. red, yellow, black, white, stb... A második esetben egy úgynevezett RGB kóddal adjuk meg a színt. A 6 jegyű kódot a # jel vezeti be.

<font color=red> Piros </font>

<font color=#898134> Kevert </font>

A színek kódját a grafikai programok többsége megmutatja az adott színt kiválasztva illetve a keresőkben RGB színkódok at beírva minden szín RBG kódját megtalálhatod.

 

  • Vízszintes vonal <hr>

Ha a dokumentumon belül valamilyen szakaszt el szeretnénk különíteni a többitől, használhatunk vízszintes elválasztó vonalat a <hr> tag használatával.

(horizontal rule) vízszintes vonal <hr>

A vonal szélességét (width) vastagságát (size) is megadhatjuk. Igazíthatjuk (align)  balra (left), jobbra (right), középre (center).

<hr size="4" align="right" width="250">

 

  • Bekezdések <p>

A <p> elem segítségével a szöveget bekezdésekre tördelhetjük. Az adott bekezdést a <p> és </p> elemek közé kell tenni. A bekezdést az align paraméterrel balra, középre, jobbra igazíthatjuk.

 

Igazíthatjuk (align): left(balra), center(közép), right(jobbra)

<P align="left"> Balra igazított bekezdés </P>
Balra igazított bekezdés

<P align="center"> Középre igazított bekezdés </P>
Középre igazított bekezdés

<P align="right"> Jobbra igazított bekezdés </P>
Jobbra igazított bekezdés

 

  • Sortörés <br>

Ha a szövegben egy sort új sorban akarunk kezdeni a <br> taget használjuk.

Első sor <br> Második sor

Első sor
Második sor

 

  • Hiperlinkek <a href="URL">  link szövege </a>

A hiperlinkekkel hozhatunk létre kapcsolatot szövegrészek, illetve dokumentumok között. A böngészők a linkeket aláhúzással illetve eltérő színnel jelölik, természetesen ezek a beállítások megváltoztathatóak.

<a href="http://yootarhely.info">A YooTárhely.info honlapja</a>

http://www.yootarhely.info

A mailto:emailcím formát használjuk akkor az adott linkre kattintva automatikusan betöltődik az alapértelmezett levelezőprogram és email-t írhatunk a megadott címre.

<a href="mailto:valaki@valami.hu?subject=Üdvözlet">Üzenet küldése</a>

Üzenet küldése

 

  • Felsorolások

A HTML nyelvben lehetőségünk van felsorolások létrehozására is.

Egyszerű felsorolás 

Egyszerű felsorolás esetén az <ul> és </ul> tagek közé kell elhelyeznünk a listaelemeket, amelyeket a <li> tagek vezetnek be.

 

<ul>
<li>első
<li>második
<li>harmadik
</ul>
  • első
  • második
  • harmadik

 

Sorszámozott lista

Sorszámozott lista  esetén az <ol> és </ol> tagek közé kell elhelyeznünk a listaelemeket, amelyeket a <li> tagek vezetnek be.

<ol>
<li>első
<li>második
<li>harmadik
</ol>

  1. első

  2. második

  3. harmadik

Első körben ezek azok a Tagek amik a honlapkészítésnél, weblap szerkesztésnél mindenképpen szükségesek / hasznosak!



Weblap látogatottság számláló:

Mai: 4
Tegnapi: 2
Heti: 6
Havi: 70
Össz.: 8 550

Látogatottság növelés
Oldal: HTML Kódolás alapok
Honlapkészítés Mindenhol! - © 2008 - 2024 - honlapkeszites-mindenhol.hupont.hu

A HuPont.hu egyszerűvé teszi a weblapkészítés minden lépését! Itt lehetséges a weblapkészítés!

ÁSZF | Adatvédelmi Nyilatkozat

X

A honlap készítés ára 78 500 helyett MOST 0 (nulla) Ft! Tovább »