حبيب السعيدي: الـ html في عشر دقايق

Posted on: الجمعة، 31 أغسطس 2012

الـ html في عشر دقايق

بسم الله الرحمن الرحيم . .

في هذه التدوينه ساختصر اهم مافي الـ html . .

اولآ : طريقة انشآء صفحة وحفظها . .

نفتح برنامج المفكره . .

نبدأ الكتابه . . بالتاكيد سوف تبدآ بـ كالعادة بـ html ..

اقول لك خطآ . .

مآرآيك لو جعلنا الاتش ام لي . . عربيه . . !

يعني يتحول الاتجاه الى اليمين . . تلقآئيـآ .. مو شمآل ..

و عدم ظهور كلمات ظظظظظ ؟

اذا اكتب بدل اتش ام ال تي ..

<html dir=rtl>

جيد الان نكمل الصفحة ..

<head>

يكون دآخلها العنوآن ، الكلمات الدليية ، الميتا تاج ، وصف الموقع ، بعض الوسوم . .

يكون بدآخل الhead

وسم مهم . .

<title></title>

العنوآن . .

نضع عنوآن الموقع في الوسط ..

نغلق الكود واغلب الاكوآد بـ </head>

وضع علامه /

الان وسم بناء الصفحة . .

<body>

وسوف يكون دآخله .. كل شي . .

ونقفله بـ

</body>

نغلق الصفحة بـ . .

</html>

ونحفظ الملف بصيغة . .

xxx.html

الكتابه لليمين او لليسار او الوسط . .

<p align="left" ></p>

right , center , left

يسآر ، وسط ، يمين . .

يكون التعديل على

"left"

ومكان القوسين نضع الكلام . .

>< ضع الكلام في الوسط . .

حجم الخط . .

1- الطريقة الاوله ..

ملاحظة حجم الخط يكون بالبكسل px

والكود الخاص به هو

كود:

<font style="font-size: n"> text </font>

حيث الـ n حجم الخط إلى مالا نهاية

أيضا في هذا الوسم تستطيع إستخدام أياً من وحدات القياس مثال ذلك :

سنتيمتر cm , مليميتر mm , نقطة pt , بيكا pc , انش in

مثال

كود:

<font style="font-size: ncm"> text </font>

كود:

<font style="font-size: nmm"> text </font>

كود:

<font style="font-size: npt"> text </font>

كود:

<font style="font-size: npc"> text </font>

كود:

<font style="font-size: nin"> text </font>

حيث أن الـ n حجم الخط

ملاحظة : إذا تركت الحجم بدون قيمه فإن الوسم يكون تلقائياً بالبكسل px

الكود آلثآني وهو . .

الرقم 1 يمثل العنوان الأكبر

و رقم 6 يمثل العنوان الأصغر

الوسم المستخدم لها

كود:

<h1>title</h1> <h2>title</h2> <h3>title</h3> <h4>title</h4> <h5>title</h5> <h6>title</h6>

ملاحظه هامه : تكتب هذه الأوسام في الجسم <body></body

الان تغير لون الخلفية . .

<body bgcolor="#">

بعد هلامه # تضع رمز اللون ..

لمعرفة رموز الالوآن . .

http://www.dev-point.com/colors.htm

تغير اللون والخط والحجم . .

<font color="red" face="tahoma" size="4"> Html </font>

اللون = color
نوع الخط = face
حجم الخط = size
النص = Html

التاطير . .

<fieldset>
<legend>zodiac</legend>
<center>I Love html</center>
</fieldset>

ال <legend>zodiac</legend>

^

عنوآن الاطآر ..

<center>I Love html</center>

^

اللذي يكون بدآخل الاطآر

اضافة رآبط . .

<a href="http://URL">إضغط هنا</a>

اضافة صوره . .

<img src=URL>

اضافة فلاش . .

<embed src=URL>

اضافة مقطع صوتي ..

آدرآج مقطوعـه صوتيـه بأمتداد [ Rm ] !

كود:

<param name="BACKGROUNDCOLOR" value="#000000"><embed src="هنا رآبط المقطع" align="baseline" border="0" width="275" height="40" type="audio/x-pn-realaudio-plugin" console="Clip1" controls="ControlPanel" autostart="true"> <br>

آدرآج مقطوعـه صوتيـه لكن بأمتداد [ Wav + Mid ] !

كود:

<bgsound src="المقطع" loop="infinite"> <br>

هوا نفس الكود الثآنئ

بس يشتغل بشكل مرئي يعني تقدر توقفه وتشغل متى ما احببت !

كود:

<embed src=المقطع autostart="true" loop="false" width="128" height="128">

