دروس HTML : مقدمة





ال HTML هي لغة برمجة تستعمل لصناعة صفحات على الويب ,أليك بعض المعلومات عن هذه اللغة
-HTML هي إختصار ل (Hyper Text Markup Language).
-HTML يبني هيكل صفحة الويب عبر العلامات السمات (Tages)
علي سبيل المثال  سمة من نوع نص paragraph او من نوع صورة image او حتى جداول.
-المتصفحات لا تعرض التسميات بل المحتوى الموجود داخلها.


مثال بسيط عن صفحة HTML

مثال

<!DOCTYPE html>
<html>
<head>
<title>إسم الصفحة</title>
</head>
<body>

<h1>عنوان االصفحة</h1>
<p>هذا نص</p>

</body>
</html>

<!DOCTYPE html> هي العلامة التي تصرح بأن هذا الكود هو كود Html
<html>          هذا العنصر هو عنصر أساسي و هو واجب في كل كود html
<head>          هذا العنصر هو يحوي العناصر الا مرئية في صفح الويب و                   معلومات عن الصفحة.  
<title>         هذا العنصر يحدد إسم الصفحة الذي يظهر هنا 
<body>          هذا العنصر يحوي العناصر المرئية للمتصفح
<h1>            هذا العنصر يحوي نص ذو حجم كبير
<p>             هذ العنصر يحوي نص داخله


قاعدة عامة في التسميات (Tages)

<tagname/>المحتوى هنا...<tagname>


حيث Tagename هو محدد نوح المحتوى و تلاحظ انه يعبر عن نهاية التسمية ب / slash 


في المتصفح (The Bowser)

دور المتصفحات ك Google Chrom وFirefox هو تصفح صفحات ال html و عرضها للمستخدم .
لاحظ أن المتصفح لا يعرض التسميات ال html بل يستعملها ليحدد كيفية أظهار صفحة ال html.


البنية العامة لملف html

<html>
<head>
<title>إسم الصفحة</title>
</head>
<body>
<h1>عنوان الصفحة</h1>
<p>النص الأول</p>
<p>النص الثاني.</p>
</body>
</html>

ملاحظة : الجزء الوحيد الذي يراه المستخدم هو ما بين <Body> و <Body/>
ملاحظة! : عند نقلك للموضوع حاول ان تذكر المصدر لينتفع الزائر ، وايضاَ احتراما وتقديراَ للجهود المبذولة.