Hogyan készítsünk egy dobozt szöveggel a HTML-ben

...

Hozzon létre egy szövegblokkot tartalmazó mezőt HTML használatával.

A HyperText Markup Language (HTML) a weboldalak szerkezetének és tartalmának létrehozására leggyakrabban használt nyelv. A HTML olyan elemek széles skáláját tartalmazza, amelyek lehetővé teszik a felhasználók számára linkek, képek, bekezdések, címsorok és még sok más létrehozását. Ezeket az elemeket meghatározott karakterkészletek, úgynevezett címkék használatával adják hozzá az oldalhoz. Miután megértette a szükséges elemek és címkék kombinációját, gyors feladat egy mezővel körülvett szövegblokk létrehozása HTML-ben.

1. lépés

Nyissa meg a szerkeszteni kívánt weboldalt, és tekintse meg a HTML-kódját. Ha szövegszerkesztőt használ, egyszerűen nyissa meg az oldalt a programban, és görgessen lefelé, amíg el nem éri az oldal azon részét, ahol a mező és a szöveg megjelenik. Ha vizuális webhelyprogramot használ, például a Microsoft Expression Webet vagy az Adobe Dreamweaver-t, nyissa meg az oldalt, majd kattintson arra a területre, amelyhez a mezőt és a szöveget hozzá kívánja adni. Ezt követően módosítsa a megtekintési módot "Kódnézet"-re, hogy megtekinthesse az oldal viselkedését szabályozó HTML-kódot.

A nap videója

2. lépés

Nyomja meg az "Enter" billentyűt egy üres sor létrehozásához a HTML-kódban.

3. lépés

Másolja ki és illessze be a következő három kódsort az előző lépésben létrehozott üres sorba:

Ide kerül egy bekezdésszöveg blokk

4. lépés

Szükség szerint módosítsa az előző lépésben hozzáadott kód paramétereit. Módosítsa a szélességet, a szegély méretét, a szegély stílusát és a szegély színét az „500px”, „2px”, „solid” és „black” értékek módosításával a kód első sorában. Módosítsa a szöveget körülvevő hely méretét a kód második sorában található „10px” érték módosításával. Módosítsd a "" nyílás között található szöveget

"és bezárás"

" címkéket az oldal igényeinek megfelelően.

5. lépés

Mentse el az oldalt, majd nyissa meg egy webböngészőben. Az előző két lépésben beszúrt és módosított kód egy 500 képpont széles, fekete kerettel ellátott négyzetet ad, amely egy bekezdésszöveg blokkot vesz körül.