إذا قررت إنشاء موقع على شبكة الإنترنت ، فبدون لغةأتش تي أم أل النص التشعبي العلامات لن تذهب بعيدا. بالطبع ، لا يزال هناك CSS و PHP ولغات البرمجة النصية الأخرى ، والتي بدونها لن يعمل الموقع الكامل ، كما اعتدت على رؤيته ،. ومع ذلك ، فإن علامات html الرئيسية هي التي تسمح لك بوضع الأساس لموقعك.
عند فتح أي وثيقة أتش تي أم أل أوصفحة الويب ، تشاهد عددًا كبيرًا من العلامات المختلفة. ومع ذلك ، إذا نظرت عن كثب ، يتم تكرار معظمها ، لأنها تصف نفس العناصر. على سبيل المثال ، تتضمن علامات html الرئيسية علامات مثل نوع المستند ، ،
، ،وغيرها.
للإشارة إلى نوع المستند الحالي ، استخدمعنصر . من الضروري أن يتعرف المستعرض على كيفية ترجمة صفحة ويب معينة. اعتمادًا على إصدار html الذي تستخدمه ، سيبدو هذا العنصر مختلفًا. في HTML5 ، سوف يستغرق القيمة التالية:
بعد أن أشرت إلى أي نوعيشير إلى وثيقتك ، استخدم العلامة . مثل معظم العلامات الأخرى ، يتم إقرانه ، أي أنه يحتوي على علامات فتح وإغلاق. الفرق بين الاثنين هو أن شرطة مائلة "/" يتم وضعها قبل علامة الإغلاق. وبالتالي ، ستبدو علامة html الأساسية لإنشاء موقع كما يلي:
...
HTML>
في هذه الحالة ، سيتم وضع باقي الكود بين علامتي الفتح والإغلاق ، والتي ستضم المحتويات الكاملة لصفحة الويب.
هذه العلامة هي أيضًا علامة html الرئيسية.يتم كتابتها بعد ، كما يتم إقرانها وتحتوي أيضًا على البيانات الأولية لصفحة ويب. لا يتم عرض هذه البيانات في الجزء المرئي من صفحة html (باستثناء العلامة
<رئيس>
الفوقية
<عنوان> عنوان الصفحة عنوان>
رئيس>
العلامة الرئيسية لموقع أتش تي أم أل ، لأنه هوأنه يحتوي على جميع العناصر المرئية للصفحة - كل النص ، وجميع الصور وغيرها من المعلومات. في الواقع ، مثل العلامة ، إنها حاوية للعلامات الأخرى. مثال:
محتوى صفحة الويب المرئية
الهيئة>
جميع العلامات أعلاه أساسيةعلامات لغة html. ومع ذلك ، في لغة ترميز النص التشعبي ، لا يزال هناك عدد كبير من العناصر الأخرى. على سبيل المثال ، فقرة وعلامات العنوان. إنها تتيح لك هيكلة النص وتقسيمه إلى فقرات منفصلة وإبرازها. لذلك ، بالنسبة للفقرات ، يتم استخدام العلامة
، وهي علامة مقترنة ، بين عنصري الفتح والإغلاق ، يوجد بعض النص. مثال:
نص الفقرة
p>
بالإضافة إلى الفقرات ، يمكن أن يحتوي النصرؤوس. ومع ذلك ، فإنهم يغيرون أيضًا مظهر النص الموجود في الداخل ، ويزيدونه في الحجم ويبرزون بالخط العريض. هناك 6 أنواع من العناوين التي تختلف في الحجم. على سبيل المثال ، الرأس
لا يمكن لأي موقع الاستغناء عن الصور ،الصور والصور. في الواقع ، بدون هذا ، ستكون صفحات الويب نصًا جافًا ، غير مهتم بالدراسة. لتضمين أي صورة على الموقع ، يتم استخدام العلامة في لغة ترميز النص التشعبي. من المهم ملاحظة أن هذه العلامة غير مقترنة ، لذا في الرمز ، سيتم كتابتها كـ .
في كثير من الأحيان ، بالإضافة إلى النص والصور المختلفة ،مواقع استخدام الروابط. يمكنهم إعادة التوجيه إلى مورد تابع لجهة خارجية أو إلى صفحة أخرى من موقعك. للإشارة إلى وجود رابط ، يتم استخدام العلامة .
اكتشفنا بعض العلامات الأساسية قليلاً.ومع ذلك ، فإن معظم العلامات أيضا سمات. وهي مسجلة في عنصر الفتح وتتكون من جزأين. الأول هو اسم السمة نفسها ، والثاني هو قيمة هذه السمة ، والتي تتم كتابتها بعد العلامة "=" ويتم إرفاقها بعلامات اقتباس.
العديد من العلامات لها سمات.ومع ذلك ، بالنسبة لبعض العلامات ، يكون تواجدها اختياريًا إذا كنت لا ترغب في تعديل العناصر بأي طريقة. بالنسبة إلى العلامات الأخرى ، يكون وجود السمات إلزاميًا ، على سبيل المثال ، العلامة (لإنشاء ارتباطات تشعبية) والعلامة (لإضافة صور إلى الصفحة). الشيء هو أننا إذا لم نشير إلى الخصائص وقيمها في علامات html الأساسية هذه ، فلن نراها على صفحة الموقع.
إذا أشرت في الكود إلى النص المرفق في العلامة ، لن ترى أي شيء إلى جانب هذا النص في صفحة الويب. في الواقع ، تتحدث العلامة نفسها فقط عن نية إنشاء ارتباط تشعبي ، ولكي تتمكن من إنشائها حقًا ، فأنت بحاجة إلى سمة. ستكون هذه السمة href ، وستكون قيمة هذه السمة بمثابة مرجع مورد محدد. وبالتالي ، إذا أردنا إنشاء رابط إلى موقع fb.ru ، فستبدو كما يلي:
لذلك كل النص الموجود بين العلامات هو رابط تشعبي ، وستكون قيمة السمة href ، المرفقة بعلامات تنصيص مزدوجة ، هي العنوان الذي سنذهب إليه بالنقر فوق النص.
الموقف مشابه للعلامة .إذا لم نشير إلى السمة وقيمتها ، فلن تظهر الصور الموجودة على صفحة الويب. كما في حالة العلامة ، فإن وجود العلامة يعني فقط أننا سنقوم بإدراج صورة في الكود الخاص بنا. ومع ذلك ، حتى تظهر هذه الصورة ، يجب عليك تحديد عنوان هذه الصورة. لهذه الأغراض ، ستحتاج إلى استخدام السمة src ، التي ستكون قيمتها هي عنوان الصورة الموجودة على مورد لجهة خارجية ، أو على جهاز الكمبيوتر الخاص بك.
بالإضافة إلى ذلك ، تحتوي العلامة على علامة أخرىالسمة. لا يعتبر إلزاميًا ، ولكن يُعرف بأنه موصى به للاستخدام. هذه السمة هي سمة النص البديل. ستكون قيمة هذه السمة هي النص المطابق لوصف الصورة أو الصورة. سيتم عرض هذا النص إذا فشل تحميل الصورة لسبب ما. بالإضافة إلى ذلك ، سيساعد استخدام هذه السمة الأشخاص ضعاف البصر الذين يستخدمون قارئات الشاشة. وبالتالي ، ستبدو العلامة مع السمتين المقدمتين كما يلي:
بديل = "وصف الصورة" />
هناك عدد كبير من السمات ؛ هناكالقائمة ضخمة مثل قائمة علامات html الأساسية. ومع ذلك ، هناك سمة متأصلة في عدد من العلامات. هذا هو محاذاة. يمكن استخدامه مع العلامة ، وكذلك مع العلامة
. جوهرها هو أنه يحدد موضع الصورة أو النص على الصفحة. أبسط القيم لهذه السمة هي اليمين واليسار ، والتي تشير إلى محاذاة اليسار واليمين (على التوالي). إذا قمت بتطبيقه على الصورة ، فإن الرمز سيبدو كما يلي:
بديل = "وصف الصورة"
محاذاة = "اليمين" />
ومع ذلك ، تجدر الإشارة إلى أنه في الآونة الأخيرةلا يتم استخدام بعض هذه السمات ، ويتم استخدام أوراق الأنماط المتتالية (CSS) بدلاً من ذلك. لاستخدام الأنماط في html ، يتم وصف العلامة ، والتي تم تصميمها لربط الأنماط الموجودة في العلامة
.