أجهزة الكمبيوتربرمجة

مثال على صفحة HTML والمبادئ الأساسية لل

اخترع العديد من اللغات، ولكن لغة HTML هي واحدة من أكثر خاصة وvosstrebovan. لأنه ينطوي على الكثير من المبادرات الرئيسية الأخرى في البرمجة. لقد قيل الكثير المتاحة، وعندما تكون في عقول المطور المعرفة الحالية للغة الترميز - لغة توصيف النص التشعبي (HTML).

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

وصف عام

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

يبدأ ملف HTML مع رأس DOCTYPE التي تحدد أن هذا النوع من ملف - HTML. يشار إلى كل عناصر الصفحة (العلامات) ضمن أقواس زاوية. كل زوج ( "<" و ">") ويشمل واحد العلامة HTML. وعادة ما يتم إقران علامات HTML، وهذا هو، على كل «سمة» لديها «/ العلامة». كلاهما داخل أقواس زاوية. هناك علامة واحدة، منها الأكثر شعبية «ر /» - الانتقال إلى السطر التالي.

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

بسيطة HTML الصفحات

يشار سبيل المثال إنشاء هذه الصفحة في المقالة أدناه. النظر بعناية.

المقطع HEAD

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

  • كلمات ووصف الصفحة.
  • وصلات إلى ملفات أخرى (*. المغلق وشبيبة *).

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

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

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

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

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

القسم الجسم

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

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

HTML - أنه العلامات بدلا من البرامج النصية. في نهاية المطاف، إلا أن محتوى الصفحة المعروضة في المتصفح، ولكن العلامة لها. لا PHP رمز ليست هناك.

جافا سكريبت في وضع خاص، رعايته - لخدمة الصفحة، وليس فقط في وقت التمهيد (الزائد)، ولكن في لحظات عندما تكون الصفحة في متصفح الزائر، والدراسات عليه.

وهناك مثال بسيط من التعليمات البرمجية HTML الصفحات هو مبين أدناه (فقط القسم الجسم).

متصفح الزائر يبدو كما هو مبين أدناه.

لم يتم تحديد في رمز يجب أن تبدو العناصر التي جلبت المتصفح. كل تصميم واضح في قواعد CSS. في هذه الحالة، MCSS / ملف scPhpWordRW.css التي تم الرجوع إليها (انظر. المثال الأول جدا من HTML الصفحة).

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

وهذا يدل على مدى سهولة هو وصفها العلامة scLogo_vDoc، وهذا الوصف هو أنه في حالة طبيعية للعلامة يعرض صورة vDoc-logo.png و، وعندما الفأر هو أكثر من ذلك - عرض vDoc شعار-h.png.

هيكل الوصف HTML

لغة لا تنطوي على القيام بأي من هيكل وتركيب مفهوم هنا هو قريب جدا. لا توجد المتغيرات، ولكن هناك الكثير من الفرص. القاعدة الأساسية النص التشعبي هو أن هناك عنصر (علامة) من المؤكد أن يكون له اسم.

اسم الحالة، الزوج العلامة، تتألف من أسماء الأعلام (اسم العلامة) وأقواس زاوية ( «<» + اسم العلامة + «>»)، إذا كنا نتحدث عن بداية من العلامة، و «»، إذا سجلت نهايته.

مثال على صفحة HTML وصف السمات الموجودة في النص أدناه.

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

مجموع الأوصاف محتوى HTML

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

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

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

وصف الجدول: الجدول العلامات، TR، TD

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

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

مثال على صفحة HTML مع وصف جدول بسيط أظهرت بوضوح في هذه المادة.

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

وصف النموذج: علامة نموذج، INPUT

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

مثال على صفحة HTML مع وصف لنموذج بسيط:

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

باستخدام HTML

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

تم التعرف على لغة PHP في المثال السابق. تدير PHP على الخادم، لأن الصفحة مع هذا النموذج حلقت من الخادم إلى المتصفح مع الحقول شغلها. على وجه الخصوص، تلقت وظائف TestOnBlur المذكورة في العلامة INPUT (و onblur معالج الأحداث)، وجميع المعلمات في شكل حقول النص.

المتصفح يعمل جافا سكريبت، وعملت بشكل صحيح البيانات ترسل الزر مرة أخرى إلى الخادم، وهذا هو، والتصميم :. عند_النقر = مسج ( '# ل') فال ( 'عربة')، فمن الضروري معرفة ليس فقط حول ما مسج، ولكن ما #to، فال، عربة. بتعبير أدق، فمن الضروري معرفة علامات HTML الأساسية والقواعد العامة المطبقة عليها أنماط CSS.

وهذا يكفي لرفع بسرعة تأهيل أي من التخصصات في مجال برمجة الإنترنت.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ar.birmiss.com. Theme powered by WordPress.