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

المحررين البصرية

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

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

علامات

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

وهناك أيضا علامات واحدة، والتي لا تحتاج إلى أن تكون مغلقة. فيها كان في الداخل، وكذلك الصفات. السمة يمكن أن تنشأ عن معظم-علامات HTML ويحدد خصائص العنصر. تم تعيينه في علامة افتتاح يبدو مثل هذا: سمة = "..."، حيث بدلا من النقاط هو قيمة السمة. علم العلامة هو الخطوة الأولى والأهم لتطوير HTML. يعني أساسيات هذا الفن أيضا فهم بنية صفحة ويب.

هيكل الوثيقة

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

ثم انتقل إلى هيكل يقترن الرئيسي، التي تشكل "هيكل عظمي" للموقع. العلامة الأولى التي لوضع كل ما تبقى - ... . كل ما هو خارجها، وغير معترف بها من قبل المتصفح كصفحة ويب، بحيث يفتح ويغلق الوثيقة. مطلوب هذه العلامة لأية وثيقة. كما أنه يحتوي على عدة علامات إلزامية، والتي سيتم مناقشتها أدناه.

رئيس

داخل علامة ... يحتوي على معلومات ذات طبيعة فنية، والتي لن يتم عرضها على الصفحة، ولكن، مع ذلك، هو جزء مهم من وثيقة HTML. إشعار الموقع وضعت في هذا المكان، ويتم اختيار وعرض في ترميز اسم الصفحة. وهو وارد ضمن علامة إلزامية <عنوان> ... . فإنه يعرض اسم في أعلى المتصفح، حيث يمكنك أيضا وضع أيقونة صغيرة لمحتوى الصفحة. فإنه من المستحسن أن يحدد على الفور الترميز وثيقة للعرض الصحيح. ويمكن أن يتم ذلك عن طريق وسم <ميتا محارف = "UTF-8" />. توفر بيانات التعريف على صفحات هيكل وتقع عادة داخل الرأس.

صلة

ويشمل المعرفة الأساسية للHTML أيضا استخدام المتتالية الأساليب، أو المغلق. وضعوا خصائص العناصر التي سيتم عرضها على الصفحة. النهج الحديث لهذه المشكلة ينطوي على فرض الخصائص مثل اللون والطول وموقع هذا البند، إلى ملف خارجي لمزيد من الراحة. لربط ملف المغلق يستخدم العلامة <رابط />. في شكلها النهائي، يبدو شيئا من هذا القبيل: <أ href = رابط موقع http: // /article/250376/٪E2٪80٪9Dstyle.css٪E2٪80٪9D نوع = "نص / المغلق" />، مما يدل على أ href على موقع الملف، ونوع - على نوعه.

هيئة

وفي هذا الجزء من وثيقة HTML التي أنشأتها الجزء المرئي من الصفحة. وكل ما يتم داخل "الهيئة" أن يتحلى بها المتصفح. في تستخدم كمية كبيرة من علامات HTML. أساسيات - هذا تنسيق النص، العمل مع وصلات وأداة بسيطة لتنظيم صفحة ويب. للحصول على عمل في HTML، وهو ما يكفي لمعرفة العلامات الأساسية وتكون قادرة على استخدامها. وفيما يلي أكثرها شعبية:

• <سبان> - يستخدم لانتزاع فرعية، على أن تسند إلى نمط معين، وصفت في المغلق.
• - بإنشاء ارتباط على صفحة ويب. يتم تحديد القفز عنوان السمة أ href.
• - واحدة من العلامات الحديثة الأكثر شعبية. أي شخص الذين قرروا تعلم أساسيات HTMLl اللغة ينبغي أن تولي اهتماما خاصا لذلك، لأنها عنصر كتلة، والتي تتم على أساس نصيب الأسد من المواقع اليوم (المعلمات لكتلة

  تم تعيينها في المغلق، ويمكن وضعها في وحدات أخرى داخل هذه العلامة)؛

• - يختار فقرة من النص؛ يقع محتويات الفقرة بين فتح وإغلاق علامات.

• <رأ> - قائمة مرقمة، والعناصر التي هي على النحو العلامة الزوج
• و.
• - قائمة ذات تعداد نقطي، والتي، وكذلك في العناصر مرقمة يتم الرمز بواسطة العلامة
  • و.

  • -

    - رؤوس ثيقة (يشير هذا الرقم على مستوى الرأس، أي

    تحليل - العنوان الرئيسي، والتغيرات اللاحقة وترجمات لها، بالمناسبة، مستويات من العناوين

    يكاد يكون من المستحيل العثور على المساحات المفتوحة الإنترنت) من المهم أيضا أن نتذكر أن صفحة يمكن أن يكون لها رأس واحد فقط

    تحليل.

  • <قوية> - نص عريض،
  • <م> - مائل.
  • على - إدراج الصور على صفحة الويب (وهو علامة واحدة، وأنها لا تحتاج إلى إيقاف، ولكن هو مطلوب منها لتحديد السمة بديل، والذي يحدد النص للصورة).
  • <فيديو> - إدراج فيديو على صفحة ويب.
  • <الصوت> - يتم إدخال هذا الكود في المستند الملف الصوتي.

  هذه هي علامات لا كل ما يلزم لإنشاء صفحة الويب الخاصة بك، لكنها كافية لإرساء دعائم HTML للمبتدئين.

  CSS

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

  تطبيق CSS

  لإنشاء صفحات ويب، يجب أن تعرف أساسيات HTML و CSS، لذلك هو الآن من دون علم أوراق الأنماط المتتالية يجب القيام به في هذا المجال هو لا شيء. وضعوا سمات لكل عنصر، التي تنطبق على المستند بأكمله. وهكذا، يمكنك تعيين لون مرة واحدة للجميع

  والعناصر أو والكتابة قاعدة واحدة فقط. ونظرا للمتطلبات الحالية لظهور صفحات الويب، واستخدام أوراق الأنماط المتتالية أمر لا بد منه.

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

  جافا سكريبت

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

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

  المحررين

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

  نص سامية 3 - برنامج مماثل لالمفكرة ++، ولكن ينتشر على أساس رسوم. التي فازت في قلوب معظم المطورين. سامية النص 3 مثالية للجافا سكريبت، CSS و HTML. سوف أساسيات العمل معها يجب أن نتعلم من تلقاء نفسها، ولكن الامر يستحق ذلك. أنه يحتوي على إمكانيات لا حدود لها حقا لصقل يعظم ضبط البرنامج لتناسب احتياجاتك.

  أساسيات HTML و CSS للمبتدئين

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

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

  الذي يعطي معرفة HTML

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