اليوم ، مع النمو الهائل للإنترنت ، يتم استخدام تقنيات الويب بشكل متزايد ، ولا سيما HTML ومتصفحات الويب القياسية. HTML (لغة ترميز النص التشعبي) هي لغة ترميز النص التشعبي. يحدد هذا التنسيق مظهر المستند والترتيب المتبادل للنصوص والرسوم البيانية ومعلومات الوسائط المتعددة. تشارك الحملات في إنشاء المواقع ، مقابل أموال طائلة جدًا. ولكن بمساعدة "علامات html" ، يمكنك إنشاء موقع ويب ممتع إلى حد ما بأيديكم.
انه ضروري
- - متصفح
- - محرر النص.
تعليمات
الخطوة 1
تنسيق ملف HTML بسيط للغاية. يتم تنفيذ إنشاء الملف وإجراء التغييرات عليه بواسطة أي محرر نصوص. يتم استخدام متصفح الويب لعرض النتائج. الميزة الرئيسية لوثائق HTML هي قدرتها على الرجوع إلى بعضها البعض. تساعدك المراجع التبادلية على الرجوع بسرعة إلى مستند يحتوي على معلومات إضافية حول موضوع مثير للاهتمام ، ثم متابعة العمل مع النص المصدر. يتكون أي مستند مكتوب باستخدام لغة HTML من محتوى الصفحة ، أي النص ، وشخصيات التحكم - العلامات. يجب وضع جميع علامات HTML بين أقواس زاوية. عادة ، يتم استخدام علامة البداية وعلامة النهاية. تختلف علامة النهاية عن علامة البداية بوجود الشرطة المائلة.
الخطوة 2
لبدء إنشاء موقع ، انتقل إلى محرر نصوص (المفكرة).
ثم أدخل العلامات:
HTML - / HTML - الوسم الأول والأخير لأي مستند HTML.
HEAD - / HEAD - بداية رأس المستند ونهايته.
TITLE - / TITLE - اضبط عنوان المستند (عنوان نافذة المتصفح).
BODY - / BODY - بداية ونهاية نص مستند HTML ، والذي يحدد محتوى المستند.
الخطوه 3
بعد ذلك ، تحتاج إلى تصميم النص. هذا يتطلب العلامات التالية:
Hx - / Hx - (x هو رقم من 1 إلى 6) يصف العناوين في ستة مستويات مختلفة. المستوى الأول هو الأكبر ، والمستوى السادس هو الأصغر.
P - / P - وصف فقرة (قد تكون علامة / P غائبة).
ALIGN هي معلمة تحدد محاذاة الفقرة:
محاذاة = مركز - محاذاة مركزية ؛
محاذاة = يمين - محاذاة لليمين ؛
محاذاة = اليسار - محاذاة لليسار.
BR - انتقل إلى سطر جديد دون كسر فقرة.
B - / B - يعرض النص بخط عريض.
I - / I - يعرض النص بخط مائل.
U - / U - نص مسطر.
ضربة - / ضربة - يتوسطه نص.
BLOCKQUOTE - / BLOCKQUOTE - يعرض عروض الأسعار.
SUB - / SUB - يعرض الاشتراكات.
SUP - / SUP - عرض الأحرف الفوقية.
TT - / TT - استخدم خطًا بعرض حرف ثابت.
BIG - / BIG - زيادة حجم الخط الحالي.
SMALL - / SMALL - تصغير حجم الخط الحالي.
BASEFONT SIZE = n - (n رقم من 1 إلى 7) - القيمة الأساسية لحجم الخط.
FONT SIZE = + / - n - / FONT - قم بتغيير حجم الخط.
لون الخط = # xxxxxx - FONT - ضبط لون الخط: Aqua - sea wave؛ أسود أسود؛ إلخ.
الجسم - تغيير لون الخلفية.
HR - خط أفقي ، يمكن لهذه العلامة استخدام السمات:
اللون - لون الخط ؛
الحجم - عرض الخط بالبكسل ؛
WIDTH - عرض الخط بالبكسل أو كنسبة مئوية من عرض النافذة ؛
محاذاة - محاذاة الخط ؛
NOSHADE - الرسم بدون ظل ؛
الظل - الرسم بظل.
الخطوة 4
إذا كنت بحاجة إلى إدراج أي قائمة في موقعك ، فأنت بحاجة إلى إدخال العلامات:
UL - / UL - قائمة غير مرتبة (تعداد ، بدون ترتيب):
LI - تعريف عنصر القائمة ؛
TYPE هي معلمة تحدد علامة قائمة:
TYPE = CIRCLE - تُستخدم الدائرة كعلامة ؛
النوع = القرص - يتم استخدام النقطة كعلامة ؛
TYPE + SQUARE - يستخدم مربع كعلامة.
OL - / OL - قائمة مرقمة:
TYPE هي معلمة تحدد نوع القائمة:
TYPE = A - سيتم استخدام الأحرف اللاتينية الكبيرة كأرقام قائمة ؛
TYPE = a - سيتم استخدام الأحرف اللاتينية الصغيرة كعدادات قائمة ؛
النوع = I - سيتم استخدام الأرقام الرومانية الكبيرة كأرقام قائمة ؛
النوع = i - سيتم استخدام الأرقام الرومانية الصغيرة كأرقام قائمة ؛
START هي معلمة تحدد رقم البداية للقائمة.
DL - / DL - قائمة مع التفسيرات:
DT - تعيين عنصر قائمة ؛
DD هو شرح لعنصر قائمة.
الخطوة الخامسة
حتى لا يقتصر موقعك على صفحة واحدة ، قم بإنشاء عدة صفحات.للتنقل ، تحتاج إلى ارتباطات تشعبية محددة بالعلامات التالية:
HREF = URL - / A - إدراج ارتباط في المستند (بين العلامات ، يجب إدخال نص الارتباط).
HREF - عنوان صفحة أو مصدر ؛
URL - عنوان المورد الموحد: servis: // server [: port] [/path]:
الخدمة - اسم البروتوكول (HTTP - الوصول إلى مستند HTML ، طلب FTP لملف من خادم FTP ، وصول FILE إلى
ملف على الجهاز المحلي) ؛
الخادم - تحديد اسم المورد ؛
المنفذ - رقم المنفذ الذي يعمل عليه خادم الويب ؛
المسار هو الدليل حيث يوجد المورد.
A HREF = # اسم الإشارة المرجعية - / A - أدخل ارتباطًا محليًا (بين العلامات ، يجب إدخال نص الارتباط).
A NAME = اسم الإشارة المرجعية - / A - قم بتعيين الإشارة المرجعية التي سيتم إنشاء الارتباط لها.
الخطوة 6
لكي لا يكون الموقع مملًا ، فإن التصميم الجرافيكي ضروري. للقيام بذلك ، استخدم العلامات:
BODY BACKGRAOUND = "file_name" - يحدد الصورة المستخدمة كخلفية.
IMG SRC = "اسم_الملف" - أدخل ملف رسومي في مستند HTML ، تستخدم هذه العلامة المعلمات:
ALT = "سلسلة نصية" - تحدد سلسلة نصية يتم عرضها بدلاً من صورة رسومية إذا قام المستعرض بتعطيل القدرة على تحميل الرسومات تلقائيًا ؛
HEIGHT، WIDTH - ارتفاع الصورة وعرضها بالبكسل ؛
HPACE ، VSPACE - عرض المساحة الحرة التي تفصل الرسم عن النص أفقياً وعمودياً ؛
محاذاة - محاذاة النص بالنسبة للرسومات.
الخطوة 7
وآخر شيء عليك القيام به هو حفظ الملف النصي بتنسيق *.html ، ثم تشغيله باستخدام متصفحك. الموقع جاهز.
