الدرس الثالث
علامات HTML
العلامات بشكل عام
1- <html> </html>
هي
علامة لأخبار البرنامج أو المتصفح أن هذا ملف بلغة html وليس ملف عادي
وجميع محتويات الصفحة تكتب بينها وهي علامة مزدوجة أي لها إغلاق.
2 - <head> </head>
تستخدم في كتابة جميع المعلومات عن الصفحة فجميع المعلومات عن الصفحة تكتب داخل هذه العلامة وهي علامة مزدوجة.
3 - <title> </title>
تستخدم في كتابة عنوان للصفحة والذي يظهر في شريط العنوان في أعلى المتصفح.
4 - <body> </body>
تستخدم في وضع جميع محتويات الصفحة بينها أي جميع الأكواد توضع بينها ولها خصائص .
A – bgcolor
تستخدم في تغير لون خلفية الصفحة .
B – background
تستخدم في وضع صورة كخلفية للصفحة .
C – text
تستخدم في تحديد لون النص بشكل عام في الصفحة
D – vlink
تستخدم في تغير لون الرابط التشعبي عند مرور الموس عليه .
E – alink
تستخدم في تغير لون الرابط التشعبي عند الضغط عليه بالموس .
5 - <font> </font>
تستخدم في تحديد نوع ولون وحجم الخط ولها خصائص .
A – face
تستخدم في تحديد نوع الخط الذي سوف يقرئه المتصفح عريض رفيع مزخرف مشكل وهكذا
B – size
تستخدم في تحديد حجم الخط .
C – color
تستخدم في تحديد لون الخط .
6 - <b> </b>
تستخدم في جعل الخط يظهر بشكل عريض.
7 - <i> </i>
تستخدم في جعل الخط يظهر بشكل مائل.
8 - <u> </u>
تستخدم في جعل النص يظهر تحته خط .
9 - <s> </s>
تستخدم في جعل النص يظهر بداخله خط .
10 - <big> </big>
تستخدم في جعل النص يظهر بشكل كبير .
11 - <small> </small>
تستخدم في جعل النص يظهر بشكل صغير .
12 - <tt> </tt>
تستخدم في جعل النص أو الخط يظهر بشكل الآلة الكاتبة .
13 - <sup> </sup>
وتستخدم في جعل النص يظهر على شكل الأس بشكل صغير جدا فوق نص آخر .
14 - <hr>
تستخدم في عمل خط أفقي أي بعرض الصفحة وهي سمة مفردة أي ليس لها أغلاق ولها خصائص .
A – width
تستخدم في تحديد عرض الخط الافقى داخل الصفحة ككل وتكون قيمته بالنسبة المئوية %.
B – size
وتستخدم في تحديد سمك الخط الأفقي .
C – color
وتستخدم في تحديد لون الخط الأفقي .
D – align
وتستخدم في تحديد أتجاه الخط الأفقي يامين أو يسار أو في الوسط ولها ثلاث قيم .
• Right
• Left
• Center
15 - <p> </p>
تستخدم لبدء فقرة جديدة .
16 - <br>
تستخدم لبدء سطر جديد .
17 -nbsp&
تستخدم
لعمل الفرغات بين الكلمات في نفس السطر أي أنها تقوم بنفس عمل المسطرة في
الكيبورد وهي تكتب بدون علامتى < > أكبر من واصغر من وتكتب بحروف
صغيرة فقط .
18 - <pre> </pre>
وتستخدم في جعل النص يظهر كما هو دون أن يحدث فيه تغير فهي مثل الجل تثبت النص .
19 - <ol> </ol>
تستخدم في عمل القوائم التسلسلية أو القوئم المرتبة ولها خصائص .
<A - <li
وتستخدم في كتابة النص بعدها وليس لها إغلاق.
B – type
وتستخدم في تحديد نوع الترتيب سواء كان رقمي أو حرفي أو رمزي ولها قيم .
• A وهي لعمل الترتب الحرفي
• I وهي لعمل الترتيب الرمزي
• 1 للترتيب الرقمي
20- <ul> </ul>
تستخدم لعمل القوائم الغير مرتبة أي القوائم المنقوطة ولها خصائص .
<A - <li
تستخدم في كتابة النص بعدها .
B – type
تستخدم تحديد شكل الرمز ولها قيم .
• Square
• Circle
• disc
21 - <dl> </dl>
تستخدم لعمل قوائم التعريف أو الشرح ولها خصائص .
<A - <dt
وتستخدم لكتابة المصطلح بعدها وليس لها إغلاق.
<B - <dd
وتستخدم لكتابة الشرح للمصطلح أو التعريف.