الأحد، 24 يناير 2016

مقدمه الى لغة html

 هذا الدرس هو اول درس فى تعلم لغة ال html  وفى هذا الدرس سنتعرف ان شاء الله على
  • ما هى لغة الhtml 
  • محررات (editors)لغة ال html
  • اصدارات لغةال html 
  • انواع تاجات(tags) ال html
  • هيكلة(structure) صفحة الhtml
نبدا على بركة الله

ما هى لغة الhtml :

الhtml هى اختصار لhyper text markup language بمعنى لغة الترميز النصوص العاليه اى انها لغة ترميز وليست لغة برمجه كما يعتقد البعض وهى التى تصف محتويات صفحة الويب عن طريق استخدام التاجات وهى تعتبر اللغه الاساسيه فى بناء المواقع.
اين يمككنى كتابة تاجات الhtml :
يوجد محررات احترافيه(professional editors) فى بناء صفحات الhtml مثل دريم ويفر(dreamwever) من شركة ادوبى ولكن انصح ببناء صفحات الhtml فى Notepad او TextEdit فى البدايه حتى تستطيع حفظ التاجات والسمات
ولكى تفتح ال Notepad اظغط على start>all programs >accessories>Notepad
ما هى اصدارات لغة الhtm :
  1. html فى عام 1991
  2. html 2.0 فى عام 1995
  3. html 3.2 فى عام 1997
  4. html 4.01 فى عام 1999
  5. xhtml فى عام 2000
  6. html5 فى عام 2014


ما هى التاجات :

التاجات هى عباره عن رموز اتفق عليها من خلال بعض المنظمات انها توصف عناصرمن قبل صفحة ال HTML هناك نوعين من التاجات 
  • (single tag) مثل  تاجات (<meta >,<img>,<hr>)
  • (double tag) مثل تاجات (<title/><title>,<p></p>,<h1></h1>)

 هيكلة صفحة ال html :

تتكون صفحة ال html من تاجات رئيسيه وهى
  1. تاج html   وهو الذى يحوى كل صفحة الhtml 
  2. تاج head  وهو المسئول عن وصف صفحةال html
  3. تاج ال body وهو الجزء الذى يراه المستخدم

ام بالنسبه للكود الاساسى الذى يكتب فى بدايه اى وثيقة html

<html>
<head/>
<title/>عنوان الصفحه<title>
<head>
<body>

محتويات الصفحه

<body/>
<html/>


شرح الكود الاساسى لاى وثيقة html

1-  تاج html مفتوح فى اول سطر ومغلق فى اخر سطر و يحتوى على صفحة الhtml كله
2- تاج head المسئول عن وصف محتويات الصفحه لمحرك البحث وعنوان الصفحه يعنى اي تاجات بداخله لا تظهر شى فى صفحة الhtml
3- تاج title المسئول عن وضع عنوان لصفحة الhtml ويكون موجود داخل تاجhead 
4- تاج ال body وهو التاج المحتوى على كل التاجات المسئوله عن اظهار محتويات صفحة  ال html مثل الصور والفقرات والعناوين فى الصفحات  الخ


ان شاء الله هنكمل فى الدرس القادم

ليست هناك تعليقات:

إرسال تعليق

جميع الحقوق محفوظة لمدونة تصميم المواقع واشهارها 2013