különböző módszerek vannak a szöveg beillesztésére. A több böngészővel való kompatibilitás és a hozzáférhetőség érdekében azonban megvitatjuk a weboldal szövegének beillesztésének legnépszerűbb módszereit.
ajánlott módszer CSS & HTML
szöveg vagy bekezdés beillesztéséhez a leggyakrabban használt és ajánlott módszer a CSS használata. Az alábbiakban különböző példák találhatók arra, hogyan lehet a CSS beilleszteni a szöveget., Mindegyik példa a <head></head> HTML címkék közé kerül.
a következő példa létrehozna egy “tab” nevű stílusosztályt, amely a szöveget és a 40 Pixel bekezdést beilleszti a bal oldalról.
<style type="text/css"><!-- .tab { margin-left: 40px; }--></style>
miután a fenti kód a <fej> szakasz, akkor használja azt hozzáadásával a bekezdés (<p>) címkék az ábrán látható módon.,
<p class="tab">Example of a tab</p>
beleértve a CSS-t a HTML-dokumentumban, a fentiek szerint,” in-line ” CSS-nek nevezik. Hasznos a gyors változtatásokhoz, de hosszú távon nehéz később megváltoztatni.
ehelyett az összes CSS-kódot külön fájlba helyezheti, a kiterjesztéssel .css. Ezután bármely HTML-dokumentumból hivatkozhat erre a fájlra, az adott dokumentum pedig felhasználhatja ezeket a CSS-tulajdonságokat. Külső CSS fájl használata megkönnyíti a CSS későbbi megváltoztatását, mivel az összes CSS egy helyen van meghatározva.
<link rel="stylesheet" Type="text/css" href="http://www.example.com/basic.css">
egyszer .,css fájl jön létre, szerkessze a fájlt, majd adja hozzá ugyanazt a CSS kódot, kivéve a <stílus> és megjegyzés címkék bele, amint az látható.
.tab { margin-left: 40px; }
végül, miután a fenti lépések befejeződtek, bármilyen szöveget ugyanazzal a <p class=”tab”> példa, amelyet fent mutattunk.
a behúzás más formái is vannak. Például, ha csak egy bekezdés első sorát szeretné beilleszteni, a fenti CSS sor használata helyett a következő sort használja.,
.tab { text-indent:40px }
százalékos behúzással is behúzható. Például a 40px (Pixel) behúzás helyett a francia bekezdést 5% – kal helyettesítheti a szöveg behúzásához az aktuális nézet 5% – ával. Em-helyet is használhat a behúzás szélességének meghatározásakor.
a bal oldali francia bekezdést jobbra is megváltoztathatja a margó megváltoztatásával-balról margóra-jobbra.
ajánlott módszer HTML
lehetséges, hogy ugyanazt az eredményt a fenti egy inline stílus HTML., A fenti CSS példa használata közben könnyebben karbantartható több weboldalon keresztül, ha csak akkor kell stílust használni, ha a következő példát használhatja.
<p style="margin-left: 40px">This text is indented.</p>
ebben az első példában a bekezdéscímke összes szövege balról 40 képponttal van behúzva. Bármely más bekezdéscímke nincs behúzva.
<p style="text-indent: 40px">This text is indented.</p>
ebben a második példában csak a bekezdés első szövegsora lesz behúzva 40 Pixel balról. Az adott bekezdésben szereplő további szövegsorok nincsenek behúzva.,
egy százalék használatával is behúzható. Például a 40px (Pixel) behúzás helyett a francia bekezdést 5% – kal helyettesítheti a szöveg behúzásához az aktuális nézet 5% – ával. Em-helyet is használhat a behúzás szélességének meghatározásakor.
a bal oldali francia bekezdést jobbra is megváltoztathatja a margó-balról margóra-jobbra módosításával.
alternatív módszer
egy másik gyakori (de nem megfelelő) módszer a szöveg beillesztésére a<blockquote> címkék, amint az a következő példában látható., Bár ez egy könnyebb megoldás, bevezeti a Hozzáférhetőségi kérdéseket. Ez a címke szöveg idézésére szolgál, nem pedig behúzásra.
<blockquote>This text would be indented</blockquote>
további információk
- be kell behúznia a HTML-kód írásakor?
- hogyan lehet extra helyet létrehozni a HTML-ben vagy egy weboldalon.
- a kapcsolódó információkat és linkeket lásd a francia bekezdésdefinícióban.
- HTML és web design help and support.
