محاذاة كتل div إلى المركز (css، div html). محاذاة النص في HTML
شبابيك : متصفح الانترنت 3.0+، فايرفوكس 1.0+، جوجل كروم، أوبرا 3.51 - 6.xx و9.0+، سفاري 3.1+، سي مونكي 1.0+ [1].
لينكس: فايرفوكس 1.0+، كروميوم، أوبرا 5.0 - 6.xx و9.0+، SeaMonkey 1.0+ [2].
يقوم بمحاذاة محتوى الصفحة إلى المركز في المنطقة المرئية من نافذة المتصفح باستخدام HTML- بدون CSS. تتم محاذاة الحاوية التي سيتم وضع محتوى صفحة الويب فيها في المنتصف - في العرض والارتفاع: [فتح صفحة المثال].
وأيضًا في Netscape 2.02 - 4.80 وOffbyone. في Netscape 2.02 - 4.80، هناك بعض التحول في محتوى الصفحة إلى الزاوية اليسرى العليا من المنطقة القابلة للعرض في نافذة المتصفح بسبب الطريقة التي تحجز بها هذه البرامج مساحة لأشرطة التمرير.
وأيضا في نتسكيب 2.02 - 4.80. في Netscape 2.02 - 4.80، هناك بعض التحول في محتوى الصفحة إلى الزاوية اليسرى العليا من المنطقة القابلة للعرض في نافذة المتصفح بسبب الطريقة التي تحجز بها هذه البرامج مساحة لأشرطة التمرير.
Aliosque subditos et theme
تنسيق
تتمحور مع باستخدام CSSإذا كان عرضه أقل من 100%. المحاذاة الأفقيةفي المركز. مثال: HTML/XHTML. شفرة:
CSS. الكود: hr (العرض: 50%؛ الهامش: 0 25% 0 25%؛) /* CSS إضافي، فقط لإعطاء المثال بعض المظهر: */ hr (الارتفاع: 1px; float: يسار; الحدود: 0px; اللون : #f00; الخلفية: #f00;) ملاحظة: يعمل في الغالب مع كل من float: left وfloat: none. ومع ذلك، مع تعويم: ترك الخيار الأصح. [ 1 ] وأيضا في نتسكيب 4.04+، موزيلا 0.6+. [ 2 ] وأيضا في نتسكيب 4.04+، موزيلا 0.6+.
نقل البريد من خادم IMAP إلى آخر باستخدام imapsync [ 1 ] / Linux، سطر الأوامر: imapsync --host1 imap.this.com --user1 [البريد الإلكتروني محمي]--passfile1 /home/user/imap/passwordfile1 --ssl1 --host2 imap.another.com --user2 [البريد الإلكتروني محمي]--passfile2 /home/user/imap/passwordfile2 --ssl2 --skipsize --allowsizemismatch - يوجد موقع example.com وصندوق بريد [البريد الإلكتروني محمي]على خادم شركة استضافة معينة. خادم IMAP: imap.this.com. يدعم خادم IMAP SSL. - يتم نقل موقع example.com إلى مضيف آخر. وبناء على ذلك، و صندوق بريد [البريد الإلكتروني محمي]بكل محتوياته والحفاظ على بنية المجلد. خادم IMAP لموفر استضافة آخر: imap.another.com. يدعم خادم IMAP SSL. 1. إنشاء صندوق بريد [البريد الإلكتروني محمي]وكلمة المرور الخاصة به على خادم الشركة المستضيفة التي يتم فيها النقل. 2. قم بإنشاء اثنين ملف نصيفي المجلد /home/user/imap/: ملف كلمة المرور 1 مع كلمة مرور صندوق البريد في الأول خادم IMAPوpasswordfile2 بكلمة المرور لصندوق البريد الموجود على خادم IMAP الثاني. 3. chmod 600 /home/user/imap/passwordfile1 4. chmod 600 /home/user/imap/passwordfile2 5. تثبيت imapsync 6. تشغيل imapsync باستخدام المعلمات والبيانات المناسبة ينقل Imapsync البريد مع الحفاظ على بنية المجلد من imap.this .com على imap.another.com. يتم استخدام طبقة المقابس الآمنة (SSL) لتشفير البيانات أثناء النقل، ويتم تخزين كلمات المرور في ملفات محمية بواسطة إعدادات الأذونات الوصول إلى chmod 600. نقل البريد بين خدمتين بريد إلكترونيقد يتطلب الاستخدام معلمات إضافية[ 2 ] إيمابسينك. على سبيل المثال، عند نقل محتويات صندوق بريد Gmail.com إلى آخر، يجب عليك تحديد "--port1" و"--port2": imapsync --host1 imap.gmail.com --port1 993 --user1 [البريد الإلكتروني محمي]--passfile1 /home/user/imap/passwordfile1 --ssl1 --host2 imap.gmail.com --port2 993 --user2 [البريد الإلكتروني محمي]--passfile2 /home/user/imap/passwordfile2 --ssl2 --skipsize --allowsizemismatch [ 1 ] حالة بسيطة وشائعة: يتم نقل محتويات صندوق بريد إلكتروني إلى آخر - فارغ، وموجود على خادم آخر. ولكن قد يكون هناك المزيد المواقف الصعبة: Gmail إلى تطبيقات جوجلترحيل البريد الإلكتروني والانتقال إلى Google Apps باستخدام imapsync. [ 2 ] خيارات أخرى: ترحيل البريد من خادم إلى آخر باستخدام imapsync و imapsync(1) - صفحة دليل Linux.
حتى الآن، قمنا بمحاذاة العناصر إلى اليسار فقط. بتعبير أدق، لم نفعل ذلك على الإطلاق، والمتصفح نفسه يقوم بمحاذاة العناصر إلى اليسار بشكل افتراضي. بالطبع، سيكون من الممل جدًا محاذاة كل شيء إلى اليسار. لذلك، هناك طرق مختلفة للمحاذاة للوسط واليمين.
محاذاة العناصر هي شيء تحتاج فقط إلى معرفته عند القيام بذلك. أول شيء عليك القيام به هو كتابة صفحة بسيطة.
ذات مرة كان هناك علامة
يمكنك إضافة صورة، محاذاة أيضا إلى المركز، دعنا نذهب أيضا إلى السطر التاليباستخدام العلامة
:
عنوان المستوى الأول، بمحاذاة إلى الوسط
لقد كانت علامة
لحل هذه المشكلة، توصل المطورون إلى طريقة عالمية لمحاذاة العناصر لغة البرمجة. تتمثل الطريقة في استخدام ما يسمى بالحاويات، والتي يتم إنشاؤها باستخدام العلامة دعونا نكتب نفس واحد الآن كود HTML، ولكن باستخدام الحاويات، بالإضافة إلى ذلك، دعونا لا محاذاة إلى المركز، ولكن إلى اليمين. كما ترون، كل شيء يعمل. أنصحك أيضًا بتغيير قيم السمة " محاذاة"للنظر في أنواع أخرى من محاذاة محتوى الحاوية. طريقة أخرى لمحاذاة العناصر لغة البرمجة- هذه جداول، لكن هذا الموضوع يستحق مناقشة منفصلة، لذلك سنتحدث عنه في أحد المقالات التالية. في الوقت الحالي، يجب أن تبدو صفحتك كما يلي: مع خالص التقدير، ميخائيل روساكوف. ملاحظة.إذا كنت تريد معرفة المزيد عنها لغة البرمجةثم انظر إلي دورة مجانيةمع مثال لإنشاء موقع على شبكة الإنترنت لغة البرمجة: في حالة مستندات HTML، تعمل العلامات على ترميز المحتوى أكثر من الإشارة إلى كيفية تقديمه. يتم تحقيق تحكم أكبر في العرض التقديمي باستخدام الأنماط. في هذه المقالة سألقي نظرة على تلك الأنماط المرتبطة بتنسيق الفقرة في HTML. بطاقة شعار في HTML، يمكنك تحديد الفقرات، وتقوم سمة المحاذاة بمحاذاتها إلى اليسار، أو اليمين، أو الوسط، أو المضبوطة. بالإضافة إلى ذلك، سوف نستخدم سمة النمط العالمي. يمكنك محاذاة فقرة باستخدام سمة المحاذاة بالقيم التالية: محاذاة النص: يسار|يمين|مركز|ضبط|أولي|وراثة؛ انسخ التعليمة البرمجية التالية إلى ملف .html الخاص بك. تمت محاذاة هذه الفقرة إلى الوسط تمت محاذاة هذه الفقرة إلى اليمين تظهر هذه الفقرة مبررة في نافذة المتصفح. تتم محاذاة الفقرة المضبوطة إلى اليمين واليسار عن طريق إضافة مسافات إضافية. يمكنك أن ترى أن حواف الفقرة المضبوطة تتطابق مع حواف الفقرات المحاذية لليسار واليمين. في الفقرة المحاذية لليسار، تكون الحافة اليسرى مستقيمة، بينما في الفقرة المحاذية لليمين، تكون الحافة اليسرى مستقيمة. هل ترى كيف أن حافتي هذه الفقرة مستقيمتان؟ يتم تحقيق ذلك من خلال محاذاة النص: ضبط النمط. فى الشباك متصفح HTMLيبدو رمز الفقرة هكذا. يمكنك التحكم في تباعد أسطر الفقرة باستخدام style=line-height . استخدم سمة النمط مع القيم التالية: ارتفاع الخط: عادي|رقم|طول|أولي|وراثة؛ فيما يلي مثال لتعليمة HTML البرمجية التي تعرض فقرات ذات مسافات مختلفة بين الأسطر: تستخدم هذه الفقرة قيمتين لسمة النمط. تحدد قيمة ارتفاع السطر الأول:1.5 مسافة سطر ونصف للفقرة، وتحدد القيمة الثانية محاذاة النص: ضبط أن نص الفقرة يجب أن ينتشر عبر العرض. هذه الفقرة ذات مسافات مزدوجة ومبررة. line-height:2 يحدد التباعد المزدوج. ليس من الضروري أن تحتوي سمة النمط على قيمتين. ولكن إذا كنت بحاجة إلى تحديد قيمتين، فيمكنك القيام بذلك عن طريق الفصل بينهما بفاصلة منقوطة. فيما يلي بعض الطرق المختلفة لاستخدام قيمة ارتفاع الخط لسمة النمط: : مجموعات تباعد الأسطر 13 بكسل؛ : يضبط على مسافة HTMLبين الفقرات بنسبة 200% بالنسبة لحجم الخط الحالي؛ : يضبط ارتفاع الخط على 14 بكسل. لقد استخدمت مصطلح "المسافات البادئة" لتسهيل الفهم. لكن في HTML، نستخدم المسافات لإنشاء مسافة بيضاء حول كائن ما. يمكنك استخدام سمة النمط مع قيمة الحشو لوضع مسافة بادئة للفقرة إلى اليسار أو اليمين. فيما يلي مثال للفقرات ذات المسافة البادئة لليسار واليمين:
هذه الفقرة ليست بها مسافة بادئة، بل هي ببساطة مبررة. انظر إلى السمة نمط العنصر P لهذه الفقرة. بالنسبة لهذه الفقرة، قمت بتعيين المساحة المتروكة اليسرى إلى 30 بيكسل باستخدام النمط padding-left:30px. يتم ضبط هذه الفقرة أيضًا باستخدام نمط محاذاة النص: ضبط. كما تعلم، يمكننا استخدام قيم متعددة لسمة النمط عن طريق فصلها بفاصلة منقوطة. وهذه الفقرة بها مسافة بادئة لليمين تبلغ 30 بكسل، ولكن لا توجد مسافة بادئة لليسار. كما أنه محاذاة للعرض. تحدد قيمة "padding-right" لسمة النمط المساحة المتروكة الصحيحة. إذا لم تتمكن من رؤية التأثير، فقم بتقليل عرض نافذة المتصفح بحيث يتم عرض فقرة HTML المضبوطة بشكل صحيح. في HTML أو CSS لا نحتاج إلى هذا. يمكننا ببساطة تحديد نمط الحشو للعنصر تحدد الحشوة العلوية والحشوة السفلية المساحة البيضاء قبل الفقرة وبعدها، والتي تعمل مثل الحشوة في الأعلى أو الأسفل. انظر إلى مثال العلامة أدناه لقد قمت بتثبيت للمرة الأولى فقرة HTMLمسافة بادئة 10 بكسل قبل الفقرة الثانية و50 بكسل بعد الفقرة الثانية: لا تحتوي هذه الفقرة على أي مسافة بادئة محددة قبل أو بعد. هذه فقرة عادية، لها ما يبررها. كما تعلم، يمكننا ضبط فقرة باستخدام الكود style=”text-align:justify” داخل العلامة. هذه الفقرة كبيرة الحجم. كما أنها تحتوي على 10 بكسل من المساحة المتروكة قبل الفقرة و50 بكسل بعدها. داخل العلامة قمت بتعيين 3 أنماط. هذه فقرة عادية بدون مسافات بادئة ومحاذاة افتراضية.
عنوان المستوى الأول، بمحاذاة إلى الوسط
عنوان المستوى الأول، بمحاذاة إلى اليمين
محاذاة الفقرة
تباعد الأسطر
المسافات البادئة
المسافة البادئة بين الفقرات (مسافة بادئة قبل ومسافة بادئة بعد الفقرة)
أشياء للذكرى