المصادر المبتذلة html. أفضل المصادر لتعلم html و css

آخر تحديث في 09 نوفمبر 2019 06:54:54 (UTC / GMT +8 ساعات)

ما هو HTML؟

ترمز HTML إلى Hyper Text Markup Language وتستخدم لإنشاء صفحات ويب بالإضافة إلى أنواع أخرى من المستندات التي يمكن عرضها في مستعرض الويب.

HTML هو معيار محدد ويتم صيانته بواسطة اتحاد شبكة الويب العالمية.

من اختراعها ، تطورت HTML من خلال إصدارات مختلفة. الإصدار الحالي من HTML هو HTML 4.01.

الإصدار التالي من HTML هو HTML 5 ، وهو قيد التطوير ولكن المطورين بدأوا بالفعل في استخدام بعض ميزاته.

في الصفحات التالية ، سنناقش HTML 4.01 بالتفصيل. تعلم أيها ، سوف تكون قادرًا على إنشاء صفحات الويب بنفسك.

كود HTML لصفحة ويب بسيطة

مثال على صفحة HTML

هذا مثال على صفحة HTML

Lorem ipsum dolor sit amet، consectetur adipiscing elit. Nunc at Nisi Velit، Aliquet Iaculis Est. Curabitur porttitor nisi vel lacus euismod egestas. في هضبة معتادة الهضبة القول المأثور. في sagittis magna eu odio interdum mollis. Phasellus sagittis pulvinar facilisis. دونيك في أوديو فولوتبات تورتور فولوتبات كومدو. Donec Vulputate sem، vel iaculis urna molestie eget. Sed pellentesque adipiscing tortor ، في condimentum elit elementum sed. موريس كريمينسيم العنصر نونك ، non elementum felis condimentum eu. في Turpis quis erat impdiet vulputate. Pellentesque mauris Turpis ، و Euismod eget ipsum. Vivamus mollis adipiscing viverra. Morbi في sem eget nisl euismod porta. Sed semper، tortor eu molestie iaculis، felis massa vestibulum massa، vitae suscipit arcu nunc quis ante. Phasellus aliquam elit في Nisl condimentum COMMODO. Nunc congue nibh aliquam enim aliquet nec feugiat Diam condimentum. قوة التعليق. Lorem ipsum dolor sit amet، consectetur adipiscing elit. Nam accumsan velit sed lacus pellentesque in gravida nunc ultrices. Aliquam varius scelerisque erat ut egestas.

تعلم HTML من موقع الويب

هذا مثال على صفحة HTML

ميزات دروس w3resource HTML التعليمية

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

1. لقد بدأنا بوصف واضح وبسيط.

2. لقد قدمنا بناء الجملة حتى تتمكن من تذكر كيفية كتابتها.

3. استخدام يوضح لك كيفية كتابته في الممارسة العملية.

4. لقد أظهرنا نتيجة الاستخدام.

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

6. في أي فئة ينتمي عنصر HTML ، أي إذا كان للنص أو العنوان أو لإنشاء النماذج وما إلى ذلك.

7. ما هي العناصر الأخرى أو نوع المحتوى الذي يمكن أن تحتوي عليه علامة HTML.

8. في أي من العناصر الأخرى التي يمكن أن توجد بها علامة HTML.

9. سمات مختلفة لتلك العلامة ووصفها وأمثلة.

10. مثال على علامة HTML تلك.

11. نتيجة هذا المثال.

12. اعرض المثال في المستعرض.

13. كيف تبدو هذه العلامة في المتصفحات المختلفة.

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

01. ورقة الغش HTML

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

02. ورقة الغش CSS

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

03. CSS- الحيل

عندما تم إطلاقه في عام 2007 ، كان هذا الموقع يدور حول CSS. لقد توسعت الآن قليلاً ، ولكن لا يزال هناك الكثير من المعلومات والبرامج التعليمية المفيدة حول CSS و HTML لكي تتعثر فيها. إنه بالتأكيد يستحق الزيارة.

04. CSS Wizardry

من السهل تعلم CSS ولكن من الصعب إتقانها. Harry Roberts "CSS Wizardry لديه بعض من أفضل المقالات حول التفاصيل الدقيقة لكتابة CSS قابلة للتطوير والصيانة ، مثل منهجية BEM وإعادة البناء (والتي تعد من بين أصعب الأجزاء).

05. أفضل أقلام CodePen السنوية

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

06. تصميم المواقع الأسبوعية

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

07. تصميم مستجيب أسبوعيًا

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

08. إنشاء تخطيطات غير مستطيلة بأشكال CSS

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

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

استئناف التمرير التلقائي للنسخة

محدث

3/30/2017

مطلق سراحه

3/16/2015

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

تشمل الموضوعات:

