كيفية عمل مربع مع النص داخل HTML

...

قم بإنشاء مربع يحتوي على كتلة نصية باستخدام HTML.

لغة ترميز النص التشعبي (HTML) هي اللغة الأكثر استخدامًا لإنشاء هيكل ومحتوى صفحات الويب. يحتوي HTML على مجموعة واسعة من العناصر التي تسمح للمستخدمين بإنشاء روابط وصور وفقرات وعناوين وغير ذلك الكثير. تتم إضافة هذه العناصر إلى صفحة من خلال استخدام مجموعات محددة من الأحرف ، والمعروفة باسم العلامات. بمجرد فهم مجموعة العناصر والعلامات المطلوبة ، فإن إنشاء كتلة نصية محاطة بمربع في HTML يعد مهمة سريعة.

الخطوة 1

افتح صفحة الويب التي تريد تحريرها واعرض كود HTML الخاص بها. إذا كنت تستخدم محرر نصوص ، فما عليك سوى فتح صفحتك في البرنامج والتمرير لأسفل حتى تصل إلى قسم الصفحة حيث سيظهر المربع والنص. إذا كنت تستخدم أحد برامج مواقع الويب المرئية ، مثل Microsoft Expression Web أو Adobe Dreamweaver ، فافتح صفحتك ثم انقر فوق المنطقة التي تريد إضافة المربع والنص فيها. بعد القيام بذلك ، قم بتغيير وضع العرض إلى "Code View" لرؤية HTML الذي يتحكم في سلوك الصفحة.

فيديو اليوم

الخطوة 2

اضغط على مفتاح "Enter" لإنشاء سطر فارغ في شفرة HTML الخاصة بك.

الخطوه 3

انسخ الأسطر الثلاثة التالية من التعليمات البرمجية والصقها في السطر الفارغ الذي تم إنشاؤه في الخطوة السابقة:

يتم وضع كتلة من نص الفقرة هنا

الخطوة 4

اضبط معلمات الكود الذي أضفته في الخطوة السابقة ، حسب الحاجة. قم بتغيير العرض وحجم الحدود ونمط الحدود ولون الحدود عن طريق تعديل قيم "500 بكسل" و "2 بكسل" و "صلب" و "أسود" في السطر الأول من التعليمات البرمجية. قم بتغيير مقدار المساحة المحيطة بالنص عن طريق تعديل قيمة "10 بكسل" في السطر الثاني من التعليمات البرمجية. تعديل النص الموجود بين الفتحة "

"والختام"

"لتناسب احتياجات صفحتك.

الخطوة الخامسة

احفظ الصفحة ثم افتحها في متصفح الويب. تضيف الكود الذي أدخلته وعدلته في الخطوتين السابقتين مربعًا بعرض 500 بكسل بحدود سوداء تحيط بكتلة من نص الفقرة.