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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

لا يستطيع الإنسان أن يعيش بالكلمات وحدها،
مهما ابتلعهم.
أدلاي ستيفنسون.

بشكل عام، HTML ليست لغة برمجة. هذه هي لغة ترميز النص التشعبي. أي أن نسميها "" لغة HTML"ليس صحيحا.

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

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

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

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

أفعل ذلك: أكتب الكود في Dreamweaver، ثم احفظه وانقر فوق الزر "عرض في المتصفح" (يمكنك تحرير قائمة المتصفحات في هذه القائمة بنفسك)، ثم أعود إلى Dreamweaver واستمر في التحرير. هنا . هذا كل ما يتعلق بالأدوات، والآن دعنا ننتقل إلى علامات HTML.

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

علامات صفحة HTML المطلوبة

تتضمن علامات HTML (الأساسية) المطلوبة المستخدمة في كل مستند HTML ما يلي:

ملحوظة. لكي يتمكن المتصفح من إخراج كود HTML كنص (وليس تفسيره إلى كود)، بعد كل قوس زاوية فتح " "أترك مساحة. عند كتابة الكود، يتم وضع مسافات لا ترحل.

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

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

لذلك، تظهر العلامات الرئيسية للمتصفحات والبرامج الأخرى لعرض صفحات النص التشعبي التي تتعامل معها مع مستند النص التشعبي. يجب أن يبدأ أي مستند HTML بـ وينتهي بـ. وهذا هو، بين هذه العلامات هناك كاملكود صفحة HTML.

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

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

يقع المحتوى الرئيسي لمستند HTML بين العلامات والعلامات. إليك كل ما نراه عندما نفتح صفحة html: النص والرسومات والقوائم والأزرار وما إلى ذلك. هذا هو "النص" الرئيسي للصفحة.

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

ثم ستكون خلفية الصفحة بأكملها حمراء.

هنا بطاقة شعار- هذه في الواقع علامة؛ com.bgcolor- صفته؛ "#FF0000"- قيمة السمة (يمكن أن تحتوي العلامة على عدة سمات).

ملحوظة. يتم تحديد جميع سمات العلامة وقيمها في افتتاحالعلامة (التي بدونشرطة مائلة)، ولكن ليس بأي حال من الأحوال في النهاية.

وهكذا، اكتشفنا العلامات الرئيسية لمستند HTML. الآن حان الوقت لدراسة الباقي بمزيد من التفصيل. هنا أريد أن أقوم باستطراد صغير.

كيف أقترح تعلم HTML

من خلال تطبيق المعرفة المكتسبة منها، أدركت الخطأ الذي ارتكبه معظم مؤلفي هذه الكتب والبرامج التعليمية. كل هذه الكتب المدرسية مقصودة أولاً للمبتدئينثانيًا، تعلم أساسيات HTML يسير بالترتيب.

ت . أي أن علامات عنوان مستند html () يتم أخذها في الاعتبار أولاً، ثم علامات "النص الأساسي" ().

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

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

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

حسنًا، الآن، دون تردد لمدة دقيقة، انقر فوق الزر "التالي" واستمر في اكتشاف كيفية قيام هؤلاء الرجال غير الحليقين والمحرومين من النوم بإنشاء مواقع الويب.