ابحث في المدونة

الجمعة، 13 أكتوبر 2017

إليكم هذه الأكواد التي تساعدكم في التدوين أو تصميم المواقع, الجزء الأول

نقدم لكم في هذه التدوينة بعض أكواد لغة html والتي ستعينكم بإذن الله في كتابة صفحات الإنترنت والتدوينات بشكل أفضل

1: كتابة الروابط:


نستخدم الكود <a href="UrlOfPage"> name of page </a> لإضافة الروابط وتسميتها من خلال لغة html , حيث نستبدل عبارة UrlOfPage بالرابط الذي نريد إضافته
ونستبدل عبارة name of page لتسمية هذا الرابط

مثال:


سنكتب <a href="https://suleimanahmed.blogspot.com"> علوم التقنية </a> لإضافة رابط مدونة علوم التقنية , وسيظهر بهذا الشكل:
علوم التقنية

2: كتابة العناوين:


في لغة html هناك 6 مستويات للعناوين , فالمستوى الأول نعتبره العنوان الرئيسي أو العنوان الأكبر , والمستوى2 يكون أصغر منه وهكذا.
نستطيع كتابة العناوين في لغة html من خلال الكود التالي
<h1> heading1<h1>
حيث نستبدل عبارة heading1 بأي نص نريده أن يكونَ عنوانًا ,
الكود السابق يمثل العنوان الرئيسي وهو بطبيعة الحال عنوان في المستوى الأول

مثال على مستويات العناوين:


سنكتب الأكواد التالية
<h1> عنوان في المستوى الأول</h1> <br />
<h2> عنوان في المستوى الثاني</h2><br />
<h3>عنوان في المستوى الثالث</h3><br />
<h4>عنوان في المستوى الرابع</h4><br />
<h5> عنوان في المستوى الخامس </h5><br />
<h6>عنوان في المستوى السادس</h6><br />
ستظهر بهذا الشكل

عنوان في المستوى الأول


عنوان في المستوى الثاني


عنوان في المستوى الثالث


عنوان في المستوى الرابع


عنوان في المستوى الخامس

عنوان في المستوى السادس


لعلكم قد لاحظتم أنني عندما كتبت العناوين فصلت بينها بكلمة <br /> فما معنى هذا الكود؟
كود <br /> هو كود بسيط نستخدمه لإضافة سطر جديد للكتابة.
هناك نقطة بسيطة بقيت في حديثنا عن العناوين
توجد خاصية اسمها id تضاف إلى العناوين وهي خاصية تحدد رمز هوية للعنوان يمكنك استعماله من خلال عمل ارتباط داخل صفحة الويب , وهذا الإرتباط بمجرد الضغط عليه ينقلك إلى العنوان صاحب رمز الهوية

مثال:


سنقوم بكتابة عنوان من المستوى الأول , أي <h1> , ولكن قبل كتابة علامة > سنكتب اسم الخاصية id ثم نتبعها بعلامة يساوي= ثم نكتب علامة تنصيص " ونكتب أي عبارة صغيرة تكون رمز هوية للعنوان , ثم نغلق علامة التنصيص " ثم نكتب علامة اغلاق التاج والتي عرفنا أنها علامة الأكبر من
سنكتب <h1 id="heading1"> مثال للخاصية id </h1>
سيظهر بهذا الشكل

مثال لخاصية id


الآن يمكننا الاستفادة من خاصية id من خلال الإشارة إلى العنوان برابط داخل الصفحة
فنكتب <a href="#heading1"> انتقل إلى العنوان </a> , وطبعًا لنا الخيار في تعيين الid بأي كلمة نريد , وكذلك اسم الرابط
ولكن يجب الانتباه إلى نقطة مهمة جدًا.
عند كتابة الارتباط الذي سينقلك إلى العنوان صاحب الid تأكد من كتابة علامة المربع # قبل كتابة رمز الهوية للعنوان
جربوا الرابط التالي ولاحظوا كيف يعمل
انتقل إلى العنوان

3: كتابة البريد الالكتروني:


لكتابة البريد الالكتروني استخدم الكود التالي
<a href="mailto:عنوان البريد"> تسمية العنوان </a>
نستبدل عبارة عنوان البريد بالعنوان الذي نريد إضافته , ونستبدل عبارة تسمية العنوان بأي عبارة تدل على عنوان البريد , اختر أي عبارة تشاء

مثال


سنقوم بإضافة عنوان البريد الالكتروني للدعم الخاص بشركة أبل , سنكتب الكود التالي:
<a href="mailto:support@apple.com"> تواصل مع دعم apple </a>
سيظهر بهذا الشكل:
تواصل مع دعم apple


نكتفي بهذا القدر , ونسأل الله أن يعيننا على تقديم كل مفيد , ونعدكم باستكمال هذه الأكواد في مشاركة قادمة
والسلام عليكم ورحمة الله وبركاته

هناك تعليق واحد:

قل شيئًا