علامات HTML الأساسية. مرجع علامة HTML

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

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

هناك الكثير من الحديث هذه الأيام عن التغييرات التي يجلبها HTML 5. كل علامة مذكورة في هذه المقالة مدعومة في كل من HTML 4.01 وHTML 5. وبينما يتم استخدام بعض هذه العلامات على نطاق واسع، سيكون من المفيد جدًا مراجعة التقنيات. متضمن.

يذكر كل كتاب عن البرمجة أنه من المفيد جدًا شرح ما تفعله شفرتك. لماذا يعتبر التعليق ممارسة جيدة؟ وهذا يساعد حقًا الشخص الذي يقرأ التعليمات البرمجية الخاصة بك على فهم ما يحدث.

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

• عنصر القائمة 1
• عنصر القائمة 2

هذا هو المحتوى الرئيسي.

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

التفاف صفوف الجدول في . هذه هي الطريقة التي يتم بها تشكيل عنوان الجدول.

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

نحن نلف خطوط البيانات بملف .

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

ديترويت تايجرز شيكاغو كابز ديترويت ليونز شيكاغو بيرز

ديترويت تايجرز شيكاغو كابز ديترويت ليونز شيكاغو بيرز

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

ليست هناك حاجة لإنشاء عمل إضافي لنفسك. تذكر علامات العنوان.

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

معلومات عامة: الاسم: البريد الإلكتروني: تاريخ الميلاد:

بطاقة شعار لا يؤثر على النمط بأي شكل من الأشكال. أنه يؤثر على وظائف الصفحة.

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

الاسم: رجل: امرأة:

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

مثال على استخدام العلامة

لا يمكن أن يقال ذلك يعود الى ولكن عادة ما يتم استخدامهما معًا.

تذكر العلامة ، عندما تحتاج إلى الاقتباس من شخص ما.

مثال على استخدام علامة blockquote مع علامة الاستشهاد. تم تضمين هذا العرض في العلامة.

يوفر استخدام القوائم فرصًا رائعة لتنظيم المعلومات. الجميع يعرف عن

، ولكن كم مرة تستخدمها و ؟ ربما قد يربك اسم "قائمة التعريفات" المطور المبتدئ ويجعله يعتقد أن مثل هذه القائمة لا يمكن استخدامها إلا لإدراج التعريفات والشروط. إلا أن هذا الوضع لا يتوافق مع الواقع.
أنواع القوائم
• قائمة غير مرتبة (ul)
• القائمة المرتبة (ol)
• قائمة التعاريف (دل)
ماذا يفعلون
• قائمة غير مرتبة (ul): قائمة ذات مؤشرات منقطة
• القائمة المرتبة (ol): قائمة مرقمة
• قائمة التعريفات (dl): قائمة تحتوي على تعريفات العناصر
أسباب استخدام القوائم
• نمط محتوى متسق
• مجرد إنشاء
• متنوع القدرات

تختلف الطريقة التي يعرض بها كل نوع قائمة المعلومات عن النوع الآخر. بالتأكيد ليست هناك حاجة للتوقف عند

و ولكن هيكل قائمة التعاريف يحتاج إلى مزيد من التوضيح.

تعريف عنصر القائمة رقم 1 لعنصر القائمة رقم 1 عنصر القائمة رقم 2 تعريف عنصر القائمة رقم 2

