تعلم HTML الأساسي لبدء بناء موقع على شبكة الإنترنت
تعلم HTML الأساسي لإنشاء موقع الويب الخاص بك. HTML الأساسية ليست صعبة التعلم. من المحتمل أن يكون تعلم HTML هو أهم شيء تقوم به على الإطلاق إذا كنت ترغب في إنشاء موقع الويب الخاص بك. يجب أن تتعلم HTML لتصميم صفحات جيدة لأنها اللغة التي يعتمد عليها موقع الويب على الإنترنت.
مواقع الويب هي طريقة رائعة لإظهار شيء في حياتك. سيتيح لك HTML الأساسي عرض العالم مهما كان ما تريد عرضه على موقع الويب الخاص بك. تعد إضافة الألوان وتغيير حجم النص وتضمين صور على موقع الويب الخاص بك مجرد أمثلة قليلة من الأشياء التي يمكنك القيام بها عند تعلم HTML الأساسي.
لتعلم HTML الأساسي ، يجب أن تضع في اعتبارك أنه عبارة عن سلسلة من الحروف التي تمثل اختصارات لما تمثله بالفعل. على سبيل المثال ، يرمز H1 لعنوان لفقرة هو الأول من خمسة أحجام و BR هو فاصل أسطر.
من الأمور المهمة التي يجب تذكرها ، بينما تتعلم HTML الأساسي ، هو أن علامات HTML يجب أن تأتي في صفحة ويب بترتيب معين وأن معظم علامات HTML يجب أن تحتوي على علامة بدء ونهاية لكي يتعرف المتصفح على الأمر. إن علامة النهاية هي نفس علامة البدء فقط ، باستثناء أنها تبدأ بالرمز / . سيظهر العنوان مثل العنوان هنا H1>
. هناك علامة بدء ، H1 ، العنوان ، وعلامة انتهاء / H1 .
تعلم HTML الأساسي بالطريقة الصحيحة وتذكر أن العلامات يجب أن تأتي بترتيب معين. البنية الأساسية لصفحة الويب هي كما يلي:
هنا يمكنك وضع معلومات وثيقة مهمة مثل الإطارات واللغة والتعليمات الخاصة.
HEAD>
ضع قصتك وصورك وروابطك وكل شيء آخر هنا.
عنوان فقرتك. H1>
هذا هو المكان الذي تدخل فيه نص المستند. P>
هذه هي طريقة كتابة رابط:
http://www.nameofpage.com "> العنوان أو ما تريد قوله.
BODY>
HTML>
يمكنك أيضًا إدخال رابط في وسط الجملة. إذا كنت تريد أن تقول "Microsoft لديه بعض العروض التجريبية الرائعة." انها تبدو مثل هذا:
http://www.microsoft.com/en/us/default.aspx "> يحتوي Microsoft على بعض العروض التجريبية الرائعة لمساعدتك على تعلم HTML الأساسي.
لا يمكنك إنشاء روابط لصفحات أخرى فحسب ، بل يمكنك أيضًا إنشاء روابط إلى مكان آخر في نفس الصفحة. إذا أردت منك العودة إلى بداية هذه المقالة ، فأنا أود أن أقول شيئًا مثل "الرجوع" والنقر فوق الارتباط التشعبي الذي ستعود إليه في البداية. هذا واحد أكثر صعوبة لأن هناك جزئين له. بادئ ذي بدء ، يمكنك إنشاء الرابط الخاص بك:
nameofdocument #There"> العودة
كلمة "هناك" هي الكلمة التي أرغب في إعادتها إليك حتى الآن يجب أن أذهب إلى هذه الكلمة وأنشئها وأرسليها بحيث يعرف الرابط الذي أنشأته للتو أين أذهب:
عندما تتعلم HTML الأساسي ، يمكنك كتابة موقع الويب الخاص بك في محرر النصوص الذي يأتي مع Windows ، وبرامج مثل NoteTab و Arachnophilia ، أو أحد البرامج التي تأتي مع متصفح الويب الخاص بك. في كلتا الحالتين إذا كنت فقط اتبع القواعد من عندما تعلمت الأساسية HTML ستظهر كل شيء على ما يرام.
علامات HTML الأساسية
- تعليقات المؤلف لم يرها المتصفح.
... HTML> - ابدأ دائمًا صفحتك وانتهي منها باستخدام هذه العلامة.
... HEAD> - رأس المستند.
... BODY> - Body of document.
... H1>
- أصغر حجم للرأس.
... H2>
- حجم العنوان الصغير.
... H3>
- حجم عنوان متوسط صغير.
... H4>
- حجم عنوان متوسط كبير.
... H5>
- حجم العنوان الكبير.
... H6>
- أكبر حجم للرأس.
... - لبدء ارتباط النص التشعبي.
... ADDRESS> - معلومات عن المؤلف.
... BLOCKQUOTE>
- Long quotes.
... PRE>
- نص منسق مسبقًا.
- نموذج بلوك.
- لإنشاء مربع لإدخال نص.
- ينشئ قائمة التمرير.
- لإنشاء عناصر لتحديدها.
... OL>
- قائمة مرتبة.
مثال على قائمة مرتبة:
- أحمر
- أزرق
- أخضر
... UL>
- قائمة غير مرتبة.
مثال على قائمة غير مرتبة:
- أحمر
- أزرق
- أخضر
<القائمة> ... القائمة> - قائمة القائمة.
... DL>
- قائمة Glossary.
... CITE> - الاقتباس.
... CODE>
- رمز الخط.
... DFN> - المدة المحددة.
... EM> - التأكيد.
مثال على التركيز على اللون الأحمر:
الأحمر والأزرق والأخضر
... I> - مائل.
مثال مائل:
الأحمر والأزرق والأخضر
... KBD> - نص لوحة المفاتيح.
... SAMP> - نموذج نص.
... STRONG> - التركيز القوي.
مثال على التأكيد القوي:
الأحمر والأزرق والأخضر
... TT> - نص الآلة الكاتبة.
... VAR> - المتغير.
... B> - Bold.
- تصف الوثيقة.
- فاصل الأسطر.
- الخط الأفقي.
- الصورة.
- الفقرة.
- عنصر القائمة.
- يحدد المصطلح في قائمة.
- يضع علامة التعريف في القائمة.