يعد تصميم الويب جزءا مهما من إنشاء موقع الويب ، وأحد عناصر التصميم الأكثر شيوعا هو استخدام الأعمدة. يمكن أن تكون الأعمدة مفيدة لتنظيم المحتوى على الصفحة وجعلها تبدو أكثر تنظيما. في هذا الدليل العملي ، ونحن سوف تظهر لك كيفية جعل 2 الأعمدة في هتمل دون استخدام أنماط طرف ثالث أو الأطر.
أولا وقبل كل شيء ، سوف نحتاج إلى استخدام علامات هتمل لتحديد تخطيط الصفحة. يمكننا استخدام العلامة
لإنشاء مجمع حول المحتوى والعلامات لإنشاء عمودين داخل هذا المجمع.
- ، لتحسين التمثيل المرئي للنص في هذه الأعمدة.
- الأعمدة في أتش تي أم أل
- 2 الأعمدة في هتمل: النهج الأساسي
- دليل عملي لإنشاء 2 أعمدة
- الخطوة 1: إنشاء الهيكل الأساسي
- الخطوة 2: إنشاء أعمدة
- الخطوة 3: إضافة محتويات العمود
- الخطوة 4: إضافة الأنماط
- الخطوة 5: النتيجة
- كيفية تقسيم المحتوى إلى 2 أعمدة في هتمل
- إضافة أنماط إلى 2 أعمدة
- نصائح إضافية لإنشاء 2 أعمدة
- سؤال وجواب
- ما هي الفكرة الرئيسية لهذه المادة?
- ما هي الأدوات واللغات اللازمة لإنشاء 2 الأعمدة في أتش تي أم أل?
- كيف يمكنني إنشاء عمودين باستخدام هتمل و كس?
- هل من الممكن تغيير حجم الأعمدة ديناميكيا?
ما هي الميزات والقيود المفروضة على 2 الأعمدة في أتش تي أم أل?
الأعمدة في أتش تي أم أل
باستخدام فليكس بوكس
فليكسبوكس هو طريقة جديدة لوضع العناصر في كس. يمكنك استخدامه لإنشاء أعمدة في هتمل.
العمود 2
اختر الطريقة الأنسب لك لإنشاء أعمدة في هتمل ، اعتمادا على متطلبات واحتياجات مشروعك.
2 الأعمدة في هتمل: النهج الأساسي
العمود 1
العمود 2
في هذا المثال ، نقوم بإنشاء جدول مع صف واحد وخليتين. محتويات العمود الأول داخل العلامة
بالإضافة إلى ذلك ، يمكنك إضافة أنماط أو سمات إلى جدول أو خلايا جدول لتخصيص المظهر والسلوك.
على سبيل المثال ، لجعل الأعمدة أوسع ، يمكنك إضافة سمة كولسبان إلى الخلية الأولى:
عمود عريض
العمود 1
العمود 2
في هذا المثال ، ستشغل الخلية الأولى كلا عمودي الجدول.
وبالتالي ، باستخدام العلامة
يسمح لك بإنشاء عمودين على صفحة ويب في هتمل ويوفر خيارات لتخصيص مظهر الأعمدة ومحتوياتها.
دليل عملي لإنشاء 2 أعمدة
يمكن أن يكون إنشاء تخطيط بعمودين مفيدا عند تطوير موقع ويب أو مدونة حيث تحتاج إلى تقسيم المحتوى إلى قسمين. في هذا الدليل ، وسوف ننظر في كيفية بسهولة وكفاءة إنشاء عمودين باستخدام هتمل.
باتباع هذا الدليل ، ستتمكن من إنشاء بنية بسيطة من عمودين على صفحة الويب الخاصة بك. سوف تحتاج إلى العناصر التالية: ديف ، قائمة والجدول.
الخطوة 1: إنشاء الهيكل الأساسي
أولا ، لنقم بإنشاء كتلة رئيسية تحتوي على عمودين:
الخطوة 2: إنشاء أعمدة