بدلاً من تحديد عنصر القائمة (

• )، نستخدم علامتين: و . يحدد كل عنصر في القائمة، و يصف النقطة المذكورة أعلاه. وفيما يلي القائمة حسب رمز قائمة التعريفات الموضح سابقا.

  تعريف عنصر القائمة رقم 1 لعنصر القائمة رقم 1 عنصر القائمة رقم 2 تعريف عنصر القائمة رقم 2

  10. "(وأحرف ASCII الأخرى)

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

  مرحبا عزيزي القراء لموقع بلوق. في الواقع، هذا المصطلح له عدة معانٍ لا تتناسب معًا بأي طريقة معينة. سأحاول التحدث عن كل واحد منهم في هذا المنشور.

  سوف تتعلم ما هي علامات Html وكيف تختلف عن العلامات الوصفية، وسوف تتعلم أيضًا كيفية استخدام العلامات كعلامات على المواقع (تنوعها)، وأخيرًا، سنلقي نظرة عامة على علامات الموسيقى في الملفات الصوتية. هكذا يصبح هذا المصطلح متعدد الأوجه.

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

  ما هي العلامات الموجودة على موقع الويب (علامات لإنشاء التنقل)

  لنبدأ بسيطة. ربما رأيتم جميعًا أنه يوجد ضمن بعض المقالات الموجودة على مواقع الويب حقل يسمى العلامات أو العلامات، حيث يتم إدراج بعض الكلمات. لماذا هذا يحدث؟ بشكل عام، لتسهيل التصفح في هذا الموقع ().

  يتم استخدام ما يسمى بالكلمات الرئيسية كعلامات، وتصف مجموعة منها المنشور بإيجاز (على سبيل المثال، بالنسبة للصفحة الرئيسية لمدونتي، ستكون مجموعة العلامات التالية مناسبة: إنشاء موقع الويب؛ الترويج؛ الترويج لموقع الويب؛ الأرباح).

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

  من أجل عدم البحث عن العلامات الضرورية ضمن المقالات، يقوم مالكو مواقع الويب في كثير من الأحيان بإنشاء ما يسمى بسحابة العلامات، والتي يمكن وضعها في العمود الأيسر أو الأيمن من الموقع أو في تذييله (أسفل). قد يبدو هذا العار عمليًا كما يلي:

  

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

  

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

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

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

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

  ما هي علامات HTML؟

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

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

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

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

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

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

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

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

  نص نص...... نص نص

  هل تفهم الفرق بين علامة Html الافتتاحية (في البداية) وعلامة الإغلاق (في النهاية)؟ حسنًا، بالطبع، لقد أضفت للتو شرطة مائلة للأمام بعد قوس المثلث.

  

  أوه، نسيت أن أقول ما هي المعايير التي يفصل بها المتصفح العلامات؟(الترميز) من المحتوى الرئيسي. هل خمنت ذلك بنفسك؟

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

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

  في الكود، يمكن أن تبدو، على سبيل المثال، كما يلي:

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

  تتم كتابة العلامات الوصفية في كود صفحة الويب في مكان محدد بدقة. هل تعلم اي واحدة؟ هذا صحيح، في ما يسمى بـ "رأس" المستند، والذي يتكون من علامتي الرأس الافتتاحية والختامية.

  لن يتم عرض أي شيء مكتوب بداخلها (بما في ذلك العلامات التعريفية) على صفحة الويب. هذه معلومات خاصة تمامًا. يخبر الوصف والكلمات الرئيسية أعلاه محركات البحث عن محتوى صفحة ويب معينة، والعلامة الوصفية أدناه.

  ما هي علامات الموسيقى في الملفات الصوتية؟

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

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

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

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

  باستخدام برامج خاصة. ظهرت العلامات نفسها في ملفات صوتية لأول مرة في نهاية القرن الماضي. بالنسبة لملفات MP3، كان معيار إضافتها يسمى ID3، وبالنسبة لملفات الموسيقى المضغوطة دون فقدان الجودة (مثل FLAC وما شابه)، كان معيار إضافة العلامات (بيانات التعريف) يسمى تعليق Vorbis.

  بالنسبة للموسيقى المسجلة بتنسيق Windows WMA، توجد بيانات تعريف WM، وبالنسبة لـ Apple MP4، توجد بيانات تعريف iTunes (بالمناسبة، كتبت مؤخرًا عن ذلك).

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

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

  كل التوفيق لك! نراكم قريبا على صفحات موقع المدونة

  يمكنك مشاهدة المزيد من مقاطع الفيديو بالانتقال إلى ");">
  

  أنت قد تكون مهتم

  علامات Instagram - سبب الحاجة إليها وأين يمكن رؤية العلامات الأكثر شيوعًا
  علامات التصنيف - ما هي وكيف يتم استخدام علامات التصنيف على Twitter وInstagram وأماكن أخرى كيفية إضافة سمة Alt تلقائيًا إلى علامات Img الخاصة بمدونتك على WordPress (حيث لا تكون موجودة)
  الرابط - ما هو وكيفية إنشائه
  Radikal - استضافة مجانية للصور مع تحميل سريع وسهل للصور عبر Radikal.ru

  
  
  
  حصة هذه المادة:
  مقالات مماثلة

  
  17 أبريل 2015
  أفضل منصة لأجهزة Fly للهواتف الذكية: المعالج والذاكرة والأداء
  
  17 أبريل 2015
  مصباح الملح "زهرة الحجر"
  
  17 أبريل 2015
  طرق مثمرة لقضاء الوقت على الإنترنت
  
  17 أبريل 2015
  كيفية تثبيت تطبيق سوق بلاي على جهاز كمبيوتر محمول
  أنواع

  • أجهزة التوجيه
  • الأقراص الصلبة
  • لا يتم تشغيله
  • الطابعات
  • الفرامل
  • يتجمد
  • الفيروسات
  • أجهزة لوحية

  المواد شعبية

  • 

    العفاريت للألعاب - ما هي؟
  • 

    الأموال الافتراضية هي أموال حقيقية
  • 

    نقل Windows إلى محرك أقراص ثابت فارغ آخر باستخدام AOMEI Partition Assistant نقل القرص الصلب مع النظام إلى كمبيوتر آخر
  • 

    تحميل اي تيونز على نظام التشغيل Windows
  • 

    ShadowBan على Instagram - كيفية الخروج من الظل (تعليمات البقاء) حظر الحساب المخفي على Instagram
  • 

    وحدة Starline GSM - ما هي الفائدة منها وكيفية تثبيتها؟

  مقالات جديدة

  • الأدوات في لوحة المعلومات كيفية إغلاق لوحة القيادة
  • الترانزستور KT815: المعلمات والدبابيس ونظائرها من KT 815 في أي وضع يعمل
  • لم يتم العثور على مفتاح حماية البرنامج 7
  • RLS – مرونة وضبط قيود الوصول إلى البيانات
  • كيفية تمكين الدعم في BIOS؟
  • أجهزة التوجيه
  • الأقراص الصلبة
  • لا يتم تشغيله
  • الطابعات
  • الفرامل
  • يتجمد
  • الفيروسات
  • أجهزة لوحية
  • تركيب الجهاز
  • التطبيقات