التونسية للمحمــول Tn-GsMدخول


أساسيات اللغة HTML

power_settings_newقم بتسجيل الدخول للرد

descriptionشرح أساسيات اللغة HTML 2015-12-08, 18:57

more_horiz
بسم الله الرجمن الرحيم

 أهمية تركيبة الموقع أو الكود
الشرح الكامل لغة HTML
بسم الله الرحمان الرحيم ،
لماذا نولي تركيبة الموقع أو الكود هذه الأهمية ؟
حتى نحصل على موقع قادر على المنافسة ، أول شيء يجب الانتباه له هو عمل كود نضيف . مثال : يجب مراعات تسلسل ال- حسب الاهمية ومكان التواجد .فكلمات لا يمكن استعملها إلا داخل . وكلمات h3 لا يمكن كتابتها إلا بعد أن نكون قد استعملنا h1 و-h2  !!
مدى نظافة التكويد تمكن جوجل  وباقي المحركات من تصنيف المواقع و اختير المواقع التي تستطيع تحويل الزوار لها .
من واجهة أخرى ، تعتبر التركيبة أول منطلق مخطط سيو ويطلق عليها سيو onpage.


bbbb
1- HTML : أساسيات اللغة
سنتناول شرح لغة تصميم المواقع HTML كاملة بإذن الله تعالى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ما هى لغة HTML ؟

هى عبارة عن إختصار لجملة Hyper Text Markup Language 
و هى تعنى اللغة التى تصف النص التشعبى أى أنك تستطيع التنقل من مكان لكان أخر داخل الموقع أو خارجة بصورة شبكة متشعبة و ليست طريقا مستقيما
فقديما قبل إستخدام هذه اللغة كان الإنترنت يسير فى صورة خط مستقيم لكى تذهب إلى أى نقطة يجب أن تمر بمجموعة من النقاط أولا ... فمثلا إذا كنت تريد فتح أحد المواقع يجب أولا الذهاب إلى موقع جوجل ثم إلى الأرشيف و من الأرشيف إلى .... ثم إلى الموقع

أما الأن بعد إستخدام هذه اللغة فى متصفحك مباشرة تكتب رابط الموقع و تذهب له دون المرور بهذه النقاط




هذه اللغة لها ما يسمى بالكلمات الدلالية البادئة و المغلقة  و هذه الكلمات يمكن أن نشبهها بأحرف اللغة
و هذه الكلمات هى التى تعبر عن طريقة ما لعرض المعلومات مثل
هنا المعلومات التى نريد عرضها
لاحظت كلمة دلالية بادئة و أخرى مغلقة
هذا المثال يسمى العنصر و هو من بداية الكلمة الدلالية البادئة إلى المغلقة بما فيها الكلمات الدلالية نفسها


ممكن تتكون صفحة الموقع بلغة HTML ؟

تبدأ بكلمة   ثم    ثم كلمة مغلقة   ثم   ثم    ثم النهاية


هنا يكون المعلومات التى ستكون فى منطقة العنوان
 
و هنا يكون محتوى الموقع ككل

وظيفة المتصفح هنا عى أن تقرأ هذه اللغة فتظهر هكذا


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

إصدارات اللغة :

 اللغة لها عدة إصدارات
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013


 حتى يستطيع المتصفح بقراَة الموقع بصورة صحيحة بنسبة 100% يجب أن يتم إدراج الإصدار
توضع فيما يسمى Common Declaration فمثلا إذا كان الموقع [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] سيكون
[size=13]هذه هى الأكثر إستخداما [/size]


HTML 5







  







 
HTML 4.01 Strict


"http://www.google.com/TR/html4/strict.dtd">

 







HTML 4.01 Transitional 







GOOGLE//DTD HTML 4.01 Transitional//EN"







"http:/[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]google.com/TR/html4/loose.dtd">







 

HTML 4.01 Frameset








"http://www.google.com/TR/html4/frameset.dtd">

 







XHTML 1.0 Strict








