Honlapszerkesztés
(→Kiemelés) |
(→Képek beillesztése) |
||
23. sor: | 23. sor: | ||
<blockquote> | <blockquote> | ||
<pre> | <pre> | ||
− | === | + | ===Képek beillesztése=== |
− | A | + | A képek beillesztése az <img> paranccsal történik. Itt pontosan meg kell adnunk a kép nevét, (ha nem a public_html mappában van, az elérési útját,) méreteit (szélesség ill. magasság; mindkettő képpontokban), valamint egy rövid címet a képről. Utóbbi azért fontos, mert ha valaki nem látja a képet, legalább információt kap arról, hogy mit ábrázol. Egy példa a public_html-ben levő, 300X150 képpontú, kutya.jpg nevű kép beillesztésére: |
<blockquote> | <blockquote> | ||
<pre> | <pre> | ||
− | + | <img src="example.jpg" width='300' height='100' alt='Ez egy kutya' /> | |
+ | </pre> | ||
+ | </blockquote> | ||
+ | |||
+ | <blockquote> | ||
+ | <pre> | ||
+ | |||
+ | </pre> | ||
+ | </blockquote> | ||
+ | |||
+ | <blockquote> | ||
+ | <pre> | ||
+ | |||
+ | </pre> | ||
+ | </blockquote> | ||
+ | |||
+ | <blockquote> | ||
+ | <pre> | ||
+ | |||
+ | </pre> | ||
+ | </blockquote> | ||
+ | |||
+ | <blockquote> | ||
+ | <pre> | ||
+ | |||
+ | </pre> | ||
+ | </blockquote> | ||
+ | |||
+ | <blockquote> | ||
+ | <pre> | ||
+ | |||
+ | </pre> | ||
+ | </blockquote> | ||
+ | |||
+ | <blockquote> | ||
+ | <pre> | ||
+ | |||
+ | </pre> | ||
+ | </blockquote> | ||
+ | |||
+ | <blockquote> | ||
+ | <pre> | ||
+ | |||
+ | </pre> | ||
+ | </blockquote> | ||
+ | |||
+ | <blockquote> | ||
+ | <pre> | ||
+ | |||
+ | </pre> | ||
+ | </blockquote> | ||
+ | |||
+ | <blockquote> | ||
+ | <pre> | ||
+ | |||
+ | </pre> | ||
+ | </blockquote> | ||
+ | |||
+ | <blockquote> | ||
+ | <pre> | ||
+ | |||
</pre> | </pre> | ||
</blockquote> | </blockquote> |
A lap 2006. november 30., 19:38-kori változata
Szerkesztés alatt...
Tartalomjegyzék |
Honlapszerkesztés
Az első lépés
Mielőtt honlapot kezdenél szerkeszteni, először létre kell hoznod egy index.html nevű fájlt a saját mappád public_html nevű almappájában. Sok szövegszerkesztőt használhatsz a honlapod elkészítéséhez. Én az Emacs nevűt ajánlom (Megjegyzés: picit lassan tölt be...).
Cím, címsorok, bekezdések
A címet a <title> és a </title> parancs közé írva adhatod meg a következőképpen (egyébként a legtöbb utasítást a <parancs> és </parancs> közé kell írni):
<title>Ide jön a cím<title>
A HTML-ben összesen 6 különböző szintű címsort írhatunk, kezdve a legfontosabbtól a legkevésbé fontosig. Mindezt a <h1>, <h2>,...<h6> paranccsal érhetjük el (persze itt se feledkezzünk el a parancsot lezáró </h1> stb. </h6>-ról! Példa:
===Képek beillesztése=== A képek beillesztése az <img> paranccsal történik. Itt pontosan meg kell adnunk a kép nevét, (ha nem a public_html mappában van, az elérési útját,) méreteit (szélesség ill. magasság; mindkettő képpontokban), valamint egy rövid címet a képről. Utóbbi azért fontos, mert ha valaki nem látja a képet, legalább információt kap arról, hogy mit ábrázol. Egy példa a public_html-ben levő, 300X150 képpontú, kutya.jpg nevű kép beillesztésére: <blockquote> <pre> <img src="example.jpg" width='300' height='100' alt='Ez egy kutya' />
Képek beillesztése
Ez egy fontos címsor
Ez egy fontos címsor
Ez már nem annyira
Ez pedig a legkevésbé fontos
</pre> </blockquote>
Minden bekezdést a <p> paranccsal kezdünk, és a </p><nowiki> paranccsal zárunk le. <blockquote> <pre> <p>Ez egy bekezdés.</p> <p>Ez itt egy másik.</p> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <h1>Ez egy fontos címsor</h1> <h2>Ez már nem annyira</h2> <h6>Ez pedig a legkevésbé fontos</h6> </pre> </blockquote> Minden bekezdést a <nowiki><p> paranccsal kezdünk, és a </p><nowiki> paranccsal zárunk le. <blockquote> <pre> <p>Ez egy bekezdés.</p> <p>Ez itt egy másik.</p> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <h1>Ez egy fontos címsor</h1> <h1>Ez egy fontos címsor</h1> <h2>Ez már nem annyira</h2> <h6>Ez pedig a legkevésbé fontos</h6> </pre> </blockquote> Minden bekezdést a <nowiki><p> paranccsal kezdünk, és a </p><nowiki> paranccsal zárunk le. <blockquote> <pre> <p>Ez egy bekezdés.</p> <p>Ez itt egy másik.</p> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote> <blockquote> <pre> </pre> </blockquote>