في حياة كل مؤلف إعلانات، تأتي مرحلة للتعرف على علامات html. عادة ما يحدث هذا بشكل عفوي ويبدو وكأنه طلب من العميل "لإعداد النص للنشر". هذا يعني أنه في المقالة تحتاج إلى تسليط الضوء على العناوين والفقرات والأماكن والقوائم المهمة، ولكن ليس باستخدام إمكانيات Word، ولكن باستخدام رمز لغة html خاص. العلامات الخاصة بمؤلف الإعلانات ستساعد في ذلك. عادة ما تكون القائمة المطلوبة للعمل صغيرة، ولكنها كافية لتنسيق النص بالمتطلبات القياسية. ما الذي يتم تضمينه في علامات html اللازمة لمؤلف الإعلانات؟ (إذا كنت كسولًا جدًا في القراءة، فقم بالتمرير لأسفل - يوجد مخطط معلوماتي موضوعي بسيط وواضح حول علامات html!)
يطرح مؤلف الإعلانات أسئلة تقليدية. وتبدأ جميعها بالعبارة "ما هي العلامة المستخدمة لتحديد...":
- عنوان؛
- فقرة؛
- نص غامق؛
- مائل.
- القائمة ذات تعداد نقطي/غير مسمى/
كل هذا يضيف لمسة من الإثارة إلى المهمة الفنية ويحفز على اكتساب معارف جديدة. يزداد الوضع سوءًا عندما تكون المهمة هي استخدام علامة نصية غامقة لزيادة جاذبية المفتاح في PS. ولكن كل هذا يمكن حله بكل بساطة، وهو ما سنتعامل معه الآن.
العلامات لإنشاء العناوينيتم تمثيل العلامات الخاصة بإنشاء العناوين بالعناصر h1-h6. لقد حصلوا على رسالتهم من العنوان الإنجليزي (العنوان). لتعيين نوع الرأس المطلوب والتأكيد على أهميته بالنسبة لـ PS، استخدم الكود التالي:
العنوان h1 العنوان h2 العنوان h3 العنوان h4 العنوان h5 العنوان h6
على الموقع سوف تبدو مثل هذا.
العنوان h1 العنوان h2 العنوان h3 العنوان h4 العنوان h5 العنوان h6يتمتع عنوان h1 بالأهمية الأكبر - والرؤية -. يتم استخدامه كعنوان للنشر ويتم استخدامه مرة واحدة فقط. بالنسبة للعناوين الفرعية في النص، يوصى بـ h2 وh3. إنها تساعد في التأكيد على أهمية المادة قيد النظر وتقسيم المقالة إلى مستويات معلومات.
لا يتم استخدام الرؤوس h4-h6 عمليا، ولكنها مطلوبة في بعض الأحيان لتسليط الضوء على الكتل المنطقية والأجزاء المهمة.
بالنسبة للمقالات الكبيرة، من الأفضل استخدام العناوين h1-h3، وللمقالات الصغيرة - h1 وh2.
القوائم: نقطية وغير مسماةيحتوي النص الجيد المنظم دائمًا على قائمة واحدة أو حتى عدة قوائم. وبحسب مظهرها فإن القوائم هي:
لكن كل تصميمات Word غير مناسبة للمنشورات على الموقع، لذا فإن الأمر يستحق تعلم كيفية تنسيق القوائم بشكل صحيح في علامات HTML.
تبدو علامة القائمة ذات التعداد النقطي كما يلي:
ضع علامة على قائمة غير مميزة مثل هذا:
علاوة على ذلك، كل عنصر في القائمة له إطار HTML خاص به:
اتضح أنه من أجل تسليط الضوء على قائمة ذات تعداد نقطي في النص باستخدام كود HTML، ستحتاج إلى الجمع بين كلا النوعين من العناصر المستخدمة. سوف يبدو مثل هذا:
بالنسبة للقائمة غير المميزة فهي مشابهة:
- عنصر القائمة
- عنصر القائمة
- عنصر القائمة
- عنصر القائمة
لقد قمنا بفرز القوائم. يمكننا المضي قدما.
علامات التركيز على النص: غامق ومائلعند معرفة العلامة التي تسمح لك بتنسيق النص بشكل صحيح، ستصادف على الفور تقريبًا خيارين للتعليمات البرمجية لكل حالة. وهذا يسبب ارتباكًا بين غير المبرمجين والسؤال: ما هي العلامة التي يحتاجها العميل بالضبط.
انها بسيطة جدا! توفر العلامات خيارات التنسيق المادية والمنطقية. الأول مطلوب للمستخدمين، والثاني - لمحركات البحث. "محركات البحث"، التي ترى كود html المناسب لها، تأخذ في الاعتبار المنطقة المحددة وتستخدم المعلومات الواردة عند الترتيب، لذا فإن تمييز النص باستخدام التنسيق المنطقي لن يكون خطأ.
يتيح استخدام علامات html إرضاء محركات البحث وإبراز النص بصريًا للمستخدم. ما هو الأكثر أولوية، قرر بنفسك:
تسليط الضوء على عبارة بالخط العريض لـ PS والمستخدمين تسليط الضوء على عبارة بالخط العريض للمستخدمين عبارات مائلة لـ PS والمستخدمين كتابة عبارة بخط مائل للمستخدمين
لدي مقال كبير ومثير للجدل للغاية حول موضوع العلامات الغامقة، وهو ما يسمى.
إذا نظر أحد المبرمجين فجأة إلى الموضوع، فسأسارع إلى الإشارة مرة أخرى إلى أن المراجعة مخصصة لمؤلفي النصوص: كيفية وضع العلامات، وما هي وما هو المهم الذي يجب مراعاته عند الاختيار. وأخيرًا، هناك حاجة إلى كود HTML شائع آخر لتسليط الضوء على الفقرات. هذا
يتم وضع علامة الافتتاح قبل بداية الفقرة، ويتم وضع علامة الإغلاق في النهاية. إذا انتهت الفقرة بقائمة، إذن
يتم وضعها بعد كافة العلامات المستخدمة في القائمة.
حسنًا، بعض الرسوم البيانية الموضوعية البسيطة في النهاية:
عندما بدأت مناقشة الموضوع في التعليقات، قدم نادي المؤلفين الناجحين تعليقات مثيرة للاهتمام حول الرسوم البيانية والمقالة. فيما يلي لقطة شاشة لرأي أحد المشاركين المعتمدين في المناقشة.
إقرأ: 3,365
لقد نظرنا إلى مثال لإنشاء صفحة بسيطة حيث تم تقديم التعليقات على بعض علامات html، حيث يبدو لي أنه من الأفضل أولاً إظهار شيء ما بمثال ثم الانتقال إلى وصف أكثر تفصيلاً. ولهذا السبب تمت مناقشة إنشاء الصفحة في الدرس الثاني، وبمزيد من التفصيل في الدرس الثالث.
لذلك، فيما يلي وصف لعلامات HTML الشائعة المستخدمة في كل صفحة من صفحات الموقع تقريبًا. صدقني، يوجد بالفعل ما يكفي منهم لكتابة موقع ويب كامل.
قائمة علامات html 1. علامة HTML (للفقرات) - تعرض فقرة نصية (تسمح بسمات النمط والفئة والمعرف). العلامة الأكثر شيوعًا، حيث يتم وضع النص فيها غالبًا (ومع ذلك، هذا هو ما تم إنشاؤه من أجله).على سبيل المثال كود HTML:
نص الفقرة رقم واحد
وهذه فقرة أخرى
نص الفقرة رقم واحد
وهذه فقرة أخرى
يمكنك أيضًا إضافة معلمة نمط إلى العلامة:
يمكن استخدام هذه القيم المختلفة لتحرير مظهر الخط. يمكنك أن تقرأ عن هذه المعلمات في درس منفصل: الأنماط في html وخاصية الخط css.
يمكنك أيضًا تحديد سمات CLASS وID. على سبيل المثال:
2. علامة HTML و (بالخط العريض)و- علامتان تسمحان لك بجعل الخط غامقًا. لا يوجد فرق بين هذه العلامات.
دعونا نعطي مثالا. كود HTML:
نص غامقيتحول إلى ما يلي على الصفحة:
نص غامق
يمكنك أيضًا تحديد سمات CLASS وID (كما في حالة Note
هذه العلامات لها تأثير ضئيل على ترتيب المستندات في محركات البحث، لذلك من الأفضل عدم استخدامها بلا هدف.
3. علامة HTML (إنشاء مائل)- الخط المائل (يسمح بمعلمات النمط والفئة والمعرف)
على سبيل المثال كود HTML:
نص مائليتحول إلى ما يلي على الصفحة:
4. علامة HTML (النص الذي تحته خط)- خط تحته خط (يسمح بمعلمات النمط والفئة والمعرف)
على سبيل المثال كود HTML:
نص تحته خطيتحول إلى ما يلي على الصفحة:
نص تحته خط
5. علامة HTML (إنشاء ارتباط تشعبي)ينشئ رابطًا على الصفحة (يسمح بالنمط والفئة والمعلمات الأخرى).
على سبيل المثال كود HTML:
نص الرابطيتحول إلى ما يلي على الصفحة:
جميع معلمات وسمات العلامة سيتم تناولها في درس منفصل: علامة HTML.
6. علامة HTML (العناوين في المحتوى)،...، - علامات الرأس داخل المحتوى (تسمح بالنمط والفئة ومعلمة المعرف). علاوة على ذلك، كلما كان الرقم أصغر، زاد وزن وحجم النص الموجود في هذه العلامات (افتراضيًا).
على سبيل المثال كود HTML:
العنوان ح1يتم استخدام العلامة لعنوان الصفحة (بالإضافة إلى العنوان)
يجب استخدام هذه العلامات فقط للغرض المقصود منها، أي. فقط عندما تحتاج المقالة إلى عنوان. ويرجع ذلك إلى حقيقة أن العلامات،...، لها تأثير كبير على محركات البحث. إذا كنت تستخدمها بشكل صحيح، فإن فرص الوصول إلى الأسطر العليا لنتائج البحث مرتفعة للغاية.
7. علامة HTML (المحاذاة)- محاذاة المحتوى في المركز.
على سبيل المثال كود HTML:
سيكون هذا النص في المركزيتحول إلى ما يلي على الصفحة:
سيكون هذا النص في المركز
ملحوظة- - للنص
- ... - لكل شيء (على سبيل المثال، صورة)
- يعرض الخط المنخفض.
على سبيل المثال كود HTML:
نص عادي، نص بين السطوريتحول إلى ما يلي على الصفحة:
نص عادي، نص بين السطور
9. علامة HTML (نص مرتفع)- يعرض الخط المرتفع.
على سبيل المثال كود HTML:
نص عادي، نص مرتفعيتحول إلى ما يلي على الصفحة:
نص عادي، نص مرتفع
10. علامة HTML،، - يعرض خطًا أكبر/أصغر بمقدار بكسل واحد من الحجم الحالي (المسموح به بواسطة معلمة النمط والفئة والمعرف).
على سبيل المثال كود HTML:
الخط العادي، هذا الخط أكبر بمقدار بكسل واحديتحول إلى ما يلي على الصفحة:
الخط العادي، هذا الخط أكبر بمقدار بكسل واحد
11. علامة HTML- (إنشاء القوائم)
- و .
- العنصر الأول من القائمة
- العنصر الثاني من القائمة
- العنصر الأول من القائمة
- العنصر الثاني من القائمة
- العناصر الفارغة - , ,
, , , , , ,يستخدم لتخزين معلومات إضافية حول الصفحة. يتم استخدام هذه المعلومات بواسطة المتصفحات لمعالجة الصفحة، ومن خلال محركات البحث لفهرستها. يمكن أن يكون هناك عدة علامات في الكتلة، نظرًا لأنها تحمل معلومات مختلفة اعتمادًا على السمات المستخدمة. مؤشر القياس في نطاق معين. قسم من الوثيقة يحتوي على روابط التنقل الخاصة بالموقع. يحدد القسم الذي لا يدعم البرمجة النصية. حاوية لتضمين الوسائط المتعددة (مثل الصوت والفيديو وتطبيقات Java وActiveX وPDF وFlash). يمكنك أيضًا إدراج صفحة ويب أخرى في مستند HTML الحالي. يتم استخدام العلامة لتمرير معلمات البرنامج المساعد. قائمة مرقمة مرتبة. يمكن أن يكون الترقيم رقميًا أو أبجديًا. حاوية تحتوي على عنوان لمجموعة من العناصر. يحدد خيارًا/خيارًا للاختيار من القائمة المنسدلة أو أو. حقل لعرض نتيجة العملية الحسابية المحسوبة باستخدام البرنامج النصي. الفقرات في النص. يحدد معلمات المكونات الإضافية المضمنة باستخدام العنصر. عنصر حاوية يحتوي على عنصر واحد وصفر أو أكثر من العناصر. في حد ذاته لا يعرض أي شيء. يسمح للمتصفح باختيار الصورة الأنسب. إخراج النص بدون تنسيق، والحفاظ على المسافات وفواصل النص. يمكن استخدامه لعرض رمز الكمبيوتر ورسائل البريد الإلكتروني وما إلى ذلك. مؤشر على الانتهاء من مهمة من أي نوع. يحدد الاقتباس القصير. حاوية لرموز شرق آسيا وفك رموزها. يحدد النص المتداخل الخاص به باعتباره المكون الأساسي للتعليق التوضيحي. يضيف وصفًا مختصرًا أعلى أو أسفل الأحرف الموجودة في العنصر، ويتم عرضها بخط أصغر. وضع علامة على النص المضمن كتعليق توضيحي إضافي. يعرض نصًا بديلاً إذا كان المتصفح لا يدعم العنصر. يعرض النص غير الحالي مع يتوسطه خط. يستخدم لعرض النص الذي يمثل نتيجة تنفيذ كود البرنامج أو البرنامج النصي، بالإضافة إلى رسائل النظام. يتم عرضه بخط أحادي المسافة. يُستخدم لتحديد برنامج نصي من جانب العميل (عادةً JavaScript). يحتوي إما على نص البرنامج النصي أو يشير إلى ملف برنامج نصي خارجي باستخدام السمة src. يحدد المنطقة المنطقية (القسم) من الصفحة، عادةً برأس. عنصر تحكم يسمح لك بتحديد القيم من مجموعة مقترحة. يتم وضع القيم المتغيرة في . يعرض النص بحجم خط أصغر. يحدد موقع ونوع موارد الوسائط البديلة لـ , , . حاوية للعناصر المضمنة. يمكن استخدامه لتنسيق مقاطع النص، مثل تمييز الكلمات الفردية بالألوان. يضع التركيز في النص، ويسلط الضوء عليه بالخط العريض. يتضمن أوراق الأنماط القابلة للتضمين. يحدد الكتابة المنخفضة للرموز، على سبيل المثال، فهرس العناصر في الصيغ الكيميائية. ينشئ عنوانًا مرئيًا للعلامة. يتم عرضه بمثلث مملوء، ويتيح لك النقر عليه عرض تفاصيل العنوان. يحدد التهجئة المرتفعة للأحرف. علامة لإنشاء جدول. يحدد جسم الطاولة. إنشاء خلية جدول. يُستخدم للإعلان عن أجزاء تعليمات HTML البرمجية التي يمكن استنساخها وإدراجها في مستند بواسطة برنامج نصي. محتوى العلامة ليس عنصرًا فرعيًا. إنشاء حقول إدخال نص كبيرة. يحدد تذييل الجدول. ينشئ عنوان خلية الجدول. يحدد عنوان الجدول. يحدد التاريخ/الوقت. عنوان مستند HTML الذي يظهر أعلى شريط عنوان المتصفح. قد يظهر أيضًا في نتائج البحث، لذلك يجب أخذ ذلك في الاعتبار عند تقديم العنوان. ينشئ صف جدول. يضيف ترجمات للعناصر و. يسلط الضوء على مقطع من النص من خلال وضع خط تحته، دون تأكيد إضافي. ينشئ قائمة ذات تعداد نقطي. يبرز المتغيرات من البرامج من خلال عرضها بخط مائل. يضيف ملفات الفيديو إلى الصفحة. يدعم 3 صيغ فيديو: MP4، WebM، Ogg. يشير إلى المتصفح حيث يمكن أن ينقطع الخط الطويل. يوم جيد يا أصدقاء! اليوم لدينا مقال آخر مخصص لإحدى فئات موقعي “دليل HTML للمبتدئين”. ربما كان من الضروري البدء في ملء هذه الفئة من خلال كتابة مقال حول ماهية HTML أو من هذا المنشور، والذي سيشرح بالتفصيل ماهية علامات html. ولكن يحدث أنني قمت بالفعل بنشر العديد من المواد المفيدة، على سبيل المثال، حول كيفية إنشاء خط باستخدام HTML أو كيفية إنشاء إطار. حسنًا، حسنًا، أتمنى ألا يكون خطأي قد أجبرك على البحث عن المعلومات بين المصادر الأخرى.
لكي نفهم العلامات، دعونا نتذكر أولاً ما هو HTML؟ وبالتالي فإن HTML هو اختصار باللغة الإنجليزية يرمز إلى لغة ترميز النص التشعبي. هذه لغة قياسية، يتم تفسيرها بواسطة جميع المتصفحات الحديثة، وهي المسؤولة عن بنية الصفحة ومحتواها. يمكنك بمساعدة HTML تحديد الشكل الذي سيبدو عليه النص أو الرسم أو الرسوم المتحركة المعروضة على صفحة الإنترنت، بالإضافة إلى تحديد موقعها وحجمها وما إلى ذلك. تتضمن لغة الترميز المقدمة علامات HTML، والتي هي أساسها.
العلامات هي علامة مسماة محددة تتكون من أحرف الأبجدية اللاتينية، محاطة بأقواس زاوية (على سبيل المثال). العلامة هي العنصر الرئيسي لمستند HTML. ويجب ملؤها بالأحرف الصغيرة، أي بدلاً من ذلك< TITLE >يجب أن يكون هناك< title > .
أنواع علامات HTMLهناك نوعان من العلامات - مفردة ومزدوجة (حاويات). هذا الأخير أكثر شيوعا. كل ما يتم تضمينه بين علامتي الفتح والإغلاق يسمى محتويات الحاوية. كما ترون، يجب عليك وضع شرطة مائلة داخل علامة الإغلاق، أي. شرطة مائلة للأمام "/" مباشرة بعد قوس الزاوية الأول. يمتد تأثير العلامات إلى المعلومات الموجودة بينها.
تتكون العلامات (العلامات) الفردية، كما قد تتخيل، من عنصر html واحد - علامة فتح (على سبيل المثال ).
وبغض النظر عن نوعها، تتكون كل علامة من العناصر التالية:
قوس زاوية الفتح (< ).
اسم العلامة (ع، الجسم، ر).
قوس زاوية الإغلاق (>).
لتوسيع إمكانيات العلامة المستخدمة، يتم استخدام سمات وقيم السمات المختلفة، مفصولة بمسافة. وفي المقابل، يمكن تقسيم السمات إلى إلزامية واختيارية.
علامات HTML الأساسيةتتضمن لغة ترميز النص التشعبي القياسية عددًا من علامات HTML شائعة الاستخدام. دعونا ننظر إلى أهمها.
علامات HTML المقترنة الأساسية- < html >- يخبر المتصفح بوجود مستند HTML أمامه.
- < head >- يحتوي على وصف لصفحة الإنترنت وهو نوع من الحاوية لجميع عناصر رأس مستند HTML، والغرض منه هو مساعدة المتصفحات ومحركات البحث على التعامل مع البيانات.
- < body >- يحدد الجزء المرئي من الوثيقة.
- - مسؤول عن عرض وعنوان الوثيقة.
- < table >, < tbody >, < thead >, < td >, < th >و< tr >- العلامات المتعلقة بإنشاء الجداول.
-
- يؤدي إغلاق هذه العلامة إلى إخبار المتصفحات بأن النص معروض في سطر جديد، أي فقرة جديدة.
- - يضبط الرأس (h1...h6).
-
- علامة تحدد فاصل أسطر في المكان الذي توجد فيه.- , , - تقوم كل علامة على حدة بتمييز النص بالخط العريض أو المسطر أو المائل.
- ,
- - العلامات المسؤولة عن .
- العلامة الافتتاحية هي العلامة التي تأتي في البداية. في المثال الذي تمت مناقشته أعلاه، العلامة هي علامة الفتح وتقف قبل النص الذي يجب تمييزه.
- علامة الإغلاق هي العلامة التي تأتي في النهاية. السمة المميزة هي الشرطة المائلة "/" قبل الأحرف الموجودة بين قوسين زاوية. دعونا ننظر مرة أخرى إلى المثال الذي تمت مناقشته أعلاه. العلامة هي علامة إغلاق وتأتي بعد النص الذي يجب تمييزه بالخط العريض
- العلامات الفردية هي علامات لا تحتوي على علامة إغلاق. على سبيل المثال سيكون
فيما يلي مثال لعلامة الفتح والإغلاق: - في العمود الأول - الاسم - اسم العلامة نفسها - ما يجب أن يكون بين قوسين (< и >).
- العمود الثاني - علامة البداية - وجود علامة الافتتاح. في هذا العمود يمكنك رؤية الحرف "O" والذي يعني "اختياري"، ومترجم من الإنجليزية - اختياري. هذه الرسالة موجودة فقط مقابل العلامات و و، وتعني أنه يمكنك وضع علامة افتتاحية، أو لا يتعين عليك ذلك - فسيقوم المتصفح بكل شيء بنفسه.
- العمود الثالث – علامة النهاية – وجود علامة الإغلاق . مقابل هذه العلامة يمكنك رؤية الحرف "O" والحرف "F". ولم يتغير معنى الأول. الحرف الثاني - "F" - حرفيًا "ممنوع" باللغة الإنجليزية - يعني أنه ممنوع وضع علامة إغلاق، فهو ببساطة غير موجود. على سبيل المثال، لا توجد علامةلأنه لا يوجد ما يخفيه فيه.
- الرابع - فارغ - يعني أن العلامة مفردة (فارغة). جميع العلامات التي تحتوي على الحرف "E" أمامها في هذا العمود تحتوي أيضًا على الحرف "F" في العمود السابق. بعد كل شيء، العلامات الفردية لا تحتوي على علامات إغلاق. مثال على ذلك هو نفس العلامة .
- العمود الخامس هو Depr.
- يمكن أن يحتوي العمود السادس - DTD - على الحرف "L" أو "F". الأول - "L" - DTD فضفاض - يعني أن العلامة التي يظهر مقابلها هذا الحرف لا يمكن استخدامها إلا في نوع مستند انتقالي (- انتقالي، والذي كتبت عنه في المقالة السابقة). الثاني - "F" - Frameset DTD - يعني أنه لا يمكن استخدام العلامة إلا في مستند من النوع FRAMESET ( - Frameset). إذا كانت الرسالة مفقودة، فيمكن استخدام العلامة في جميع أنواع المستندات.
- والعمود السابع الأخير - الوصف - وصف موجز للعلامة، مرة أخرى باللغة الإنجليزية
- العمود الأول هو الاسم - كما في حالة العلامات، اسم السمة. كل شيء باللغة الإنجليزية، ولكن بالمعرفة الأساسية يمكنك تخمين ما تفعله هذه السمة أو تلك.
- العمود الثاني - العناصر ذات الصلة - عبارة عن قائمة بجميع العلامات التي تستخدم أي سمة. تحتوي جميع العلامات على روابط، بحيث يمكنك الانتقال فورًا إلى المعلومات المتعلقة بالعلامة.
- العمود الثالث - النوع - هو كل القيم الممكنة لسمة معينة. على سبيل المثال، مقابل سمة الحجم التي اخترناها في علامة الخط هي قيمة CDATA. سننظر إليها لاحقًا، ولكن باختصار، إنها مجموعة خاصة من خيارات الحجم (في هذه الحالة). بعد كل شيء، يمكنك كتابة كل من البكسل والنسب المئوية
- يشير العمود الرابع - الافتراضي - إلى ما إذا كانت السمة مطلوبة في علامة معينة. على سبيل المثال، في علامة Img، تكون السمة src مطلوبة، لأنها تشير إلى المصدر الذي سيتم التقاط الصورة منه.
- الأعمدة 6 و7 و8 تعني نفس الشيء كما في حالة العلامات.
- , - تأثير للنص يقلد أسلوب الآلة الكاتبة.
- - علامة HTML أخرى تجعل النص غامقًا. على عكس العلامة، تعتبرها محركات البحث مميزة بشكل خاص.
- - العلامة المستخدمة لإنشاء شريط.
- - علامة تُستخدم لتنسيق النص، ولكنها تعمل فقط عند استخدام سمات خاصة.
- - علامة شائعة جدًا مسؤولة عن إنشاء ارتباط تشعبي.
- - الاقتباس.
- - يعرض أمثلة التعليمات البرمجية في مستند HTML.
- - مسؤول عن عرض النص الموجود بين قوسين.
- - إنشاء مسافات بادئة على جانبي النص.
العلامات الفردية الأساسية- - علامة تحتوي على معلومات تعريفية مخصصة لمحركات البحث. داخله، باستخدام السمات المناسبة، يمكنك تحديد الكلمات الرئيسية، والتحكم في عملية الفهرسة، واسم المؤلف، وترميز المستند، وما إلى ذلك.
- - علامة مسؤولة عن عرض العناصر الرسومية (الصور). يُستخدم مع السمة المطلوبة .
- - يشير إلى ورقة أنماط CSS. تم تحديد هذه العلامة في العلامة< head >. يمكن أن يتكون مستند HTML من عدد معين من العلامات التي تحدد نمط الصفحة، بغض النظر عن موقع محتواها.
- < hr >- يضيف خط أفقي.
بالضغط على مجموعة المفاتيح Ctrl + U، ستلاحظ أن مستند HTML بأكمله مبني على استخدام علامات وسمات HTML. ليس من الضروري على الإطلاق تذكر جميع علامات HTML الموجودة. لإجراء تعديلات على الموقع، فقط تذكر تلك المذكورة أعلاه.
أتمنى أن يكون المقال مفيدًا لك، والآن أنت تعرف ما هي أنواع العلامات الموجودة وما هي أهميتها.
شكرًا لك على اهتمامك ونراكم قريبًا على صفحات Stimylrosta.
العثور على خطأ نحوي في النص؟ يرجى إبلاغ المسؤول بهذا: حدد النص واضغط على مجموعة مفاتيح التشغيل السريع Ctrl+Enter
مرحبا عزيزي القراء لموقع بلوق! في المقالة الأخيرة، اكتشفنا ما هو نوع المستند وكيف تحدد المتصفحات اللغة المستخدمة باستخدام . تم أخذ العلامة في الاعتبار، لكن المفهوم (المصطلح) نفسه لم يكن كذلك. سأخبرك في هذه المقالة ما هي العلامة وسبب الحاجة إليها وما هي أنواع العلامات الموجودة. كما قلت في المقالة الأخيرة من هذا القسم، سنقوم بإنشاء صفحة ملف، والتي سنجربها، بناءً على المعرفة التي اكتسبناها. ولكن هذا في نهاية المقالة، ولكن الآن دعونا نلقي نظرة على علامة HTML.
ما هي علامة HTML، وأنواع علامات HTML، وأمثلة لكتابة علامة HTML - مترجمة من علامة اللغة الإنجليزية - لوضع علامة على الأحرف المحاطة بأقواس زاوية والتي تعد عناصر لغة ترميز النص التشعبي (HTML). يمكن أن تكون الرموز باللغة الإنجليزية فقط (تم بناء الإنترنت بالكامل عليها). تبدو العلامةهذه علامة لجعل النص غامقًا. العلامات لها ثلاثة أنواع:
سيبدو التصميم بأكمله، بما في ذلك النص، كما يلي:
سيتم تسليط الضوء على هذا النص بالخط العريض
وهذا ما سيبدو عليه هذا النص عندما يعالجه المتصفح ويقدمه لنا: سيتم تمييز هذا النص بالخط العريض.
يوجد أيضًا شيء مثل علامات الحاوية، ولكن هذا مجرد اسم عام لعلامات الفتح والإغلاق. كما كتبت أعلاه، بالإضافة إلى علامات الحاوية، هناك أيضًا علامات مفردة. والفرق هو أن هذه العلامات لا تحتاج إلى أن تكون مغلقة. المثال الأوضح والأكثر شيوعًا هو علامة السطر الجديد.
ما هي السمات وقواعد الكتابة ولماذا هناك حاجة إليها بالإضافة إلى العلامات، هناك أيضًا ما يسمى بالسمات. بتعبير أدق، ليس إلى جانب ذلك، ولكن في العلامات. باستخدام السمات، يمكنك تعيين معلمات إضافية للعلامة. كل علامة لها سماتها الخاصة، وفي هذا الموضوع سنقوم بتجربة العلامة، والتي في الواقع لا تفعل شيئًا ذا معنى بدون سمات.الخط عبارة عن علامة حاوية تستخدم لتنسيق النص. باستخدام هذه العلامة، يمكنك جعل النص غامقًا، وتغيير الحجم، والمسافة بين الأسطر - بشكل عام، كل ما يمكنك فعله بالنص. دعونا نلقي نظرة على مثال بحجم النص. أولاً، دعونا نضمن النص في علامة الخط.
نص
الآن قليلا عن قواعد كتابة السمات. تتم كتابة السمات دائمًا في العلامة الافتتاحية وبعد أحرف العلامة نفسها. يمكنك كتابة سمات متعددة في علامة واحدة بأي ترتيب. يمكنك العثور على السمات على موقع الويب الخاص بمدقق W3C (والذي سأكتب عنه أدناه). إذن، إليك مثال لعلامة الخط مع سمة الحجم:
نص
تعمل هذه السمة الموجودة في علامة الخط على تغيير حجم النص الموجود في العلامات.
إذا قمت بفتح الكود المصدري للصفحة، سترى أن المكان الذي توجد به الكلمة الكبيرة "نص" يبدو هكذانص
لقد رأيت بالفعل كيف تتم كتابة السمات. تتم كتابتها بنفس الطريقة تمامًا في العلامات الأخرى: أولاً نكتب السمة نفسها (في هذه الحالة بالحجم)، ثم نضع "=" ونضع معلمة السمة بين علامتي اقتباس مزدوجتين. يمكنك العثور على جميع معلمات السمات على نفس موقع ويب World Wide Web Consortium.
ما هو مدقق W3C وقواعد الكتابة وقائمة العلامات كما كتبت، هناك عدد كبير جدًا من العلامات. ولكن أين يمكنك أن تجد كل منهم؟ لهذا الغرض، يوجد مدقق W3C W3C - اتحاد شبكة الويب العالمية، أو باللغة الروسية - اتحاد شبكة الويب العالمية. ليس واضحا تماما، أليس كذلك؟ هذا هو المكان الذي يتم فيه تطوير معايير الويب - (لغات ترميز النص التشعبي هي من بنات أفكارهم). على رأس الكونسورتيوم بأكمله، يوجد تيم بيرنرز لي، المعروف في المقالة السابقة، منشئ HTML. الموقع الإلكتروني لهذه المنظمة هو w3.org. أحذرك، الموقع بالكامل باللغة الإنجليزية، لذا احتفظ بقاموس أو مترجم في متصفحك. بالمناسبة، تقييم جوجل لهذا الموقع هو 9، وهو 37000 (وهذا كله كثير، إذا كان أي شخص لا يعرف).دعنا نعود إلى موضوع المقال. نحن مهتمون بمعايير اللغة HNTML 4.01. اتبع الرابط مواصفات HTML 4.01، وبعد ذلك نرى علامة تبويب العناصر في الأعلى، انقر عليها. هنا تفتح الصفحة التي تحتوي على جميع العلامات. تم تطوير هذه العلامات واعتمادها كمعيار قياسي من قبل الكونسورتيوم. كل شيء، مرة أخرى، باللغة الإنجليزية. مباشرة بعد عبارة "فهرس العناصر" نرى وسيلة إيضاح (معنى الحروف في الأعمدة):
وبعد وسيلة الإيضاح مباشرة يوجد جدول بالعلامات نفسها:
السمات موجودة في نفس الصفحة من مواصفات HTML 4.01، ولكن في علامة التبويب "السمات". هناك سمات أكثر بكثير من العلامات. ومرة أخرى سأكتب كل شيء نقطة بنقطة.
كل ما سبق ينطبق فقط على إصدار HTML 4.01. سنتحدث عن HTML 5 في مقال آخر، وسنتطرق أيضًا إلى XHTML. والآن، كما وعدت، سنقوم بإنشاء صفحة بتنسيق HTML، وسنقوم بتجربتها.
إنشاء ملف بتنسيق html - مستند HTMLأولاً، دعونا نتعرف على ما هو مستند HTML. وهذا في الواقع ملف بتنسيق HTML. وجميع صفحات الإنترنت هي مستندات HTML. على سبيل المثال، عندما تصل إلى موقع ويب في شريط العناوين في النهاية، يمكنك رؤية ".html" أو ".htm" بعد العنوان. هذا هو الملف الذي سنقوم بإنشائه بهذا الامتداد. بشكل عام، إذا كنت ترغب في التجربة على موقع ويب، وليس على صفحة، فمن الأفضل إنشاء خادم محلي - دنفر (الذي أريد الكتابة عنه).
مع الأخذ في الاعتبار أنني لم أتحدث حتى عن العلامات الموجودة في كل صفحة، فسنقوم ببساطة بإنشاء ملف بأي اسم وامتداد.html. من الممكن (والأفضل) استخدام برنامج Notepad++، لأن محرر النصوص هذا يستخدم تمييز التعليمات البرمجية، وهو أمر مناسب جدًا عند تحرير التعليمات البرمجية ويمكنك حفظ الملفات بتنسيقات متنوعة. هناك أيضًا برامج تظهر فيها النتيجة على الفور في شكل معالج عندما تكتب رمزًا.
لذلك، نحتاج فقط إلى فتح برنامج Notepad++ وحفظ ملف بنص عشوائي (يمكن أن يكون فارغًا)، ولكن بتنسيق .html. للقيام بذلك، كالعادة، انقر فوق نقش الملف، ثم "حفظ باسم" وابحث عن "ملف لغة توصيف HyperText (امتدادات الملفات)" بين قائمة الامتدادات الكبيرة. هذا كل شيء، في الواقع. وسنضيف الأسطر الأولى لهذا الملف في المقالة التالية من قسم “إنشاء موقع من الصفر”
إخراج قائمة (يقبل النمط والفئة ومعلمات المعرف). تتم كتابة كل عنصر جديد بين
على سبيل المثال كود HTML:
قائمة:يتحول إلى ما يلي على الصفحة:
قائمة:
على سبيل المثال كود HTML:
1-سطر 1 عنصر | السطر الأول العنصر الثاني |
عنصر 2-السطر 1 | عنصر 2-السطر 2 |
يتحول إلى ما يلي على الصفحة:
جميع قدرات العلامة