مدونة الذهبي

<div dir="rtl" style="text-align: right;" trbidi="on">
بسم الله الرحمن الرحيم<br />
السلام عليكم ورحمة الله وركاته ...<br />
<br />
سنتكلم عن الوسوم الرئيسية<br />
<span style="font-family: Georgia, Times New Roman, serif;"><b>لندخل الى الموضوع </b></span><br />
<br />
اهم التاجات (الوسوم) هم :<br />
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b style="background-color: yellow;"><span style="color: #20124d;"><html></html></span></b></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: right;">
وهو الوسم الرئيسي الذي يكون يداخله كل وسوم الصفحة</div>
<div style="text-align: left;">
<span style="background-color: yellow;"><span style="color: #20124d;"><b><br /></b></span></span></div>
<div style="text-align: left;">
<span style="background-color: yellow;"><span style="color: #20124d;"><b>    <head> </head></b></span></span></div>
<div style="text-align: right;">
ويأتي بعد الوسم الرئيسي <span style="background-color: #ffd966; color: #20124d;"><html>  (الفتح)</span> مباشرة ويكون ع النحو التالي  :</div>
<div style="text-align: right;">
<span style="background-color: yellow;"><br /></span></div>
<div style="text-align: left;">
<span style="background-color: yellow;"><span style="color: #0c343d;"><b><html></b></span></span></div>
<div style="text-align: left;">
<span style="background-color: yellow;"><span style="color: #0c343d;"><b>f    <head></head></b></span></span></div>
<div style="text-align: left;">
<span style="background-color: yellow;"><span style="color: #0c343d;"><b>--------------------------------------------------------------------------------------------------------------------------</b></span></span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: right;">
وفي وسم الـ<b style="background-color: #cccccc;"><span style="color: #f3f3f3;"><head></span></b></div>
<div style="text-align: right;">
يأتي وسمين اساسيا في الصفحة هما الميتا شرسيت وتستخدم للغة </div>
<div style="text-align: right;">
وبعد ذلك وسم <b><span style="background-color: #073763; color: yellow;"><title></span></b></div>
<div style="text-align: right;">
على النحو التالي </div>
<div style="text-align: left;">
<b><br /></b></div>
<div style="text-align: left;">
<span style="background-color: yellow; color: #20124d;"><b><html></b></span></div>
<div style="text-align: left;">
<span style="background-color: yellow; color: #20124d;"><b>    <head></b></span></div>
<div style="text-align: left;">
<span style="background-color: yellow; color: #20124d;"><b>        <meta charset="UTF-8" /></b></span></div>
<div style="text-align: left;">
<span style="background-color: yellow; color: #20124d;"><b>        <title>اسم الصفحة</title></b></span></div>
<div style="text-align: left;">
<span style="background-color: yellow; color: #20124d;"><b><br /></b></span></div>
<div style="text-align: right;">
وهذه اهم وليس كل  الوسوم في الهيد (الرأس)</div>
<div style="text-align: right;">
اذن لنغلقه </div>
<div style="text-align: left;">
<span style="background-color: yellow; color: #073763;"><html></span></div>
<div style="text-align: left;">
<span style="background-color: yellow; color: #073763;">    <head></span></div>
<div style="text-align: left;">
<span style="background-color: yellow; color: #073763;">        <meta charset="UTF-8" /></span></div>
<div style="text-align: left;">
<span style="background-color: yellow; color: #073763;">        <title>اسم الصفحة</title></span></div>
<div style="text-align: left;">
<span style="background-color: yellow; color: #073763;">    </head></span></div>
<div style="text-align: right;">
الان يكون وسم الجسم (body)</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
ويكون كما سبق ونضع به  وسوم الصفحة  الظاهرة </div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
اي انه لا تظهر الوسوم التي بالرأس (head)</div>
<div style="text-align: right;">
والعكس مع جسم الصفحة (body)</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
اذا كان هناك اي سؤال قل :)</div>
<div style="text-align: right;">
<br /></div>
<div dir="rtl" style="background-color: white; color: #333333; font-family: Tahoma, Helvetica; font-size: 12.348px; line-height: 18.522px; margin: 0px; padding: 0px;" trbidi="on">
<table dir="ltr" id="tableau" style="margin: 0px; padding: 0px;" summary="مثال ادراج جدول فى مدونات بلوجر www.Ra3dNet.com"><thead style="margin: 0px; padding: 0px;">
<tr style="margin: 0px; padding: 0px;"><th scope="col" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZuHuL00toP0VqD3ahNxWl-WQzxaiV0U6IJxk8k33uz1hX-qnRf9Jzkx-Q18GhqvWG3UGmrJ16NPyhvLDdF7LV_92manL2IZZup8jce_3rzlD5bBJ4XZMSyC7Vqsudz_12x8X5da6ltS-q/s1600/gradhead.png) repeat-x rgb(185, 201, 254); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(211, 221, 255); border-top-style: solid; border-top-width: 2px; color: #003399; font-size: 13px; font-weight: normal; margin: 0px; padding: 8px;">الوسم</th><th scope="col" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZuHuL00toP0VqD3ahNxWl-WQzxaiV0U6IJxk8k33uz1hX-qnRf9Jzkx-Q18GhqvWG3UGmrJ16NPyhvLDdF7LV_92manL2IZZup8jce_3rzlD5bBJ4XZMSyC7Vqsudz_12x8X5da6ltS-q/s1600/gradhead.png) repeat-x rgb(185, 201, 254); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(211, 221, 255); border-top-style: solid; border-top-width: 2px; color: #003399; font-size: 13px; font-weight: normal; margin: 0px; padding: 8px;">وظيفة الوسم</th></tr>
</thead><tfoot style="margin: 0px; padding: 0px;">
<tr style="margin: 0px; padding: 0px;"><td colspan="5" style="background: rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #9999cc; font-size: 16px; margin: 0px; padding: 8px; text-align: center;">مجموعة من اهم وسوم لغة الاتش تى ام ال www.ra3dnet.com</td></tr>
</tfoot><tbody style="margin: 0px; padding: 0px;">
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><span class="" style="margin: 0px; padding: 0px;"><-! ... -></span></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم عبارة تعليق وليس له اى نتيجة على المستعرض ولكن يمكنك كتابة ارشادات به لمن يريد التعديل على الكود</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><span class="" style="margin: 0px; padding: 0px;"><! DOCTYPE></span></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم يحدد نوع المستند</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><html></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم بداية ملف الاتش تى ام ال   لابد ان تبدا به اى صفحة اتش تى ام ال</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><head></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هو وسم خاص برأس الصفحة ويحتوى على عنوان الموقع الذى يظهر فى تبويب الموقع</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><body></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم يحتوى على جميع محتويات الموقع لديك كما ذكرنا ان الموقع يتكون من راس وجسم لذا فهذا الوسم هو جسم الموقع وبه كل محتوياته</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><title></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"> <head> هذا الوسم خاص بعنوان الموقع والذى يظهر فى التبويب بالمتصفح ويوضع هذا الوسم داخل الوسم<br style="margin: 0px; padding: 0px;" /></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><span class="" style="margin: 0px; padding: 0px;"><A></span></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم اضافة ارتباط تشعبى<br style="margin: 0px; padding: 0px;" /><a href="http://www.ra3dnet.com">تفضل بزيارة رعد نت !</a></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><article></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم خاص بالمقالات</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><b></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم لجعل الكتابة سمكية<br style="margin: 0px; padding: 0px;" /><b> ra3dnet.com </b></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><br></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم بداية سطر جديد</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><u></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم لوضع خط تحت الكتابة</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><i></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم لجعل الكتابة مائلة<br style="margin: 0px; padding: 0px;" /><i>Ra3dNet.com</i></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><button></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم اضافة زر<br style="margin: 0px; padding: 0px;" /><button type="button" onclick="alert('اهلا وسهلا!')">اضغط هنا!</button></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><h1> to <h6></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><span style="font-size: x-small; margin: 0px; padding: 0px;">هو وسم العنوان الرئيسى</span><span style="font-size: x-small; margin: 0px; padding: 0px;"><h1></h1>اى ان الوسم </span><br style="margin: 0px; padding: 0px;" />هو وسم العنوان الفرعى الاول وهكذا <h2></h2> والوسم</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><img></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم وضع صورة ويمكن استخدامه بهذا الشكل<br style="margin: 0px; padding: 0px;" /><div class="example_code notranslate" style="margin: 0px; padding: 0px;">
<img src="ra3dnet.gif" alt="ra3dnet" height="34" width="32"></div>
</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><input></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">من الوسوم الهامة جدا وهو لعمل استمارات التسجيل مثل مثلا الاسم الاول وتجد مربع لكتابة الاسم الاول وهكذا<br style="margin: 0px; padding: 0px;" />وله عدة انواع نوع تكست وهو للكتابة ونوع سبميت وهو زر الموافقة او الانهاء<br style="margin: 0px; padding: 0px;" /><form action="database.asp"><br style="margin: 0px; padding: 0px;" />First name: <input type="text" name="FirstName" value="your first name"><br><br style="margin: 0px; padding: 0px;" />Last name: <input type="text" name="LastName" value="your last name"><br><br style="margin: 0px; padding: 0px;" /><input type="submit" value="Submit"><br style="margin: 0px; padding: 0px;" /></form><br style="margin: 0px; padding: 0px;" />قم بتجربة هذا الكود مع العلم ان استخدام هذا الوسم يحتاج تطبيقات من لغات بى اتش بى   و  ايه اس بى</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><iframe></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"> هذا الوسم يقوم بعمل فريم او اطار حول صورة او موقع كما تحدد انت من خلال الرابط الذى تضعه فى الكود <br style="margin: 0px; padding: 0px;" /><iframe src="http://www.ra3dnet.com"><br style="margin: 0px; padding: 0px;" />  <p>Your browser does not support iframes.</p><br style="margin: 0px; padding: 0px;" /></iframe></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><center></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم لجعل النص فى وسط الصفحة او المحاذاة فى الوسط<br style="margin: 0px; padding: 0px;" /><center> Ra3dNet.com </center></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><base></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم يكتب فى الهيد فى كود الاتش تى ام ال وهو يحدد رابط ثابت لجميع الروابط فى الصفحة بمعنى اننا كتبنا هذا الكود على سبيل المثال فى الهيد<br style="margin: 0px; padding: 0px;" /><head><br style="margin: 0px; padding: 0px;" /><base href="http://www.ra3dnet.com" target="_blank"><br style="margin: 0px; padding: 0px;" /></head><br style="margin: 0px; padding: 0px;" />body ثم اذا اردنا ان نضع اى رابط فى<br style="margin: 0px; padding: 0px;" />يكون مثلا بهذا الشكل<br style="margin: 0px; padding: 0px;" /><body> <br style="margin: 0px; padding: 0px;" /> <a href="2012/11/htmltags.html">html tags</a><br style="margin: 0px; padding: 0px;" /></body><br style="margin: 0px; padding: 0px;" />فنحن لم نكتب الرابط كامل اى اننا كتبنا بقية الرابط بعد دومين الموقع</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><abbr></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم يمكنك من اظهار تعليق عند الوقوع بالماوس على كلمة او صورة معينة<br style="margin: 0px; padding: 0px;" /><p>موقع <abbr title="اهلا وسهلا بك فى موقع رعد نت">رعد نت</abbr>  لتطوير المواقع والمنديات</p><br style="margin: 0px; padding: 0px;" /> <abbr title="www.ra3dnet.com">my website</abbr></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><bdo></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم يقوم بعملية قلب الحروف من اليمين الى اليسار او العكس<br style="margin: 0px; padding: 0px;" /><p><bdo dir="rtl">ra3dnet right-to-left.</bdo></p> يقرأ النص من اليمين الى الشمال<br style="margin: 0px; padding: 0px;" /><p><bdo dir="ltr">ra3dnet right-to-left.</bdo></p>   يقرأ النص من الشمال الى اليمين</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><table></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم عمل جدول<br style="margin: 0px; padding: 0px;" /><table border="1"><br style="margin: 0px; padding: 0px;" />  <tr><br style="margin: 0px; padding: 0px;" />    <th>اسم الموقع</th><br style="margin: 0px; padding: 0px;" />    <th>اللينك</th><br style="margin: 0px; padding: 0px;" />  </tr><br style="margin: 0px; padding: 0px;" />  <tr><br style="margin: 0px; padding: 0px;" />    <td>رعد نت</td><br style="margin: 0px; padding: 0px;" />    <td>www.ra3dnet.com</td><br style="margin: 0px; padding: 0px;" />  </tr><br style="margin: 0px; padding: 0px;" /> </table></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><tr></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم الصفوف فى الجدول</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><th></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم الخلايا الرئيسية فى الجدول الموجودة فى راس الجدول</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><td></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم الخلايا فى الجدول</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><tbody></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">cssيستخدم لتنسيق جسم الجدول ( لا يعمل الا مع   <br style="margin: 0px; padding: 0px;" />tbody {color:blue;}</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><thead></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">cssيستخدم لتنسيق رأس الجدول( لا يعمل الا مع  <br style="margin: 0px; padding: 0px;" />thead {color:green;}</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><tfoot></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">cssيستخدم لتنسيق اسفل الجدول( لا يعمل الا مع  <br style="margin: 0px; padding: 0px;" /><br style="margin: 0px; padding: 0px;" /> <html><br style="margin: 0px; padding: 0px;" /><head><br style="margin: 0px; padding: 0px;" /><style type="text/css"><br style="margin: 0px; padding: 0px;" />thead {color:green;}<br style="margin: 0px; padding: 0px;" />tbody {color:blue;}<br style="margin: 0px; padding: 0px;" />tfoot {color:red;}<br style="margin: 0px; padding: 0px;" /></style><br style="margin: 0px; padding: 0px;" /></head><br style="margin: 0px; padding: 0px;" /><body><br style="margin: 0px; padding: 0px;" /><table border="1"><br style="margin: 0px; padding: 0px;" />  <tr><br style="margin: 0px; padding: 0px;" />    <th>اسم الموقع</th><br style="margin: 0px; padding: 0px;" />    <th>اللينك</th><br style="margin: 0px; padding: 0px;" />  </tr><br style="margin: 0px; padding: 0px;" />  <tr><br style="margin: 0px; padding: 0px;" />    <td>رعد نت</td><br style="margin: 0px; padding: 0px;" />    <td>www.ra3dnet.com</td><br style="margin: 0px; padding: 0px;" />  </tr><br style="margin: 0px; padding: 0px;" /> </table><br style="margin: 0px; padding: 0px;" /></body><br style="margin: 0px; padding: 0px;" /></html> <br style="margin: 0px; padding: 0px;" /></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><caption></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم عمل عنوان للجدول<br style="margin: 0px; padding: 0px;" /><table border="1"><br style="margin: 0px; padding: 0px;" />  <caption>عنوان الجدول</caption><br style="margin: 0px; padding: 0px;" />  <tr><br style="margin: 0px; padding: 0px;" />    <th>اسم الموقع</th><br style="margin: 0px; padding: 0px;" />    <th>اللينك</th><br style="margin: 0px; padding: 0px;" />  </tr><br style="margin: 0px; padding: 0px;" />  <tr><br style="margin: 0px; padding: 0px;" />    <td>رعد نت</td><br style="margin: 0px; padding: 0px;" />    <td>www.ra3dnet.com</td><br style="margin: 0px; padding: 0px;" />  </tr><br style="margin: 0px; padding: 0px;" /> </table></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><blockquote></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><br style="margin: 0px; padding: 0px;" />هذا الوسم يستخدم لازاحة النص او عمل اقتباس<br style="margin: 0px; padding: 0px;" /></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><dl></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><dt>هذا الوسم لعمل مجموعة عناوين ولكل عنوان وصف ويستخدم للعنوان الوسم<br style="margin: 0px; padding: 0px;" /> <dd>ويستخدم للوصف الوسم<br style="margin: 0px; padding: 0px;" /> مثال<br style="margin: 0px; padding: 0px;" /> <dl><br style="margin: 0px; padding: 0px;" />  <dt>html</dt><br style="margin: 0px; padding: 0px;" />  <dd>لغة هيكلة وتصميم المواقع</dd><br style="margin: 0px; padding: 0px;" />  <dt>php</dt><br style="margin: 0px; padding: 0px;" />  <dd>لغة تمكنك من برمجة السكربتات</dd><br style="margin: 0px; padding: 0px;" /></dl></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><del></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم لشطب كلمة <br style="margin: 0px; padding: 0px;" /><del>ra3dnet</del></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><ins></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"> <del>وسم ادراج كلمة وغالبا ما يستخدم بعد الوسم <br style="margin: 0px; padding: 0px;" />اى تشطب كلمة وتدرج مكانها اخرى بهذا الشكل<br style="margin: 0px; padding: 0px;" />my website name is <del>radnet</del><ins>ra3dnet</ins><br style="margin: 0px; padding: 0px;" />my website name is <del style="margin: 0px; padding: 0px;">radnet</del><ins style="margin: 0px; padding: 0px;"> ra3dnet</ins></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><em><br style="margin: 0px; padding: 0px;" /><strong><br style="margin: 0px; padding: 0px;" /><dfn><br style="margin: 0px; padding: 0px;" /><code><br style="margin: 0px; padding: 0px;" /><samp><br style="margin: 0px; padding: 0px;" /><kbd><br style="margin: 0px; padding: 0px;" /><var></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">كل هذه الوسوم تمثل انماط من خطوط الكتابو المختلفة وكل وسم يعتبر<br style="margin: 0px; padding: 0px;" />اختصار لنوع الخط وهى بالترتيب والشكل<br style="margin: 0px; padding: 0px;" /><i style="margin: 0px; padding: 0px;">Emphasized text</i><br style="margin: 0px; padding: 0px;" /><b style="margin: 0px; padding: 0px;">Strong text</b><br style="margin: 0px; padding: 0px;" /><dfn style="margin: 0px; padding: 0px;">Definition term</dfn><br style="margin: 0px; padding: 0px;" /><code style="background: rgb(236, 236, 236); font-family: 'Courier New', Courier, Fixed; font-size: 1em; font-stretch: normal; margin: 0px; padding: 0px;">A piece of computer code</code><br style="margin: 0px; padding: 0px;" /><samp style="margin: 0px; padding: 0px;">Sample output from a computer program</samp><br style="margin: 0px; padding: 0px;" /><kbd style="margin: 0px; padding: 0px;">Keyboard input</kbd><br style="margin: 0px; padding: 0px;" /><var style="margin: 0px; padding: 0px;">Variable</var><br style="margin: 0px; padding: 0px;" /></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><div></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم يحدد نمط عام لكل ما يكتب فيه ، على سبيل المثال اذا اردنا ان نجعل كل الكتابة الموجودة فى منطقة معينة باللون الاحمر فنضعها داخل الوسم بهذا الشكل<br style="margin: 0px; padding: 0px;" /><div style="color:#FF0000"><br style="margin: 0px; padding: 0px;" />  <h3>www.ra3dnet.com</h3><br style="margin: 0px; padding: 0px;" />  <p>معهد رعد نت لتطوير المواقع والمنتديات والمدونات</p><br style="margin: 0px; padding: 0px;" /></div><br style="margin: 0px; padding: 0px;" />css وهو يستخدم بشكل اشمل من ذلك مع اكواد</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><fieldset></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم لعمل حقل او استمارة كاستمارات التسجيل ، سيكون رائع عند تجربته ، قم بتجربة هذا الكود<br style="margin: 0px; padding: 0px;" /><fieldset><br style="margin: 0px; padding: 0px;" />  <legend>التسجيل:</legend><br style="margin: 0px; padding: 0px;" />  الاسم: <input type="text"><br><br style="margin: 0px; padding: 0px;" />  الايميل: <input type="text"><br><br style="margin: 0px; padding: 0px;" />  تاريخ الميلاد: <input type="text"><br style="margin: 0px; padding: 0px;" /> </fieldset><br style="margin: 0px; padding: 0px;" /> يكتب به اسم الحقل<legend> والوسم</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><form></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم يستخدم عند عمل حقول ادخل البيانات مثل السابقة ووظيفته ادخل اسم ملف قاعدة البيانات الذى ستتم تخزين البيانات المدخلة به<br style="margin: 0px; padding: 0px;" /><form action="database.asp" method="get"><br style="margin: 0px; padding: 0px;" />  الاسم الاول: <input type="text" name="الاسم الاول"><br><br style="margin: 0px; padding: 0px;" />الاسم الاخير  : <input type="text" name="الاسم الاخير"><br><br style="margin: 0px; padding: 0px;" />  <input type="submit" value="Submit"><br style="margin: 0px; padding: 0px;" /></form><br style="margin: 0px; padding: 0px;" />حيث يكون الملف <br style="margin: 0px; padding: 0px;" /> على سبيل المثال هو قاعدة البيانات الموجودة على موقعك والتى سيتم تسجيل بيانات المسجلين بهاdatabase <br style="margin: 0px; padding: 0px;" /><br style="margin: 0px; padding: 0px;" /><center> Ra3dNet.com </center></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><hr></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم لوضع فاصل بين الفقرات والموضوعات فى موقعك</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><label></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم لعمل خيارات ويمكنك تجربته بهذا الكود<br style="margin: 0px; padding: 0px;" /><form action="database.asp"><br style="margin: 0px; padding: 0px;" />  <label for="male">Male</label><br style="margin: 0px; padding: 0px;" />  <input type="radio" name="sex" id="male" value="male"><br><br style="margin: 0px; padding: 0px;" />  <label for="female">Female</label><br style="margin: 0px; padding: 0px;" />  <input type="radio" name="sex" id="female" value="female"><br><br><br style="margin: 0px; padding: 0px;" />  <input type="submit" value="Submit"><br style="margin: 0px; padding: 0px;" /></form><br style="margin: 0px; padding: 0px;" /></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><legend></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"> ويستخدم لتسميته كما ذكرنا سابقا <filedset> هذا الوسم يستخدم مع وسم الحقل</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><ol></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم عمل قائمة تعداد رقمى </td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><ul></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم عمل قائمة ذات تعداد نقطى</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><li></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم يستخدم مع الوسمين السابقين للفصل بين النقاط ونأخذ مثال للوسوم معا<br style="margin: 0px; padding: 0px;" /><ol><br style="margin: 0px; padding: 0px;" />  <li>first</li><br style="margin: 0px; padding: 0px;" />  <li>second</li><br style="margin: 0px; padding: 0px;" />  <li>third</li><br style="margin: 0px; padding: 0px;" /></ol><br style="margin: 0px; padding: 0px;" /><ul><br style="margin: 0px; padding: 0px;" />  <li>first</li><br style="margin: 0px; padding: 0px;" />  <li>second</li><br style="margin: 0px; padding: 0px;" />  <li>third</li><br style="margin: 0px; padding: 0px;" /></ul><br style="margin: 0px; padding: 0px;" /></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><link></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم يستخدم لربط ملف الاتش تى ام ال بملف اخر سى اس اس او لغة اخرى</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><meta></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"> <head> هذا الوسم خاص بمعلومات موقعك ويوضع داخل الجزء <br style="margin: 0px; padding: 0px;" />ولا يظهر فى تنسيق الموقع ولكن يفيد محركات البحث ومثال الكود المستخدم مع الميتا<br style="margin: 0px; padding: 0px;" /><head><br style="margin: 0px; padding: 0px;" />me="author" content="ra3dnet"><br style="margin: 0px; padding: 0px;" /><meta cha<meta name="description" content="Free Web tutorials"><br style="margin: 0px; padding: 0px;" /><meta name="keywords" content="HTML,CSS,XML,JavaScript"><br style="margin: 0px; padding: 0px;" /><meta narset="UTF-8"><br style="margin: 0px; padding: 0px;" /></head></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><script></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">لاضافة كود جافا سكربت</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><noscript></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">لتحديد جملة ما تظهر اذا لم يتم عرض السكربت او اذا كان متصفح المستخدم لا يعمل به اسكربتات الجافا<br style="margin: 0px; padding: 0px;" />مثال<br style="margin: 0px; padding: 0px;" /><noscript>Your browser does not support JavaScript!</noscript></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><optgroup></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم يستخدم لعمل قائمة خيارات وهو يعنى مجموعة الخيارات<br style="margin: 0px; padding: 0px;" />ويستخدم مع الوسمين التاليين وسنعرض لهم مثالا معا</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><option></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم يحدد كل خيار من خيارات القائمة</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><select></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم يوضع ليجعل قائمة الخيارات عبارة عن قائمة منسدلة وهذا مثال<br style="margin: 0px; padding: 0px;" /><select><br style="margin: 0px; padding: 0px;" />  <optgroup label="لغات البرمجة"><br style="margin: 0px; padding: 0px;" />    <option value="html">html</option><br style="margin: 0px; padding: 0px;" />    <option value="java">java script</option><br style="margin: 0px; padding: 0px;" />  </optgroup><br style="margin: 0px; padding: 0px;" />  <optgroup label="التصميم"><br style="margin: 0px; padding: 0px;" />    <option value="Photoshop">photoshop</option><br style="margin: 0px; padding: 0px;" />    <option value="flash">Flash</option><br style="margin: 0px; padding: 0px;" />  </optgroup><br style="margin: 0px; padding: 0px;" /></select></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><pre></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم عند كتابة نص بداخله ستجده يظهر بحجم ثانبت ومسافات ثابته كما انه يفبل عمل المسافات باستخدام المسطرة وعمل الفواصل ( حيث انك لا تستطيع عمل مسافات فى الكتابة العادية )ومثال<br style="margin: 0px; padding: 0px;" /><pre><br style="margin: 0px; padding: 0px;" />Ra3d                    net<br style="margin: 0px; padding: 0px;" /></pre></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><q></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هذا الوسم يستخدم لعمل علامات تنصيص حول الفقرة</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><s></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">يستخدم هذا الوسم لشطب جملة او كلمة ما<br style="margin: 0px; padding: 0px;" /><s style="margin: 0px; padding: 0px;">ra3dnet</s></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><small></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">وسم لكتابة نص بحجم صغير</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><span></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">يستخدم هذا الوسم لتنسيق كلمات فقط داخل فقرة كاملة مثل تغيير اللون او نوع الخط<br style="margin: 0px; padding: 0px;" /><span style="color:blue;font-weight:bold">ra3dnet</span><br style="margin: 0px; padding: 0px;" />وذلك اذا كان هناك تنسيق عام للفقرة كلها وتريد استثناء مقطع صغير او كلمة معينة</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><sub></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">يستخدم لجعل الكلمة اسفل السطر<br style="margin: 0px; padding: 0px;" />this word is <sub style="margin: 0px; padding: 0px;">subscript</sub> text</td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1yzGDdBm-2ayr1M7uCXpooQGxNu10wzcRqxCnKAH6YY5oee30_Aux1u8D0zHC4jE8H_iaqHbBFcFeNyC32B2D1ugDR2yTGew9gUAbr0OB7EySULOwnq40fWwA0ja8rIHWQI7xhKv4ajzN/s1600/gradhover.png) repeat-x rgb(208, 218, 253); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #333399; margin: 0px; padding: 8px;"><sup></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1yzGDdBm-2ayr1M7uCXpooQGxNu10wzcRqxCnKAH6YY5oee30_Aux1u8D0zHC4jE8H_iaqHbBFcFeNyC32B2D1ugDR2yTGew9gUAbr0OB7EySULOwnq40fWwA0ja8rIHWQI7xhKv4ajzN/s1600/gradhover.png) repeat-x rgb(208, 218, 253); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #333399; margin: 0px; padding: 8px;">لجعل الكلمة اعلى السطر<br style="margin: 0px; padding: 0px;" />This word is <sup style="margin: 0px; padding: 0px;">superscript</sup> text. <br style="margin: 0px; padding: 0px;" /></td></tr>
<tr style="margin: 0px; padding: 0px;"><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;"><textarea></td><td style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGRj5A6oKl7s7te6IoIsFR6k0-qndqojGCbm7IodzMSHYAVuhXrOM178XFA555j-aulGZWHPakFvyJWQdJTwggLLbqN7qUwiDroPa85XHYQQaxjvKL6LHHWpkX_E7QhlOqI1RFvY60yFA/s1600/gradback.png) repeat-x rgb(232, 237, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 1px; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 1px; color: #666699; margin: 0px; padding: 8px;">هو وسم لعمل منطقة كتابة نص مع تحديد المساحة<br style="margin: 0px; padding: 0px;" /><textarea rows="4" cols="50"> ra3dnet here </textarea><br /></td></tr>
</tbody></table>
</div>
</div>

خلفية عن لغة البرمجة HTML

بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وركاته ... سنتكلم عن الوسوم الرئيسية لندخل الى الموضوع اهم التاجات (الوسوم) هم : وهو الوسم الرئيسي الذي يكون يداخله كل وسوم الصفحة ويأتي بعد الوسم الرئيسي (الفتح) مباشرة ويكون ع النحو التالي : f -------------------------------------------…

مزيد من المعلومات »

َADS

خلفية عن لغة البرمجة HTML

المشاركات الشائعة

أرشيف