إنه أسهل مما قد تفكر فيه
تسهل CMS الجيد نشر المقالات على موقع الويب الخاص بك. لكن ما الذي تنشره بالضبط؟ عدة فقرات من النص. وإذا لم يتم تنسيق هذا النص بشكل صحيح ، فسوف تبدو مقالتك الجميلة مكسورة على موقع الويب الخاص بك.
الخبر السار: إذا تعلمت الكتابة بلغة HTML ، فسوف تبدو مقالتك رائعة. مع بعض المفاهيم الأساسية ، ستكتب في HTML في أي وقت من الأوقات.
HTML: لغة متصفح الويب
"HTML" تعني "HyperText Markup Language". في الأساس ، إنها لغة لتعليم النص الخاص بك ، لذلك يمكن أن تفعل أشياء خيالية مثل تبدو غامقة أو وصلة إلى موقع آخر.
HTML هي اللغة الأساسية للمتصفح الخاص بك. نحن نستخدم العديد من لغات البرمجة للإنترنت (PHP ، Perl ، Ruby ، وغيرها) ، لكنها في النهاية تقوم بصياغة HTML. (حسنا ، أو جافا سكريبت ، ولكن دعونا نحافظ على هذا بسيط.)
يأخذ متصفحك HTML ، ويجعله في صفحة ويب جميلة.
تعلّم أن تكتب بلغة HTML ، وستعرف بالضبط ما الذي تطلب من المتصفح القيام به.
HTML يرسم فوق نص عادي
HTML هي لغة ترميزية ، لذلك فإن معظم "HTML" هو مجرد نص عادي. على سبيل المثال ، هذا هو HTML جيدًا تمامًا:
مرحبا. أنا أتش تي أم أل. مثير. نعم. رائعة حقا.
لكن انتظر ، أنت تقول هذا لا يشبه لغة الكمبيوتر ! يبدو مثل الإنجليزية!
نعم فعلا. الآن أنت تعرف السر العظيم HTML (عند استخدامه بشكل صحيح) هو نص قابل للقراءة.
تعلم من تجربة المعالج كلمة الخاصة بك
بالطبع ، نريد أكثر من نص عادي. نريد ، على سبيل المثال ، مائل .
أنت تعرف بالفعل كيفية الحصول على الخط المائل في برنامج معالجة الكلمات (مثل Microsoft Word أو LibreOffice المجاني). تضغط على زر I الصغير.
كل ما تكتبه من الآن فصاعدًا بخط مائل. يمكنك الكتابة للصفحات. كيف توقف هذا المهرجان من التركيز؟ اضغط على الزر I مرة أخرى. الآن عاد الخط إلى طبيعته.
إذا عدت إلى منتصف الكلمات المائلة وإضافة بعض النصوص ، فستكون أيضًا بحروف مائلة. هناك نوع من الخط المائل بين نقطة البداية ، حيث يمكنك "تشغيل" الخط المائل ، ونقطة النهاية ، حيث قمت بإيقاف تشغيلها.
للأسف ، هذه النقاط النهائية غير مرئية.
يمكن أن تسبب نقاط النهاية غير المرئية الكثير من الألم. من السهل جدًا إيقاف تشغيل الخط المائل ، ثم ارتكب بعض الأخطاء مع المؤشر وابحث عن أنك ما زلت مائلًا. تحاول إيقاف تشغيلها مرة أخرى ، لكنك انتقلت مرة أخرى بطريقة ما ، لذلك يتم إيقاف تشغيلها بالفعل ... إنها فوضى.
استخدامات HTML & # 34؛ الكلمات & # 34؛
يستخدم HTML أيضًا نقاط النهاية. الفرق هو أنه في HTML ، يمكنك رؤية نقاط النهاية هذه. أنت تكتبها. إنها تسمى بالعلامات .
دعنا نقول أنك تريد تجميل هذا المثال السابق. تريد مائل كلمة "مثيرة". كنت تكتب في مثيرة . مثله:
مرحبا. أنا أتش تي أم أل. <ط> مثيرة . نعم. رائعة حقا.
يمكنك حفظ ذلك في محرر النصوص ، ثم نسخ شفرة HTML ولصقها في مربع "المقالة الجديدة" في نظام إدارة المحتوى لديك. عندما أظهر المتصفح الصفحة ، سيبدو الأمر كالتالي:
مرحبا. أنا أتش تي أم أل. مثيرة . نعم. رائعة حقا.
على عكس معالج الكلمات ، لا ترى الخط المائل أثناء كتابته. تكتب العلامات. يقرأ المتصفح العلامات ويجعلها غير مرئية ويتبع تعليماتها.
قد يكون الأمر مزعجًا لرؤية كل هذه العلامات ، لكن محرر النص الصحيح يجعل ذلك أسهل بكثير.
فتح وإغلاق العلامات
انظر مرة أخرى إلى العلامات و . يتحول إلى مائل ، تمامًا مثل نقرك الأول من الزر I. إيقاف الخط المائل ، مثل نقلك الثاني.
بدلاً من النقر على زر ، تتم كتابة العلامات الصغيرة. علامة افتتاحية لبدء الخط المائل ، علامة إغلاق لإيقافها.
لاحظ الفرق بين العلامات. يحتوي الإغلاق على / ، شرطة مائلة. ستكون جميع علامات الإغلاق في HTML مائلة.
لا تنس بطاقة الإغلاق
علامات الإغلاق مهمة إلى حد ما. ماذا لو نسيت الإغلاق ، هكذا؟
مرحبا. أنا أتش تي أم أل. <ط> مثيرة. نعم. رائعة حقا.
يبدو أنك قد نسيت النقر مرة أخرى لإيقاف تشغيل الخط المائل. سوف تحصل على هذا:
مرحبا. أنا أتش تي أم أل. مثير. نعم. رائعة حقا.
يمكن للعلامة المفقودة الواحدة أن تحول مقالتك بالكامل ، أو حتى بقية الصفحة ، إلى نهر من الخط المائل.
ربما يكون هذا هو الخطأ الأسهل والأكثر إثارة للغضب الذي يمكن أن تحدثه. لكن من السهل حلها. مجرد البوب في علامة الإغلاق.
الآن تعلم بعض العلامات
تهانينا! أنت تفهم HTML الأساسي!
نص عادي مرمز بعلامات الفتح والإغلاق. هذا الى حد كبير ذلك.
اذهب الآن تعلم بعض علامات HTML الأساسية. (قد ترغب في الحصول على محرر نص لائق أولاً.)