أخر الاخبار

ما هي لغة html؟ وكيف تستخدم في تصميم صفحة الويب؟

 

ما هي لغة html؟ وكيف تستخدم في تصميم صفحة الويب؟


ما هي لغة html؟ وكيف تستخدم في تصميم صفحة الويب؟


مقدمة عن لغة html ونظرة عامة ومعلومات نظرية عنها وعن خطوات إنشاء موقع ويب

يقسم العمل علي انشاء موقع ويب الي مرحلتين:

المرحلة الاولي

مرحلة التصميم: تقسيم الصفحات، تنسيق أجزائها، وتدعيمها بالعناوين والصور والنصوص وغيرها، باستخدام لغة Html


المرحلة الثانية

مرحلة البرمجة تتمثل بإضفاء الديناميكية والحيوية والتفاعلية علي الموقع وهذا الجزء يمكن تطبيقه بالاعتماد علي طيف واسع من لغات البرمجة.


ماذا نحتاج؟؟

محرر نصوص مناسب Editor

مستعرض ويب (متصفح ويب) Web Browser


HTML

هي اختصار Hyper Text Markup Language، وهي لغة ترميز صممت لوصف صفحات الويب، وتسمي لغة ترميز النص الفائق.

كان الهدف الأساسي من بنائها إيجاد لغة بسيطة لمعالجة وتعريف وعرض النصوص بناء علي ما تم تحريره ضمن ملفاتها.


إصدارات Html

تتنوع اصداراتها ابتداء من HTML 1991 وصولا الي HTML5 2012


والاصدارات من الاقدم للأحدث:

HTML >>HTML2>> HTML3>>HTML4>>XHTML>>HTML5


الأقسام الرئيسية للغة HTML:

الوسوم:

تقوم علي وصف المحتوي الأساسي للمستند من حيث التنسيق والترتيب.


وتقسم الي:

Main Tags: وتمثل بالوسوم الاساسية التي تشكل بنية ملف Html

Tags


الخصائص attributes:

لإضافة خصائص للأوسمة مثل التحكم بلون الخط، حجمه، نوعه


ما هي لغة html؟ وكيف تستخدم في تصميم صفحة الويب؟

ما هي لغة html؟ وكيف تستخدم في تصميم صفحة الويب؟ html هي لغة تصميم المواقع لغة تصميم صفحات الويب، اصداراتها (اول اصدار نزل 1991 ونزل XHtml اخر اصدار سنة 2012 وهو Html5 احدث اصدار)، ما هي لغة CSS؟ وما أهميتها في تصميم موقع الويب؟

وهي اختصار لـ Hyper Text Markup Language 



Hyper وهو ان الصفحة تحمل بشكل مباشر ولا تمر على رابط ثم جوجل ثم الصفحة، وانما تذهب مباشرة للصفحة
Markup  توصيف فيها مجموعة من functions وظائف معينة و(tags) التاجات وهي تسمي الوســوم(الوسوم: الشيفرات الخاصة بـHtml)؛بالتالي هي لغة من لغات التوصيف التي توصف محتوي صفحة الويب


tags تبدأ الـtag وتنتهي بنفس اسم الـtag مع وضع علامة slash (/)
<tag name></tag name>
<div></div>
<p></p>

-هناك عناصر لها start tag و end tag
-وهناك عناصر ليس لها end tag(ليس لهم closing tag) مثل:
*تاج الـbreak وشكله (br) وهو يأخذ سطر جديد

<br/>
*تاج الـimg  وشكله (img ) وهو اضافة صورة في الصفحة
<img src=""/>
*تاج الـhr  وشكله (hr ) وهو عمل خط افقي
<hr/>
وهذه الــtags لا تظهر في المتصفح وانما يظهر عملها

الحروف في Html غير حساسة سواء capital أو small عادي، ولكن منظمة w3 العالمية تنصح أن تكتب الحروف كلها small 

1-العنصر Element

 وهو start tag و end tag والمحتوي المكتوب داخلهم

<tag name>content هنا المحتوي </tag name>
nested elements وهي أن نضع tag داخل tag
<tag>
     <tag>
          content
     </tag>
</tag>

<div>
     <p>
          content
     </p>
</div>

2-الخصائص Attributes  

وهي عبارة عن اضافات تكتب للعنصر في الـ start tag وشكلها العام هكذا:

name="value"
<p title=""></p>

3- التعليقات comments

بعض التعليقات والملاحظات التي تكتب في الكود ولكن لاتظهر في المتصفح وانما هي في المحرر فقط editor لتذكيري بملاحظات او خطوات معينة وشكله هكذا:

<!-- نكتب هنا التعليق  -->


تكويد الصفحة

نفتح الصفحة بـtag الـ <html> ونغلقها بـtag الـ </html> 
Main Tags التاجات الرئيسية
1- html                                 2-head                             3-body


<html>
    <head>
       كل ما يكتب في الـhead لن يظهر في المتصفح (الاعدادات)
    </head>
      <body>
body وهو جسم الصفحة الذي يظهر كل ما فيه في المتصفح
      </body>
</html>





اقرأ ايضا

الحاسوب:
تعريف الحاسب الآلي ومميزاته وأنواعه وأجياله







بلوجر :


الانترنت:









safaa emam
بواسطة : safaa emam
Blogger Content Creator | Voice Over مؤسسة الموقع ومنشئة محتوي ومعلقة صوتية أنشر فيه مقالات متعددة وهامة في مجال التقنية خبرة 6 سنوات في هذا المجال منها البرمجة وتطوير الويب والعمل الحر والتعليق الصوتي youtube facebook twitter soundcloud telegram instagram external-link
تعليقات



حجم الخط
+
16
-
تباعد السطور
+
2
-