ما هي لغة html؟ وما أهميتها في تصميم موقع الويب؟

ما هي لغة html؟ وما أهميتها في تصميم موقع الويب؟
ما هي لغة html؟ وما أهميتها في تصميم موقع الويب؟
ما هي لغة html؟ وما أهميتها في تصميم موقع الويب؟

ما هي لغة 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>


إقرأ أيضا :


Post a Comment

أحدث أقدم