آستخدمنا بهذا آلكود وسم autostart آي تعني آلبدآيه الاوتومآتيكيه آو الاليـه !

حبيب السعيدي

Pages

Posted on: الجمعة، 31 أغسطس 2012

الـ html في عشر دقايق

بسم الله الرحمن الرحيم . .

في هذه التدوينه ساختصر اهم مافي الـ html . .

اولآ : طريقة انشآء صفحة وحفظها . .

نفتح برنامج المفكره . .

نبدأ الكتابه . . بالتاكيد سوف تبدآ بـ كالعادة بـ html ..

اقول لك خطآ . .

مآرآيك لو جعلنا الاتش ام لي . . عربيه . . !

يعني يتحول الاتجاه الى اليمين . . تلقآئيـآ .. مو شمآل ..

و عدم ظهور كلمات ظظظظظ ؟

اذا اكتب بدل اتش ام ال تي ..

<html dir=rtl>

جيد الان نكمل الصفحة ..

<head>

يكون دآخلها العنوآن ، الكلمات الدليية ، الميتا تاج ، وصف الموقع ، بعض الوسوم . .

يكون بدآخل الhead

وسم مهم . .

<title></title>

العنوآن . .

نضع عنوآن الموقع في الوسط ..

نغلق الكود واغلب الاكوآد بـ </head>

وضع علامه /

الان وسم بناء الصفحة . .

<body>

وسوف يكون دآخله .. كل شي . .

ونقفله بـ

</body>

نغلق الصفحة بـ . .

</html>

ونحفظ الملف بصيغة . .

xxx.html

الكتابه لليمين او لليسار او الوسط . .

<p align="left" ></p>

right , center , left

يسآر ، وسط ، يمين . .

يكون التعديل على

"left"

ومكان القوسين نضع الكلام . .

>< ضع الكلام في الوسط . .

حجم الخط . .

1- الطريقة الاوله ..

ملاحظة حجم الخط يكون بالبكسل px والكود الخاص به هو

كود:

<font style="font-size: n"> text </font>

حيث الـ n حجم الخط إلى مالا نهاية أيضا في هذا الوسم تستطيع إستخدام أياً من وحدات القياس مثال ذلك : سنتيمتر cm , مليميتر mm , نقطة pt , بيكا pc , انش in مثال

كود:

<font style="font-size: ncm"> text </font>

كود:

<font style="font-size: nmm"> text </font>

كود:

<font style="font-size: npt"> text </font>

كود:

<font style="font-size: npc"> text </font>

كود:

<font style="font-size: nin"> text </font>

حيث أن الـ n حجم الخط ملاحظة : إذا تركت الحجم بدون قيمه فإن الوسم يكون تلقائياً بالبكسل px

الكود آلثآني وهو . .

الرقم 1 يمثل العنوان الأكبر و رقم 6 يمثل العنوان الأصغر الوسم المستخدم لها

كود:

<h1>title</h1> <h2>title</h2> <h3>title</h3> <h4>title</h4> <h5>title</h5> <h6>title</h6>

ملاحظه هامه : تكتب هذه الأوسام في الجسم <body></body

الان تغير لون الخلفية . .

<body bgcolor="#">

بعد هلامه # تضع رمز اللون ..

لمعرفة رموز الالوآن . .

http://www.dev-point.com/colors.htm

تغير اللون والخط والحجم . .

<font color="red" face="tahoma" size="4"> Html </font>

اللون = color نوع الخط = face حجم الخط = size النص = Html

التاطير . .

<fieldset> <legend>zodiac</legend> <center>I Love html</center> </fieldset>

ال <legend>zodiac</legend>

^

عنوآن الاطآر ..

<center>I Love html</center>

^

اللذي يكون بدآخل الاطآر

ملاحظة حجم الخط يكون بالبكسل px

والكود الخاص به هو

حيث الـ n حجم الخط إلى مالا نهاية

أيضا في هذا الوسم تستطيع إستخدام أياً من وحدات القياس مثال ذلك :

سنتيمتر cm , مليميتر mm , نقطة pt , بيكا pc , انش in

مثال

حيث أن الـ n حجم الخط

ملاحظة : إذا تركت الحجم بدون قيمه فإن الوسم يكون تلقائياً بالبكسل px

الرقم 1 يمثل العنوان الأكبر

و رقم 6 يمثل العنوان الأصغر

الوسم المستخدم لها

اللون = color
نوع الخط = face
حجم الخط = size
النص = Html

<fieldset>
<legend>zodiac</legend>
<center>I Love html</center>
</fieldset>

هوا نفس الكود الثآنئ

بس يشتغل بشكل مرئي يعني تقدر توقفه وتشغل متى ما احببت !