إذا لم تكن ملتزمًا بأن تصبح فنانًا ، ثم كمطور ، يمكنك فهم HTML وإجراء تعديلات بسيطة إذا لزم الأمر. اتبع أفكاري أدناه للتأكد من أن المقالة تسمح لك بفهم HTML. بالطبع ، أثناء عملية قراءتها مرة أخرى ، من الأفضل تجربتها بنفسك ، بحيث يكون الفهم أعمق. حسنًا ، ابدأ من أدناه: (يتم إدخال الرموز أدناه باللغة الإنجليزية)
1. القواعد الأساسية لـ HTML<html>
<head>
<title> صفحة الويب الخاصة بي </title>
.......................................................................................................................................................
</head>
<body>
...................................................................................................................................
</body>
</html>
تقريبا جميع صفحات الويب في هذا التنسيق. هذه علامة لا بد منها لصفحة ويب. يتم وضع كل علامة في <> وينتهي بـ </> ، باستثناء أن هناك الكثير من الأشياء الفوضوية التي تمت إضافتها إلى القطع ، وهو ما نراه.
انسخ الرمز أعلاه إلى المفكرة وحفظه كملف A.HTML ويصبح صفحة ويب. لنجربها
أدناه ، افتحه في المفكرة ، أضف الصفحة الرئيسية للكلمة بين <Body> ، احفظها ، ثم افتحها ، انظر الصورة التالية:
بعد ذلك ، أضف علامة على الجزء الأمامي والخلف من الصفحة الرئيسية وقم بتغييرها إلى <a href =#> الصفحة الرئيسية </a> وحفظها ومعرفة ما هو التأثير؟
هل هو الارتباط التشعبي الذي نراه عادة عبر الإنترنت؟ ولكن لم يتم تغيير الصفحة الرئيسية عند النقر على الصفحة الرئيسية هنا ، لأننا أضفنا اتصالًا فارغًا وضرب الحديد أثناء الساخنة. اتبعنا الطريقة السابقة وأنشأنا صفحة ، تم حفظها كـ B.HTML ، ثم استبدلنا # أعلاه بـ B.HTML. بعد الانفتاح ، انقر على الصفحة الرئيسية ، هل سنقفز إلى الصفحة ب؟ (بالطبع ، يجب أن تكون الصفحات A و B في نفس الدليل) حتى هنا ، يجب أن تفهم أنه في الواقع ، يتم تنفيذ جميع الوظائف على صفحات الويب بواسطة علامات مختلفة مثل <A> ، وتتذكر فقط وظائف هذه العلامات عندما تحتاج إلى القيام بها.
2. بنية الموقعإذا كنت تولي اهتمامًا عند تصفح الإنترنت ، يتم تقسيم صفحات الويب فعليًا إلى قطع ، كما هو موضح في الصورة
بالطبع ، هذا مجرد هيكل عام. يمكنك أيضًا تقسيمه إلى العديد من الكتل وفقًا لاحتياجاتك. الكتل هي أساسا لتعديل الجوانب وتحديد أنماط التعبير الخاصة بها.
يتم تحقيق ذلك بشكل أساسي من خلال علامة <viv> </viv>. اسمحوا لي أن أحاول إضافة علامة <viv> إلى الصفحة الرئيسية:
<viv>
<a href = b.html> الصفحة الرئيسية </a>
</div>
احفظ ، جربه عند فتحه ، ما هو تأثيره؟
هل ما زال كما هو الحال قبل التعديل؟ دعنا نضيف بعض التعديلات إليها:
<النمط div = العرض: 200 بكسل ؛ الارتفاع: 100px ؛ نمط الحدود: الصلبة ؛ >
عند الجري ، يتم تمثيل القطعة التي وضعناها بخلفية زرقاء!
أضف الكثير من الكتل <Div> </viv> لإزالة صفحة الويب من كمية كبيرة ، هاها ، ثم ضع ما تريد وضعه في كل كتلة.
بالطبع ، العديد من <Div> s لديهم نمط =. إذا كانت إعدادات النمط هذه متشابهة ، فسيكون كل من إعداداتنا مزعجة للغاية. عادةً ما نضع أنماطًا في ملف .CSS آخر (يتحكم في أنماط العرض لكل علامة في صفحة الويب) ، ثم اتصل بها حيث يجب استدعاؤها. لنجربه أدناه
قم بإنشاء مفكرة جديدة ، وقم بإعادة تسميتها إلى C.CSS وفتحها ، واكتبها إلى:
#Header {Width: 200px ؛ الارتفاع: 100px ؛ النمط الحدودي: Solid ؛}
وحذفه في A.HTML
ثم أضف <link rel = typehelet type = text/css href = c.css/> قبل </head>
وهذا هو ، تقديم ملف C.CSS. ميزة وضع CSS في ملف منفصل هي أنه إذا كانت العديد من الأماكن تشير إلى هذا النمط ، طالما قمنا بتعديل هذا المكان ، فكلها ستتغير ، وإلا يجب علينا تعديل كل مكان يدويًا ، وهو ما لا يفضي إلى الصيانة لاحقًا.
أخيرًا ، قم بتغيير <viv> من A.HTML إلى <div id = header>
هل التأثير هو نفسه كما كان من قبل؟
تقريبًا ، في هذه المرحلة ، ربما لا أستطيع كتابة القصائد وتلاوةها. هذه المقالة هي في الأساس السماح للجميع بفهم عام لـ HTML ومعرفة ما يجري. لا تزال هناك العديد من العلامات غير المعنية. تحتاج إلى العثور على هذا الكتاب لتصميم الويب وحفظه.