ما سبب أهمية HTML؟
استكشاف مستند HTML
تنسيق المحتوى
عرض الصور
استخدام عناصر التنقل و article و div
الارتباط بالصفحات والمحتوى القابل للتنزيل
إنشاء القوائم
التحكم في التصميم (الخطوط والألوان والمزيد)
كتابة النصوص الأساسية

قررت مواصلة هذا الموضوع الحالي. لقد جمعت قائمة بأفضل موارد html و css لمساعدتك على تعلم هذه الأشياء. أتذكر عندما بدأت كمسؤول موقع ، فاتني حقًا مجموعة مختارة من الجودة العالية و موارد مفيدة.

أولاً ، بعض التعريفات:

Html (من اللغة الإنجليزية "HyperText Markup Language" - لغة ترميز النص التشعبي) هي لغة الترميز القياسية لصفحات الويب.

Css (من الإنجليزية "أوراق الأنماط المتتالية" - أوراق الأنماط المتتالية) هي تقنية وصف مظهرصفحات الانترنت.

بدون معرفة html و css ، سيكون تشغيل موقعك مشكلة كبيرة - حتى عداد الإحصائيات أو نفس الشعار لن يعمل. لا تركض إلى الخبراء للحصول على المساعدة أو إنشاء موضوع بعد موضوع على المنتديات؟ ما عليك سوى أن تأخذ وتتعلم.

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

في رأيي، أفضل طريقةلتعلم html و css وموضوعات أخرى ، بما في ذلك الترويج لموقع الويب ، هو بدء موقع الويب الخاص بك والتدرب عليه. بالمناسبة ، يمكنك رؤية الموقع الأول الذي أنشأته على خرائط لعبة Counter-Strike ، والتي كنت مولعًا بإنشائها في ذلك الوقت. فيما يلي الخرائط ولقطات الشاشة الخاصة بهم ، التي أنشأها Globator القديم في تلك الأيام التي لم يكن يعرف فيها بعد ما هي أفضل 10 ، TCI و PR ، وكان يمرح بلا مبالاة في الشمس مما يخلق خرائط ثلاثية الأبعاد 🙂. لقد أنشأت هذا الموقع في غضون شهر ، وتعلمت لغة html و css عمليًا.

ليس عليك أن تكون خبيرًا تقنيًا لتعلم html و css. على سبيل المثال ، أنا بشكل عام إنساني وفي الرياضيات كان لدي أساسًا "2" 🙂. لذلك يمكن لأي شخص تعلم html و css. تعد الموارد التي أدرجتها مناسبة أيضًا بحيث يمكنك استخدامها في أي وقت لمعرفة أي لحظة تهمك باستخدام html و css.

مواقع لتعلم html و css

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

هل يمكنك تخيل من سأكون إذا قمت بالتطوير أكثر في موضوع Photoshop؟ سأكون وحش حقيقي! لكنني تواصلت مع مُحسنات محركات البحث ونباتي هنا ، وأكتب هذه الحروف بأصابع ملتوية من البرد 🙂. فقط أمزح ، الجو دافئ هنا أيضًا والطعام جيد 🙂.

هذه الصفحةيحتوي على مواد لأولئك الذين يشاركون في تطوير المعايير.

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

مدونة لقواعد السلوك

يتم تشجيع أعضاء لجان ISO أو مجموعات العمل أو المتحدون من أجل الإجماع على العمل وفقًا لمبادئ مدونة السلوك.

إرشادات الامتثال للمنافسة

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

يمكن توجيه أي أسئلة تتعلق بإرشادات قانون المنافسة إلى فريق ISO القانوني على.

حقوق النشر

يجب على جميع المشاركين في أنشطة التقييس احترام حقوق الطبع والنشر لمنشورات ISO وتطوير المشروع ، وكذلك أي محتوى متعلق بـ ISO. تنعكس هذه القواعد في الإعلان ، الذي يجب أن يوافق عليه جميع الأطراف المهتمة بالتوحيد القياسي.

السياسة في مجال اتصالات عمل اللجنة مع الأطراف الخارجية وحفظ الوثائق

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

قد يتم توجيه أي أسئلة بخصوص هذه السياسة إلى بريد إلكترونيسكرتارية TMB:.

سياسة حماية البيانات

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

شرح المصطلحات والعبارات المستخدمة في معايير ISO

المعايير الدولية والتجارة

أنواع العقوبات القانونية في ISO

طورت ISO وثيقة تلخص القضايا المتعلقة بالعقوبات وعملية تطوير المعايير.

إشراك أصحاب المصلحة وبناء توافق الآراء

تلتزم ISO بضمان تطوير المعايير أصحاب المصلحة وأصحاب المصلحةبحيث يتم تلبية احتياجات السوق بشكل أكثر كفاءة.

يمكنك العثور أدناه على المستندات التي توفر إرشادات حول كيفية إشراك أصحاب المصلحة.