العناصر والوسوم Tags and Elements
بداية الوسم سمات الوسم المحتوى اغالق الوسم
> ’’< Font face=’’andalus ‘’ color =’’Green > </Fontملخص درس انشاء صفحة ويب
عنصر
تنسيق الصفحة ،العناوين و الفقرات والقوائم :
الوسوم الممكن احتوائها القيم التي تأخذها السمة
معنى السمة (الخاصية) السمات attributs المعنى الوسوم tags
من قبل الوسم Tag attributs values
اتجاه عناصر الصفحة وسم
All of html tags Rtl , ltr =Dir > <HTML…> </HTMLبداية ونهاية صفحة html
والكتابة بداية
TITLE / / الصفحة > <HEAD > </HEADرأس الصفحة
ووسم
/ / / العنوان > <TITLE > </TITLEعنوان الصفحة
= Bgcolorلون الخلفية
تنسيق الصفحة
‘’red ‘’,’’green’’, ‘’blue’’ , ….. = Textلون النص
All coming tags = Linkلون الروابط > <BODY > </BODYمحتوى الصفحة
= Vlinkلون الروابط بعد الضغط
’’‘’image source ….. = Backgroundإضافة صوة كخلفية
’’Font ,strong ,br,hr… ‘’left’’ , ’’right’’,’’center = Alignموقع الفقرة <pالفقرات >> …………..</p
' ‘’andalus’’,’’arial’’,’’calibri = Faceنوع الخط
العناوين و الفقرات والقوائم
p …’’‘’pink’’,’’green’’ ,’’teal = Colorلون الخط > <fontالخط ></font
Exemple : 100 = Sizeحجم الخط
/ …’’‘’pink’’,’’green’’ ,’’teal = Colorلون الخط الفاصل
> <hrرسم خط فاصل
/ Exemple : 4 = Sizeحجم الخط الفاصل
> <brالرجوع الى السطر
< li > 1 ,a ,A ,i , Iتوضع قبل كل = typeنوع الترقيم > </ol>......... <olالقوائم المرتبة
عنصر من القائمة ’’‘’cicle ‘’,’’squal’’,’’disc = typeنوع شكل تحديد العناصر > <ul> …….</ulالقوائم الغير مرتبة
العناوين ،حيث يتغير الرقم المرفق بالحرف Hمن 1الى 6وكلما كبر الرقم ينقص حجم العنوان ><H1 >………….</H1
الروابط و الصور :
الوسوم الممكن احتوائها القيم التي تأخذها السمة سمات الوسم tags
معنى السمة (الخاصية) معنى الوسم الوسم tags
من قبل الوسم Tag attributs values attributs
’’‘’heading1
في حالة مكان ما في الصفحة مثال العنوان
1 الوجهة بعد الضغط على إضافة رابط تشعبي الى عنوان داخل
نص عادي <img> , =Href > <a ><a/
’’‘’https//facebook.com الرابط الصفحة او موقع خارجي
في حالة التوجه الى موقع اخر
’‘ ‘’page2.html
في حالة التوجه الى صفحة أخرى
‘’https :// www.im /
’’…/…imagename.jpg
في حالة صورة من انترنات
’‘ ‘’/image_folder/imagename.jpg = Srcمصدر الصورة (رابط)
في حالة صوة من الحاسوب او من ملف <imgإضافة صورة الى محتوى الصفحة >
مخزن مع كود الصفحة
’’‘’image description = Altالنص الذي يظهر بدل الصورة
’’= ‘’400 = Widthعرض الصورة
’‘ =’’500 = Heightارتفاع الصورة
>< ></