"http://www.google.com/TR/xhtml1/DTD/xhtml1-strict.dtd">
 

XHTML 1.0 Transitional








"http:/[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]google.com/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 

XHTML 1.0 Frameset








"http:/[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]google.com/TR/xhtml1/DTD/xhtml1-frameset.dtd">
 

XHTML 1.1








"http:/[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]google.com/TR/xhtml11/DTD/xhtml11.dtd">


عدل سابقا من قبل gsm_bouali في 2015-12-08, 19:53 عدل 2 مرات

▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬
أهلا وسهلا يك (زائر) في منتديات التونسية للمحمول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}

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

descriptionشرحرد: أساسيات اللغة HTML 2015-12-08, 18:58

more_horiz
تابع أساسيات اللغة

2- HTML : تابع أساسيات اللغة

سنشرح فى هذا الموضوع خطوات إنشاء الموقع
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لإنشاء الموقع يتطلب منك برامج معينة هى  Adobe dreamwaver  أو Microsoft Expression Web

هذه البرامج ضخمة و كبيرة و أيضا تتيح المزيد و المزيد من الخيارات لكن ماذا إن لم يكن لديك هذه البرامج ؟؟
الإجابة بسيطة جدا جدا .. يمكنك إستخدام برنامج Notepad و هو برنامج بسيط للغاية يكون مع الوينذز فى جهازك و هو ملائم لكونك مبتدأً فى تعلم اللغة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

 إتبع الخطوات التالية :

1. إضغط عليك يمين على سطح المكتب و إختر new  ثم  text document

2. اكتب داخل notepad الاَتى 



العنوان


الموضوع





3. إختر من File  كلمة Save as  ... ثم قم بتغيير new text document.txt  إلى html.  و اختر  Save 

لا تنسى تغيير Encoding  من  ANSI   إلى  UTF-8  حيث أن ANSI  لا يدعم اللغة العربية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


4.  افتح الأن الملف الذى قمت بحفظه بالغط على كليك شمال مرتين


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


هذا موقع ويب بصورة بدائية جدا و الذى قمت يإنشائه تابعنا فى الدروس التالية



عدل سابقا من قبل gsm_bouali في 2015-12-08, 19:46 عدل 1 مرات

▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬
أهلا وسهلا يك (زائر) في منتديات التونسية للمحمول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}

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

descriptionشرحرد: أساسيات اللغة HTML 2015-12-08, 19:01

more_horiz
3- HTML : تابع أساسيات لغة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
هذا الدرس عن بعض الأكواد الهامة فى اللغة و ترتيب و الكلمات الدلالية

أى لغة لها حروف و حروف لغة html هى عبارة عن كلمات توض بين < > و هذه الكلمات ثابته و محددة 
و تعبر معنى ثابت لا يتغير و هذا المعنى هو عبارة عن طريقة العرض .. فلغة html هى لعرض المعلومات فقط بصورة جميلة و منظمة

 هذه الكلمات تسمى الكلمات الدلالية و منها الكلمات الدلالية البادئة  start tag / opening tag  و المغلقة  end tag / closing tag

الكلمة الدلالية البادئة تكون هكذا بين <    >  أما الكلمة المغلقة تكون بين <   />  ..... تابع أهم الأكواد الدالية حيث تبدأ بكلمة دلالية بادئة  و تنتهى بكلمة دلالية مغلقة

و كل سطر من هذه السطور يسمى عنصر element يبدأ بكلمة دلالية بادئة و ينتهى بكلمة دلالية مغلقة

كود العناوين 

h1  , h2  , h3  , h4  , h5  , h6  هى لحجم العنوان

عنوان موضوع


< h2>عنوان موضوع
< h3>عنوان موضوع

كود محتوى الموضوع

الموضوع.



كود رابط


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

فيظهر مدونة عالم نت

كود صورة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

شاهد الصورة التالية


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

فتكون النتيجة


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


عدل سابقا من قبل gsm_bouali في 2015-12-08, 19:43 عدل 1 مرات

▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬
أهلا وسهلا يك (زائر) في منتديات التونسية للمحمول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}

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

descriptionشرحرد: أساسيات اللغة HTML 2015-12-08, 19:13

more_horiz
4- HTML : السمات أو Attributes
بسم الله الرحمن الرحيم

فى هذا الدرس سنتحدث عما يسمى بالسمات أو Attributes

ماهى السمات ؟؟

هى عبارة عن بعض الإضافات و التى نضيفها لعناصر اللغة و هذه السمات Attributes  تعطى معلومة إضافة لزيادة التوضيح فى طريقة العرض أو التنسيق فيما بينها
و هذه السمات Attributes تكون فى بداية العنصر .. بصورة  أدق تكون فى الكلمة الدلالية البادئة و تكون فى هذه الصورة 

 name="value" 

حيث أن Name  تتغير طبقا للسمة التى سنضعها و Value هى قيمة السمة و هى مختلفة مثلا فى المثال التالى

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] 



و لاحظ أنه يجب أن توضع القيمة بين علامتى تنصيص سواء أكانت مفردة   '  '  أو مزدوجة  "  "   ..... لكن يجب أن تدرك أنه لو أن القيمة تحتوى على علامات تنصيص فيجب إستخدام علامات التنصيص المفردة للقيمة 

هنا كلمة wd-n وضعت بين علامتى تنصيص لأننا نريدها فى القيمة لذا إستخدمنا العلامات المفردة '  '  فى بداية و نهاية القيمة



بعض أهم السمات المستخدمة :


class  و هى تعطى فقط تصنيف للعناصر بحيث يصبح لكا عنصر صنف ينتمى له مثلا صنف الرسائل أو صنف التعليقات
id  و تعطى لكل عنصر اسم هوية خاص به و كل عنصر يوضع له اسم مختلف عن الأخرين
style  و هى تحدد معلوات عن شكل و طريقة العرض فيما يعرف ب لغة  CSS  و سيتم شرحها لاحقا بإذن الله
title  و هى تعطى معلومات إضافيه للعنصر

▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬
أهلا وسهلا يك (زائر) في منتديات التونسية للمحمول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}

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

descriptionشرحرد: أساسيات اللغة HTML 2015-12-08, 19:48

more_horiz
5- HTML : العناوين و بعض التنسيقات

 بسم الله الرحمن الرحيم
 

الكود:


هذا الدرس سيتحدث عن العناوين الخاصة في لغة تصميم المواقع html و بعض التنسيقات البسيطة الاخرى

العناوين
 
يعبر عن العناوين في html بإستخدام العناصر <h1> - <h2> - <h3> - <h4> - <h5> - <h6>

مدونة عالم نت
 
مدونة عالم نت
 
مدونة عالم نت
 
مدونة عالم نت
 
مدونة عالم نت

 
بالطبع كل عنصر يختلف عن الثانى من حيث الحجم و الأهمية
 
فالعنصر <h1>  هو الاكثر أهمية و هو صاحب أكبر حجم في الخط
و عند كتابة العنوان الرئيسى للموقع ينبغى إستخدام <h1> له  ثم العناوين التالية في الموقع <h2> ... وهكذا
 
لا ينبغى إستخدام هذه العناصر عند محاولة الكتابة بخط كبير أو سميك  في النصوص و إنما تستخدم العناصر المخصصة لذلك مثل <p> = نص   ....   <b> = سميك  ..... و غيرها من المتغيرات المذكورة في دروس CSS
 
وذلك لأنه عند قيام محركات البحث بالارشفة أو الولوج إلى محتوى الموقع أو المدونة تهتم بعناصر العناوين لتنسقها بطريقة صحيحة و سليمة
 
 
الخطوط الفاصلة
 
يمكن الفصل بين العناصر و بعضها بإستخدام عنصر </ hr> ليعطى خطا عرضيا يفصل بين العناصر و بعضها مثل التالى
 

التعليقات
 
