أتش تي أم أل أساسيات وتصميم مواقع الإنترنت
أتش تي أم أل جميع الوثائق التي تحتوي على العناصر التالية ، والتي تحدد الهيكل العام لهذه الوثيقة :
وغني عن العنوان الخاص بك هنا في نص المستند يذهب هنا.
كما يظهر في المثال السابق ، أتش تي أم أل السمات ، وهي تستخدم عادة في أزواج أن أجزاء أرفق المستند. العلامة بداية ، مثل
وإشارات بداية تنسيق معين لهذا الباب ؛ وسم الإغلاق ، مثل ، يشمل خفضا قبل اسم العلامة ويشير إلى نهاية للتنسيق لهذا الباب. هنا يوجد تفسير لكل من هذه السمات :
--: هذه العلامة يجب أن تظهر دائما على النحو فإن أول شيء في وثيقة أتش تي أم أل. فإنه يخبر المتصفح أن الملف هو ملف أتش تي أم أل.
-- و : هذه السمات أرفق ذلك الجزء من وثيقة تسمى الرأس ، الذي يحتوي على المعلومات التي تنطبق على المستند بأكمله.
-- </ هتمل> </strong><strong>و </strong><strong>: هذه السمات أرفق عنوان الوثيقة. أي النص الذي يظهر في داخلها يستخدم كعنوان لجهودكم أتش تي أم أل الوثيقة. وهذا أيضا هو النص الذي يظهر في شريط عنوان المتصفح.
-- و : هذه العلامات علامة بداية ونهاية الجزء من المستند الذي يعرض المتصفح عندما يقوم شخص ما في صفحة الآراء. وهناك الكثير من الاشياء وعادة ما يقع بين هذه السمات.
--: هذه العلامة هي دائما علامة الماضي في المستند.
تحديد إعدادات الخط
في الأيام الأولى للويب ، أتش تي أم أل لم توفر طريقة التي مكنتكم من التحكم بدقة في مظهر من النوع على صفحات ويب. الآن ، ومع ذلك ، أتش تي أم أل يوفر عدة طرق للتحكم في نوع. أتش تي أم أل اثنين من السمات التي تمكنك من التحكم إعدادات الخط : و. العلامة يتيح لك التحكم إعدادات الخط لمنع الأفراد من النص ، في حين أن العلامة تعيين الخط الافتراضي المستخدم لمستند بأكمله. كل من هذه السمات التي تليها مباشرة واحد أو أكثر الصفات ، التي توفر معلومات محددة للعلامة. هنا هي أهم الصفات والسمات لل:
-- الوجه : تعين محرف -- الحجم : يعطي حجم اكتب على مقياس من 1 إلى 7 ، 7 حيث هو أكبر و1 هو أصغر. الحجم الافتراضي هو 3 -- اللون : لضبط لون النص. وهنا مقتطف من أتش تي أم أل التي تضع محرف ، والحجم ، والألوان المستخدمة في النص : هذا امر طبيعي الجسم النص باستخدام الخط الذي حدده سمة BASEFONT.
هذا هو العنوان
بعد العنوان ، والنص يعود إلى الإعداد BASEFONT.
عندما تريد قوة خط لكسر إلى السطر التالي ، يمكنك إدراج الفقرة (
(العلامة عند تلك النقطة. أل
العلامة أيضا إدراج خط فارغة إضافية للفضاء قبل سطر جديد يبدأ من النص. إذا كنت لا ترغب في إضافة خط فارغة إضافية ، يمكنك استخدام
العلامة. هذه العلامة أيضا قوات فاصل أسطر لكنها لا تضاف أي مساحة إضافية. فلا
ولا علامة
العلامة تتطلب علامة إغلاق.
إدخال العناوين
لا تملأ صفحات الويب الخاصة بك مع دفق مستمر من النص دون انقطاع ، وبدلا من استخدام العناوين والفقرات لتنظيم المحتوى على كل صفحة. أتش تي أم أل البند والسمات تجعل من السهل العمل على إنشاء العناوين التي كسر النص إلى أجزاء يمكن التحكم فيها. يمكنك استخدام ما يصل إلى ستة مستويات من العناوين على صفحات ويب باستخدام السمات أتش تي أم أل
، ، وهلم جرا من خلال . المقتطف التالي من أتش تي أم أل يظهر كل ستة أنماط العناوين في استخدام : هذا هو البند 1
هذا هو البند 2
هذا هو البند 3
هذا هو البند 4
هذا هو البند 5
هذا هو البند 6
هذا هو نص الفقرة العادي.
تنسيق النص
الأقسام الفرعية التالية تبين لك كيفية ادخال أوامر التنسيق التي تتحكم في محاذاة وتمكنك من إضافة عريض ، مائل ، ولون لصفحاتك.
المحاذاة
أتش تي أم أل لا يوفر لك العديد من الخيارات لمحاذاة النص. افتراضيا ، النص باتجاه اليسار على الصفحة. ولكن يمكنك استخدام
علامة لتحديد النص ليكون مركزه ، كما في هذا المثال : هذا النص هو مركزه.
جريئة
يمكنك استخدام العلامة على شكل النص بحروف داكنة. إضافة علامة على الفور قبل النص الذي تريد أن تظهر بحروف بارزة. ثم تحول بالبنط الأسود قبالة بإضافة علامة الغاية ، كما هو موضح في المثال التالي :
هذا هو نص عريض.
تكون شحيحة في استخدامك لهذه العلامة. يستخدم أحيانا بحروف بارزة على ما يرام ، ولكن إذا كنت الإفراط الغامق ، النص يصبح من الصعب قراءتها.
مائل
يمكنك استخدام العلامة على شكل النص بحروف مائلة. إضافة علامة على الفور قبل النص الذي تريده أن يظهر في المائل. ثم تحويل الخط المائل قبالة بإضافة علامة الغاية ، كما هو موضح في المثال التالي :
هذا هو نص مائل.
يستخدم أحيانا مائل على ما يرام ، ولكن حاول أن لا تبالغي.
اللون
يمكنك تحديد الألوان في مختلف السمات أتش تي أم أل. على سبيل المثال ،
وقد سمة BGCOLOR التي تمكنك من تحديد لون الخلفية للصفحة. السمة اللون في علامة تحدد لون النص. أتش تي أم أل 14 معيار يحدد أسماء الألوان التي يمكنك استخدامها لتعيين لون محدد مسبقا : الأسود والفضي ، رمادي ، أبيض ، المارون ، الأرجواني ، وضارب الى الحمرة ، الأخضر ، والجير ، والزيتون والأصفر والبحرية ، والبط البري ، وأكوا. أسهل طريقة لتعيين اللون لاستخدام واحد من هذه الأسماء اللون. على سبيل المثال ، لإنشاء نص الأصفر ، هل يمكن استخدام مثل هذه البطاقات : هذا النص هو الأصفر.
إنشاء قوائم
باستخدام أتش تي أم أل ، يمكنك إنشاء نوعين أساسيين من قوائم لصفحة ويب.
--القوائم الإعتيادية : مزيد من المعروف رسميا باسم قوائم غير مرقمة. في قائمة نقطية ، حرف الرصاصة (عادة ما تكون نقطة) يمثل كل عنصر في القائمة.
--قوائم مرقمة : مزيد من المعروف رسميا باسم أمرت القوائم. وهناك عدد علامات كل بند في قائمة مرقمة. مستعرض ويب يعتني معرفة أي رقم لاستخدامه لكل عنصر في القائمة.
القوائم الإعتيادية
والنقطي ، أو غير منظم ، وقائمة تتطلب هذه السمات الثلاث : --
علامات بداية قائمة غير مرتبة -- - علامات بداية كل عنصر في القائمة. لم المطابق
العلامة هو مطلوب. --
يصادف نهاية القائمة بأكملها. وهنا مقتطف من أتش تي أم أل أن يضع قائمة نقطية : وسكان عوز
- فزاعه
- مان تين
- الجبان الاسد
- استفاق الأقزام
- معالج
- الساحرة الشريرة من الغرب
- غليندا
قوائم مرقمة ومرقمة ، أو أمر ، قائمة تتطلب هذه السمات الثلاث :
-- علامات بداية قائمة مرتبة -- - علامات بداية كل عنصر في القائمة. لم المطابق
العلامة هو مطلوب. --
يصادف نهاية القائمة بأكملها. هنا هو مقتطف أتش تي أم أل التي بإنشاء قائمة مرقمة : خطوات لطلب بيتزا
- التقط الهاتف
- رقم الطلب
- ترتيب المكان
- شنق الهاتف
إدراج القواعد أفقي
قواعد أفقي والخطوط الأفقية التي يمكنك إضافة إلى إنشاء فواصل البصرية على صفحات ويب. لإضافة مادة إلى صفحة ، يمكنك استخدام
العلامة (أي علامة إغلاق هو المطلوب). يمكنك التحكم في الطول ، العرض ، والمواءمة بين القاعدة باستخدام حجم والعرض ، وسمات محاذاة. على سبيل المثال :
في هذا المثال ، فإن القاعدة هي نصف عرض الصفحة ، وستة عنصورة في الارتفاع ، وتركزت على الصفحة. مصممي الويب ويفضل الكثير من استخدام الرسوم البيانية والصور بدلا من
العلامة لإنشاء قواعد الأفقي. لأن مستعرضات الويب المختلفة عرض
العلامة بشكل مختلف ، وذلك باستخدام صورة لحكم يسمح لك التحكم بدقة كيف يمكن لحكم يظهر على الشاشة. لاستخدام قاعدة صورة ، اتبع الخطوات التالية : 1. اكتب صورة الحكم (![]()
(العلامة حيث تقوم عادة استخدام
العلامة لإنشاء قاعدة الأفقية :![]()
2. لمصدر (كبريت(السمة داخل ![]()
العلامة ، اكتب اسمالرسومات الملف الذي يحتوي على مادة الصورة التي تريد استخدامها :
3. إضافة عرض السمة التي تحدد عدد البكسلات الذي تريدحكم لفترة أو نسبة مئوية من شاشة العرض :
4. إدراج
العلامة مباشرة عقب حكم لقوة خط فاصل ،مثل هذا :
مقال مقدم من جوستين ماكين
تنويه :موقعنا على الانترنت ليست مسؤولة عن محتوى هذه المادة. Webarticles هو حر للمعلومات.
المهم : هذه المادة "أتش تي أم أل أساسيات وتصميم المواقع الإلكترونية" وقد ترجم من قبل البرمجيات التلقائي. نشعر بالاسف من اجل أي الأخطاء الإملائية التي قد حدث. شكرا لتفهمكم.