Latest web development tutorials
×

Bootstrap مسار

Bootstrap مسار Bootstrap مقدمة موجزة Bootstrap البيئة التثبيت

Bootstrap CSS

Bootstrap CSS نظرة عامة Bootstrap نظام الشبكة Bootstrap تنضيد Bootstrap قانون Bootstrap طاولة Bootstrap شكل Bootstrap زر Bootstrap صور Bootstrap الطبقة المساعدة Bootstrap المرافق تستجيب

Bootstrap مكونات التخطيط

Bootstrap رمز الخطوط Bootstrap القائمة المنسدلة Bootstrap زر المجموعة Bootstrap زر القائمة المنسدلة Bootstrap مجموعة مربع الإدخال Bootstrap عناصر الملاحة Bootstrap شريط التنقل Bootstrap فتات الخبز Bootstrap ترحيل Bootstrap ملصق Bootstrap شارة Bootstrap شاشة كبيرة Bootstrap عنوان الصفحة Bootstrap الصور المصغرة Bootstrap تحذير Bootstrap شريط تقدم Bootstrap كائنات الوسائط المتعددة Bootstrap المجموعات Bootstrap لوحة Bootstrap Wells

Bootstrap القطعة

Bootstrap المكونات محة سريعة Bootstrap تأثير انتقال Bootstrap مربع مشروط Bootstrap القائمة المنسدلة Bootstrap رصد التمرير Bootstrap علامة التبويب Bootstrap نصائح أداة Bootstrap مربع منبثق Bootstrap مربع التنبيه Bootstrap زر Bootstrap طية Bootstrap دائري Bootstrap الملاحة إضافية

Bootstrap آخر

Bootstrap UI محرر Bootstrap V2 مسار Bootstrap HTML الترميز المعايير Bootstrap CSS الترميز المعايير

تخطيط التمهيد

التمهيد باستخدام هلفتيكا نويه، هلفتيكا، ارييل والخط بلا الرقيق كما كومة الافتراضية.

التمهيد باستخدام ميزة تخطيط الصفحة، يمكنك إنشاء العناوين والفقرات والقوائم، والعناصر المضمنة الأخرى.


عنوان رئيسي

تعرف التمهيد كل من العناوين HTML (H1 إلى H6) الأساليب. النظر في الأمثلة التالية:

أمثلة

<H1> كنت ذاهبا 1 H1 </ H1> <H2> كنت ذاهبا 2 H2 </ H2> <H3> كنت ذاهبا 3 H3 </ H3> <H4> كنت ذاهبا 4 H4 </ H4> <H5> كنت ذاهبا 5 H5 </ H5> <H6> كنت ذاهبا 6 H6 </ H6>

محاولة »

وكانت النتائج على النحو التالي:

عنوان رئيسي

مضمنة العنوان الفرعي

إذا كنت بحاجة إلى إضافة عنوان فرعي إلى مضمنة أي لقب، ببساطة إضافة على كلا الجانبين من العنصر <صغير>، أوإضافة. الصغيرة الدرجة، وبهذه الطريقة يمكنك الحصول على حجم أصغر أخف لون النص، كما في الأمثلة التالية على النحو التالي:

أمثلة

<H1> كنت ذاهبا 1 H1. <الصغيرة> أنا العنوان الفرعي 1 H1 </ صغيرة> </ H1> <H2> كنت ذاهبا 2 H2. <الصغيرة> أنا العنوان الفرعي 2 H2 </ صغيرة> </ H2> <H3> كنت ذاهبا 3 H3. <الصغيرة> أنا العنوان الفرعي 3 H3 </ صغيرة> </ H3> <H4> كنت ذاهبا 4 H4. <الصغيرة> أنا العنوان الفرعي 4 H4 </ صغيرة> </ H4> <H5> كنت ذاهبا 5 H5. <الصغيرة> أنا العنوان الفرعي 5 H5 </ صغيرة> </ H5> <H6> كنت ذاهبا 6 H6. <الصغيرة> أنا العنوان الفرعي 6 H6 </ صغيرة> </ H6>

محاولة »

وكانت النتائج على النحو التالي:

مضمنة العنوان الفرعي

نسخة من الجسم دليل

من أجل إضافة فقرة إلى التأكيد على النص، يمكنك إضافة الطبقة = "الرصاص"، والذي سيكون أكبر وأكثر جرأة، أكثر ارتفاع خط النص، كما هو مبين في الأمثلة التالية:

أمثلة

