Hogyan hozzunk létre extra helyet HTML vagy egy weboldal

extra hely létrehozása A HTML-ben egy weboldalon sokféle módon érhető el a létrehozni kívánt hely típusától függően. A következő szakaszok számos különféle módot tartalmaznak extra hely létrehozására mind a HTML, mind a CSS használatával.,

extra szóközök létrehozása a szöveg előtt vagy után

az egyik leginkább zavaró dolog az új felhasználók számára, akik weboldalt hoznak létre, az, hogy nem tudják többször megnyomni a szóközt, hogy további szóközöket hozzanak létre. Ha további szóközöket szeretne létrehozni a szöveg előtt, után vagy között, használja a  (nem törő hely) kiterjesztett HTML karaktert.

például az “extra szóköz” használatával a következő kód van a HTML-ben.,

extra    space

tartsa a szöveget a

oldalba beillesztett szövegben, ha további szóközökkel vagy lapokkal beilleszti a szöveget, használhatja a HTML <pre> címkét a szöveg formázásához., Az alábbiakban egy példa arra, hogyan illessze be a szöveget extra szóközökkel a <pre> címke segítségével.

This text has lots of spaces

a fenti példa az alábbi HTML kód használatával történik.

<pre class="tab">This text has lots of spaces</pre>

• tekintse meg a HTML <pre> tag oldalt a címkével kapcsolatos további információkért.

extra hely létrehozása egy elem vagy objektum körül

bármely HTML elem további távolságot adhat hozzá a felső, a jobb, az alsó vagy a bal oldalhoz. Mielőtt eldöntené, hogy milyen típusú helyet szeretne hozzáadni az elem vagy objektum körül, győződjön meg róla, hogy megérti a különbséget a margó és a padding között. Amint az az alábbi képen látható, a padding körülveszi az elemet, a határon belül, valamint a határon kívüli margót.

az alábbi példa egy határral körülvett, margóval behúzott bekezdésünket mutatja, jobb és alsó térközökkel.,

egy példa egy bekezdésre margóval és párnázattal.

a fenti példa az alábbi kód segítségével jött létre.

a kód első részében a “margó-bal: 2,5 em;” hozzáad egy 2,5 em bal margót, amely behúzott szöveg megjelenését adja. Amint azt a példa mutatja, ez a távolság a határon kívül van. A következő részben, “padding: 0 7em 2em 0;” határozza meg a felső, jobb, alsó, és a bal (óramutató járásával megegyező) padding. Van ” 0 ” felső padding,” 7em ” jobb padding, “2em” alsó padding, 0 bal padding., A példa fennmaradó része meghatározza, hogyan kell kinéznie a határnak.

fül létrehozása CSS és HTML használatával

egy lap HTML-ben hozható létre egy elem bal margójának beállításával. Például ez a bekezdés bal oldali margója 2,5 em a szöveget tartalmazó elemtől. A bal margó létrehozásához szükséges CSS az alábbiakban látható.

.tab { margin-left: 2.5em}

miután ezt a kódot a CSS fájlba helyeztük, alkalmazhatjuk a” tab ” osztályt bármely szövegre, hogy létrehozzuk a lap megjelenését. A margó értéke az Ön igényeitől függően növelhető vagy csökkenthető.,

bár a fenti módszert javasoljuk, a margó bal oldali CSS inline is hozzáadható az alábbi példában látható módon.

<p style="margin-left:2.5em">An example of a 5em left margin.</p>

egy példa a 5EM bal margó.

• Hogyan írhatok be vagy lapozhatok szöveget a weboldalamon vagy a HTML-ben?

adjon hozzá helyet a

szövegsor vagy bekezdés alatt, ha további helyet kell hozzáadnia egy szövegsor vagy bekezdés alatt, és csak egyszer kell elvégeznie, akkor használhatja a <br> címkét. Az alábbiakban egy példa arra, hogyan lehet ezt a technikát alkalmazni.,

<p>This sentence contains example text.<br><br>As you can see, two breaks add the space above.</p>

a fenti kód az alább látható szöveget hozza létre.

Ez a mondat példaszöveget tartalmaz.
mint látható, két szünet adja hozzá a fenti helyet.

szükség esetén további szünetek is hozzáadhatók. Javasoljuk azonban, hogy a korábban említett CSS módszerrel adjon hozzá párnázást és térközt a szöveghez, ha több helyen történik egy oldalon.