بسم الله الرحمن الرحيم
قمنا فى الدرس الاول بشرح كيف تنشأ صفحة ويب عن طريق لغة HTML فى هذا الدرس سوف استعرض عليكم كيفية
ادراج الالوان وكتابة النصوص وتغير احجام الخطوط
اولا: نبدا بحجم الخطوط الكود الخاص بها لتغير احجام الخطوط
<html>
<head>
<title>
صفحتي الأولى
</title>
<head/>
<body>
<center>
<h1/> ھذا ھو خط 1 <h1>
<h2/> ھذا ھو خط 2 <h2>
<h3/> ھذا ھو خط 3 <h3>
<h4/> ھذا ھو خط 4 <h4>
<h5/> ھذا ھو خط 5 <h5>
<h6/> ھذا ھو خط 6 <h6>
<center/>
<body/>
<html/>
<head>
<title>
صفحتي الأولى
</title>
<head/>
<body>
<center>
<h1/> ھذا ھو خط 1 <h1>
<h2/> ھذا ھو خط 2 <h2>
<h3/> ھذا ھو خط 3 <h3>
<h4/> ھذا ھو خط 4 <h4>
<h5/> ھذا ھو خط 5 <h5>
<h6/> ھذا ھو خط 6 <h6>
<center/>
<body/>
<html/>
<h1/> هنا اكتب ما تشاء على حسب الحجم الذى تريدة <h1>
ثانيا : كتابة النصوص
يدخل بها خصائص عديدة فا الكود الخاص بكتابة النص هو <p/> هنا يكتب النص <p>
اذا كنت تريد ان تكتب نص بخط مائل فا الكود الخاص به هو <em/> الكلام يصبح مائل <em> وهناك كود اخر
يقوم بميل الخطوط وهو <i/> كود اخر يصبح من خلالة الكلام مائل <i>
اذا كنت تريد ان يوجد اسفل الكلام خط فا الكود الخاص بة هو <strike/> يصبح اسفل الكلام خط <strike>
ويوجد كود اخر وهو <U/> اسفل الكلام خط <U>
اذا كنت تريد ان يوجد كلمة مميزة غامقة اللون فا الكود الخاص بها هو <b/> تصبح الكلمة غامقة الون <b> ويوجد كود
اخر لتغميق الون وهو <strong> يصبح لون الكلمة اغمق </strong>
هيا نستعرض الخطوات السابقة ونرها على الطبيعة
<html>
<head>
<title>
صفحتي الأولى
<title/>
<head/>
<body>
<center>
<h/> السلام علیكم ورحمة الله وبركاته <h4>
أھلا وسھلا بكم في موقعي الوان الويب
<br>
<em/> تصميم <em>
<p/> یمكنك في ھذا الموقع ان تجد كل ما هو جديد فى عالم التصميم والابداع <p>
<u/> فوتوشوب <u> <center/>
<body/>
<html/>
ثالثا : ادخال الوان على النصوص وعلى خلفية الصفحة
بالنسبة للون الصفحة فهيا تكتب مع الامر <body> فى اول التصميم للصفحة. كتابة الون تاخذ شكلان اما بالارقام او باسم اللون
يكون الامر
<body bgcolor="اسم أو رمز اللون">
<html>
<head>
<title>
صفحتي الأولى
<title/>
<head/>
<body bgcolor="#990000">
<center>
<h4/> السلام علیكم ورحمة الله وبركاته <h4>
أھلا وسھلا بكم في موقعي الوان الويب
<br>
<em/> تصميم <em>
<p/> یمكنك في ھذا الموقع ان تجد كل ما هو جديد فى عالم التصميم والابداع <p>
<u/> فوتوشوب <u> <center/>
<body/>
<html/>
<h4/> السلام علیكم ورحمة الله وبركاته <h4>
أھلا وسھلا بكم في موقعي الوان الويب
<br>
<em/> تصميم <em>
<p/> یمكنك في ھذا الموقع ان تجد كل ما هو جديد فى عالم التصميم والابداع <p>
<u/> فوتوشوب <u> <center/>
<body/>
<html/>
بعد التجربة العملية تظهر الصفحة بهذا الشكل و يمكن كتابة الكود بدلا من الارقام بالغة الانجليزية يعطى نفس النتيجة
<body bgcolor="red">
لتغيير لون أو حجم أو نوع الخط , نستخدم الأمر font( والذي له وسمين للبداية والنهاية ) وذلك من خلال الأوامر:
color .. للون
size .. للحجم
face .. لنوع الخط
وهذه الأوامر الثلاثة تكون داخل وسم البداية للأمر font
<html>
<head>
<title>
صفحتي الأولى
<title/>
<head/>
<body>
<center>
<font face="andalus" color="#EB0202" size="6">
السلام علیكم ورحمة الله وبركاته
<font/>
<br>
أھلا وسھلا بكم في موقعي الوان الويب
<br>
<em/> تصميم <em>
<p/> یمكنك في ھذا الموقع ان تجد كل ما هو جديد فى عالم التصميم والابداع <p>
<u/> فوتوشوب <u>
<center/>
<body/>
<html/>
<head>
<title>
صفحتي الأولى
<title/>
<head/>
<body>
<center>
<font face="andalus" color="#EB0202" size="6">
السلام علیكم ورحمة الله وبركاته
<font/>
<br>
أھلا وسھلا بكم في موقعي الوان الويب
<br>
<em/> تصميم <em>
<p/> یمكنك في ھذا الموقع ان تجد كل ما هو جديد فى عالم التصميم والابداع <p>
<u/> فوتوشوب <u>
<center/>
<body/>
<html/>
ملحوطة عند اختيار الخط لابد فى تصميم موقعك اختار خط يكون شائع لانك اذا قمت باختيار نوع خط غريب عن الجمهور فلا يظهر عند احد متصفحى موقعك لان لا يوجد عندهم هذا الخط مثلك
0 تعليقات