يمكن إضافة تعليقات في لغة html بحيث تساعد المصصم على التنقل بصورة سؤيعة بين العناصر و لمنع النسيان أو لجعل المستند أكثر فهما
 
هذا التعليق يتم تجاهله بواسطة المتصفح و لا يظهر أبدا في عرض الموقع
و يكون في بين <--     --!>
<html>
<head>
<!--هذا عنوان المدونة-->
<h1>مدونة عالم نت</h1>
</head>
<body>
<!--هذا نص-->
<p>عالم نت</p>
</body>
</html>
 
فيكون الناتج
 
 
 
مدونة عالم نت
عالم نت

▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬
أهلا وسهلا يك (زائر) في منتديات التونسية للمحمول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}

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

descriptionشرحرد: أساسيات اللغة HTML 2015-12-08, 19:50

more_horiz
6- HTML : تنسيق النص بإستخدام HTML
 بسم الله الرحمن الرحيم
 

الكود:

في هذا الدرس سنتحدث عن النص في html و بعض تركيباتها البسيطة
 
النص يأخذ العنصر <p> و يعنى paragraph  و لا تنسى الكلمة الدلالية المغلقة <p/>
و للإنتقال من سطر إلى أخر سنتخدم العنصر </ br> و هو عنصر به الكلمة الدلالية البادئة و المغلقة و هى لجعل النص يبدأ من سطر جديد مثل التالى
<html>
<body>
<p>مدونة عالم نت<br />عالم نت</p>
</body>
</html>
يكون الناتج
مدونة عالم نت
عالم نت
 
 
ذلك لأن المتصفح يتجاهل المسافات بين الكلمات أو السطور و يعتبرها مسافة واحدة فقط .. لذا لابد من إستخدامها بالإضافة إلى المتغيرات المذكورة في درس CSS الخامس و هو تنسيق النص
 
 
تنسيق الخط
 
 
هناك عناصر لتنسيق الخط بإستخدام لغة html بالإضافة إلى أنه يمكن إستخدام المتغيرات المذكورة في درس CSS السادس و هو تنسيق الخط
 
 
عناصر html هى كالتالى
 

العنصر     أهميته
<b>     و هى تعنى أن الخط سميك 
<strong>     و تعنى أن الخط سميك
<i>     و تعنى أن الخط مائل
<em>     و تعنى أن الخط مائل
<sub>      و تعنى أن الخط متفرع لأسفل
<sup>      و تعنى أن الخط متفرع لأعلى 
<del>      و تعنى أن الخط تم حذفه بوضع خط عليه
<pre>      و تعنى أن الخط أو النص بدون تعديل يظهر كما هو بالمسافات و التشكيل
 
 

المثال
<html>
<body>
<b>مدونة عالم نت</b>
<strong>مدونة عالم نت</strong>
<i>مدونة عالم نت</i>
<em>مدونة عالم نت</em>
<p>عالم نت<sub>مدونة عالم نت</sub></p>
<p>عالم نت<sup>مدونة عالم نت</sup></p>
<del>مدونة عالم نت</del>
<pre>مدونة    عا لم    نت</pre>
</body>
</html>
 يكون الناتج
 
مدونة عالم نت

مدونة عالم نت

مدونة عالم نت

مدونة عالم نت

عالم نت مدونة عالم نت


عالم نت مدونة عالم نت


مدونة عالم نت

مدونة    عا لم    نت

▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬
أهلا وسهلا يك (زائر) في منتديات التونسية للمحمول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}

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

descriptionشرحرد: أساسيات اللغة HTML 2015-12-08, 19:51

more_horiz
7- HTML : الروابط و بعض خصائصها الهامة

بسم الله الرحمن الرحيم
 
سنتحدث في هذا الموضوع عن تنسيق

الكود:

ات الروابط و بعض إستخداماتها
 


الرابط يستخدم الكلمة الدلالية <a> و يضاف لها السمة href و يكون كالتالى
 
<a href="Link">Text Or Image</a>
 
<a href="http://wd-n.blogspot.com">مدونة عالم نت</a>
 
