Honlapszerkesztés

A MathWikiből
(Változatok közti eltérés)
(Kiemelés)
(Képek beillesztése)
23. sor: 23. sor:
 
<blockquote>
 
<blockquote>
 
<pre>
 
<pre>
===Kiemelés===
+
===Képek beillesztése===
  
A HTML-ben a kiemelést úgy végezhetjük el, ha a kiemelni kívánt szövegrészt a <nowiki><em> és </em></nowiki> parancsok közé írjuk.
+
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>
Ebben a szövegben <em>ez a néhány szó</em> ki lesz emelve.
+
<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., 18: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>

Személyes eszközök