<H2> نسخة الجسم دليل </ H2> <P الطبقة = "قيادة"> هذا هو مثال على نسخة استخدام التجريبي من الجسم دليل. هذا مثال من نسخة تجريبية من استخدام الجسم دليل. هذا مثال من نسخة تجريبية من استخدام الجسم دليل. هذا مثال من نسخة تجريبية من استخدام الجسم دليل. هذا مثال من نسخة تجريبية من استخدام الجسم دليل. هذا مثال من نسخة تجريبية من استخدام الجسم دليل. هذا مثال من نسخة تجريبية من استخدام الجسم دليل. هذا مثال من نسخة تجريبية من استخدام الجسم دليل. </ P>

محاولة »

وكانت النتائج على النحو التالي:

نسخة من الجسم دليل

أكد

علامات HTML الافتراضي للتأكيد <صغير> (85٪ من الوالد تعيين حجم نص نص)، على <strong> (تعيين نص نص أكثر جرأة)، <م> (تعيين النص بخط مائل).

يوفر التمهيد الطبقات المستخدمة للتأكيد على النص، كما هو مبين في الأمثلة التالية:

أمثلة

<الصغيرة> البنك في علامة المحتوى </ صغير> <BR> <القوي> البنك في علامة المحتوى </ قوي> <BR> <إم> البنك في محتوى العلامة، وكما تصدر المائل </ م> <BR> <P الطبقة = "يسار النص"> النص محاذاة إلى اليسار </ P> <P الطبقة = "النص مركز"> محاذاة النص </ P> <P الطبقة = "نص اليمين"> النص باتجاه اليمين </ P> <P الطبقة = "صامتة النص"> والموهن محتوى الضفة </ P> <P الطبقة = "نص الابتدائية"> المحتوى البنك مع فئة الابتدائية </ P> <P الطبقة = "النص نجاح"> المحتوى البنك مع فئة النجاح </ P> <P الطبقة = "النص معلومات"> المحتوى مع معلومات من الدرجة البنك </ P> <P الطبقة = "نص الإنذار"> المحتوى البنك مع فئة تحذير </ P> <P الطبقة = "النص خطر"> المحتوى البنك مع فئة الخطر </ P>

محاولة »

وكانت النتائج على النحو التالي:

أكد

الاختصار

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

أمثلة

<ابر عنوان = "الشبكة العالمية العنكبوتية"> WWW </ ابر> <BR> <ابر عنوان = "الحقيقي المبسط" الطبقة = "initialism"> RSS < / ابر>

محاولة »

وكانت النتائج على النحو التالي:

الاختصار

عنوان (عنوان)

استخدام <عنوان> العلامة، يمكنك عرض معلومات الاتصال الموجودة على الصفحة. منذ <عنوان> العرض الافتراضي: كتلة.، تحتاج إلى استخدام تسميات لإضافة نص عنوان التفاف مغلقة.

أمثلة

<العناوين> <القوي> بعض، وشركة < / قوي> <BR> 007 شارع <BR> بعض المدينة، الولاية، XXXXX <BR> <ابر عنوان = "الهاتف"> P: </ ابر> (123) 456-7890 </ عنوان> <العناوين> <strong> الاسم الكامل </ قوي > <BR> <A أ href = "ميلتو: #"> [email protected] </ A> </ عنوان>

محاولة »

وكانت النتائج على النحو التالي:

عنوان

المرجعية (علامة اقتباس فقرة)

يمكنك استخدام الافتراضي <اقتباس فقرة> بجانب أي نص HTML. وتشمل الخيارات الأخرى تضيف <الصغيرة> العلامة لتحديد مصدر الاقتباس باستخدامالدرجة.pull-الحق الحق إشارة المحاذاة. يوضح المثال التالي هذه الميزات:

أمثلة

<اقتباس فقرة> <P> هذا هو إشارة إلى المثيل الافتراضي. هذا هو إشارة إلى المثيل الافتراضي. هذا هو إشارة إلى المثيل الافتراضي. هذا هو إشارة إلى المثيل الافتراضي. هذا هو إشارة إلى المثيل الافتراضي. هذا هو إشارة إلى المثيل الافتراضي. هذا هو إشارة إلى المثيل الافتراضي. هذا هو إشارة إلى المثيل الافتراضي. </ P> </ علامة اقتباس فقرة> <اقتباس فقرة> هذا هو اللقب مع مصدرا مرجعيا. <الصغيرة> شخص مشهور في <الاستشهاد عنوان = "عنوان المصدر"> المصدر عنوان </ استشهد> </ صغيرة> </ علامة اقتباس فقرة> <اقتباس فقرة الطبقة = "سحب حق"> هذا هو إشارة إلى حق الانحياز. <الصغيرة> شخص مشهور في <الاستشهاد عنوان = "عنوان المصدر"> المصدر عنوان </ استشهد> </ صغيرة> </ علامة اقتباس فقرة>

محاولة »

وكانت النتائج على النحو التالي:

اقتبس

قائمة

أمرت دعم التمهيد القوائم، قوائم غير مرتبة والقوائم التعريف.

  • قائمة مرتبة: قائمة مرتبة من الأرقام أو غيرها من الوسائل في بداية قائمة الحروف منظم.
  • قائمة غير مرتبة: قائمة غير مرتبة تشير إلى قائمة في أي ترتيب معين، هي قائمة من الأرقام التي تبدأ مع التركيز على النمط التقليدي.إذا كنت لا ترغب في عرض هذا التركيز، يمكنك استخدامفئةلإزالة الأنماط unstyled .list. يمكنك أيضا استخدام قائمة .list-مضمنةفئةمن جميع البنود المدرجة على نفس الخط.
  • قوائم التعريف: في هذا النوع من القوائم، يمكن أن يحتوي كل عنصر بالقائمة <دينارا>، و <dd> العنصر.<دينارا> نيابة عنتعريفات للمصطلحاتمثل القاموس، الذي هو جزء من (أو العبارات) يتم تعريفها. ثم، <DD> هو <دينارا> الوصف. يمكنك استخدامفئةدل-الأفقي <دل> الصف ينتمي وصف عرض جنبا إلى جنب.

يوضح المثال التالي هذه الأنواع من القوائم:

أمثلة

<H4> أمرت قائمة </ H4> <رأ> <لي> البند 1 </ لى > <لي> البند 2 </ لى > <لي> البند 3 </ لى > <لي> البند 4 </ لى > </ رأ> <H4> قائمة غير مرتبة </ H4> <UL> <لي> البند 1 </ لى > <لي> البند 2 </ لى > <لي> البند 3 </ لى > <لي> البند 4 </ لى > </ UL> <H4> قائمة أسلوب غير معروف </ H4> <UL الطبقة = "قائمة unstyled"> <لي> البند 1 </ لى > <لي> البند 2 </ لى > <لي> البند 3 </ لى > <لي> البند 4 </ لى > </ UL> <H4> قائمة مضمنة </ H4> <UL الطبقة = "قائمة مضمنة"> <لي> البند 1 </ لى > <لي> البند 2 </ لى > <لي> البند 3 </ لى > <لي> البند 4 </ لى > </ UL> <H4> قائمة تعريف </ H4> <دل> <تثنية> وصف 1 </ دينارا > <بضد> البند 1 </ يوم > <تثنية> الوصف 2 </ دينارا > <بضد> البند 2 </ يوم > </ دل> قائمة تعريف <H4> المستوى </ H4> <دل الطبقة = "دل الأفقي"> <تثنية> وصف 1 </ دينارا > <بضد> البند 1 </ يوم > <تثنية> الوصف 2 </ دينارا > <بضد> البند 2 </ يوم > </ دل>

محاولة »

وكانت النتائج على النحو التالي:

قائمة

المزيد من التنضيد الطبقة

ويقدم الجدول التالي أمثلة إضافية الدرجة الطباعة التمهيد:

فئة وصف أمثلة
.lead تسليط الضوء على فقرة لجعل محاولة
. الصغيرة وضع نص صغير (مجموعة 85٪ من حجم النص الأصل) محاولة
.text يسار تعيين نص الانحياز اليسار محاولة
.text الوسط محاذاة وضع النص محاولة
.text اليمين وضع النص محاذاة لليمين محاولة
.text-تبرير تحديد محاذاة النص، الفقرات وراء الشاشة بعض التفاف النص محاولة
.text-بلا التفاف الفقرة ما وراء شاشة التفاف جزئيا محاولة
.text-صغيرة وضع صغيرة نص محاولة
.text-الأحرف الكبيرة وضع الأحرف الكبيرة النص محاولة
.text-الاستفادة وضع كلمة بالاحرف الاولى محاولة
.initialism يتم عرضه في العنصر <ابر> في النص لعرض الخطوط الصغيرة محاولة
.blockquote للعكس وضع إشارة إلى حق الانحياز محاولة
.list-unstyled إزالة نمط القائمة الافتراضية، عناصر القائمة اليسار محاذاة (<UL> و <رأ> في). هذه الفئة لا ينطبق إلا على توجيه قائمة الطفل من وحدات (إذا كنت بحاجة إلى إزالة عناصر القائمة المتداخلة، تحتاج إلى استخدام أسلوب في قائمة المتداخلة) محاولة
.list-مضمنة سيتم وضعها على نفس الخط في كل عناصر القائمة محاولة
.dl الأفقي هذه الفئة تحدد تعويم وتعويض تطبيق <دل> عنصر وعنصر <دينارا>، يمكنك عرض أمثلة محددة للتنفيذ محاولة
.pre-للتمرير لذلك <قبل> عنصر للتمرير للتمرير محاولة