<a href="http://wd-n.blogspot.com"><img src="https://fbexternal-a.akamaihd.net/safe_image.php?d=AQCoMGIxnFTrFQ44&w=155&h=114&url=http%3A%2F%2F1.bp.blogspot.com%2F-9hXfH2qYRY8%2FUe2XPzh2lJI%2FAAAAAAAAAhA%2FD2OJ9LNTANg%2FNew-Microsoft-PowerPoint-Presentation-%2525284%252529.gif " /></a>
 
 
يكون الناتج
مدونة عالم نت
 



إتجـــــــــــــــــــــاه الرابط
 
توجه الرابط أو إتجاه الرابط Target هى سمة مهمة جدا لابد من إضافتها للروابط
أثناء تصفح الزائر للمواضيع و يجد رابطا داخل الموضوع فيضغط عليه فينقله إلى موضوع أخر فيفقد الموضوع الذى كان أمامه يقرأه و هذا يؤدى إلى نفور الزوار
 
لذا من المهم إضافة هذه السمة و هى "target="_blank  و هى تسمح للرابط أن يفتح في صفحة جديدة في المتصفح دون فقد الموضوع الحالى
<a href="http://wd-n.blogspot.com" target="_blank">مدونة عالم نت</a>
 
 مدونة عالم نت

 
 
هـــــــــوية الروابط
 
داخل صفحة الموقع يمكن وضع روابط و لكنها لا تنقلك إلى صفحات أخرى و إنما تنقلك إلى جزء معين داخل الصفحة له نفس الهوية
 
لنفرض أن هناك عنصرا داخل صفحة الموقع له إسم الهوية  tech  و نريد أن نوجه الزائر له بإستخدام رابط
 
العنصر المثال مثلا الصورة السابقة و أضفنا لها عنصر الهوية tech كالتالى
 
<img id="tech" src="https://fbexternal-a.akamaihd.net/safe_image.php?d=AQCoMGIxnFTrFQ44&w=155&h=114&url=http%3A%2F%2F1.bp.blogspot.com%2F-9hXfH2qYRY8%2FUe2XPzh2lJI%2FAAAAAAAAAhA%2FD2OJ9LNTANg%2FNew-Microsoft-PowerPoint-Presentation-%2525284%252529.gif " />
 
الان سنضع رابط له هدف واحد فقط عند الضغط عليه يوجهك مباشرة إلى هذه الصورة
 
فيوضع رابط الصفحة التى تحتوى على هذا العنصر الذى تريد توجيه الزروا له وبعده مباشرة نضع علامة # ثم إسم الهوية

عنوان الموضوع هو  http://wd-n.blogspot.com/2013/07/7-html.html     فنضيف بعده مباشرة  # ثم إسم الهوية
 
<a href="http://wd-n.blogspot.com/2013/07/7-html.html#tech">شاهد الصورة</a>
 
شاهد الصورة

عند الضغط على "شاهد الصورة" ينقلك إلى أعلى الصفحة حيث توجد الصورة
 
 
 
رابط المــــــــــــراسلة
 
بإستخدام خصائص و عناصر HTML  يمكن إنشاء رابط المراسلة بوضع بريدك الالكترونى به
و عند الضغط عليه يفتح برنامجا تلقائيا في المتصفح أو أحد برامج البريد الأخرى إن كان متوفرا في حاسبك
 
و من خلاله يستخدم لإرسال الرسائل لصاحب المدونة أو الموقع و يكون شكل الرابط كالتالى
 
<a href="mailto:someone@example.com">إتصل بنا</a>
 
<a href="mailto:webphantom18@gmail.com">إتصل بنا</a>
 
إتصل بنا

▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬
أهلا وسهلا يك (زائر) في منتديات التونسية للمحمول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}

كتبت وقد أيقنت يوم كتابتي بأن يدي تفنى ويبقى كتابها فإن كتبت خيرا ستجزى بمثله وإن كتبت شراً عليها حسابها...
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد