أكواد html مع الشرح مجموعة من أهم وسوم لغة الاتش تى ام ال (html) مع خصائص وامثلة أكواد HTML

Question

أكواد html مع الشرح مجموعة من أهم وسوم لغة الاتش تى ام ال (html) مع خصائص وامثلة أكواد HTML

سُئل فبراير 7، 2024 في تصنيف مناهج دراسية بواسطة alnabth (1.1مليون نقاط)

أهلاً بكم طلاب وطالبات في موقع النابض alnabth بمعلوماته الصحيحة نقدم لكم أفضل الأسئله بإجابتها الصحيحه كما نقدم لكم الأن أعزائي طلاب وطالبات العلم من من الدروس المقترحة والمتوقعة لهذا العام تحضير وتحليل وملخصات شرح وحل أسئلة الاختبارات والواجب المدرسي ونماذج الامتحان ومنهجية الاجابة وكما عودناكم أعزائي الطلاب والطالبات أن نقدم لكم إجابة السؤال القائل __أكواد html مع الشرح مجموعة من أهم وسوم لغة الاتش تى ام ال (html) مع خصائص وامثلة أكواد HTML

_وتكون اجابتة الصحيحة
مجموعة من أهم وسوم لغة الاتش تى ام ال (html)مع خصائص كل منها وأمثلة تطبيقية ,تساعد علي فهم ماهية الوسم أكثر

لغة برمجية فمن أهم الأشياء التي ينبغي علي المبتدئ القيام بها هي تجربه كل وسم,أو عنصر,جديد, فذالك يسهل كثير حفظ وإدراك وظيفة العنصر

<-! ... ->

هذا الوسم عبارة عن تعليق وليس له اى نتيجة على المستعرض ولكن يمكنك كتابة ارشادات به لمن يريد التعديل على الكود

<! DOCTYPE>

هذا الوسم يحدد نوع المستند

<html> وسم بداية ملف الاتش تى ام ال لابد ان تبدا به اى صفحة اتش تى ام ال

هو وسم خاص برأس الصفحة ويحتوى على عنوان الموقع الذى يظهر فى تبويب الموقع

<body>

هذا الوسم يحتوى على جميع محتويات الموقع لديك كما ذكرنا ان الموقع يتكون من راس

<title>

وسم لذا فهذا الوسم هو جسم الموقع وبه كل محتوياته

<head> هذا الوسم خاص بعنوان الموقع والذى يظهر فى التبويب بالمتصفح ويوضع هذا الوسم داخل الوسم

<A> وسم اضافة ارتباط تشعبى

<article> وسم خاص بالمقالات

<b> وسم لجعل الكتابة سمكية

<b>koraglive.</b>

<br> وسم بداية سطر جديد

<u> وسم لوضع خط تحت الكتابة

<i> وسم لجعل الكتابة مائلة

<i>koraglive.</i>

<button> وسم اضافة زر

<h1> to <h6> هو وسم العنوان الرئيسى<h1></h1>اى ان الوسم

هو وسم العنوان الفرعى الاول وهكذا <h2></h2> والوسم

<img> وسم وضع صورة ويمكن استخدامه بهذا الشكل

<input> من الوسوم الهامة جدا وهو لعمل استمارات التسجيل مثل مثلا الاسم الاول وتجد مربع لكتابة الاسم الاول وهكذا

وله عدة انواع نوع تكست وهو للكتابة ونوع سبميت وهو زر الموافقة او الانهاء

First name: <input type="text" name="FirstName" value="your first name"><br>

Last name: <input type="text" name="LastName" value="your last name"><br>

</form>

قم بتجربة هذا الكود مع العلم ان استخدام هذا الوسم يحتاج تطبيقات من لغات بى اتش بى و ايه اس بى

<p>Your browser does not support iframes.</p>

</iframe>

<center> وسم لجعل النص فى وسط الصفحة او المحاذاة فى الوسط

<center> alnabth. </center>

<base> هذا الوسم يكتب فى الهيد فى كود الاتش تى ام ال وهو يحدد رابط ثابت لجميع الروابط فى الصفحة بمعنى اننا كتبنا هذا الكود على سبيل المثال فى الهيد

<head>

</head>

body ثم اذا اردنا ان نضع اى رابط فى

يكون مثلا بهذا الشكل

<body>

</body>

فنحن لم نكتب الرابط كامل اى اننا كتبنا بقية الرابط بعد دومين الموقع

<abbr> هذا الوسم يمكنك من اظهار تعليق عند الوقوع بالماوس على كلمة او صورة معينة

<p>موقع <abbr title="اهلا وسهلا بك فى موقع رعد نت">رعد نت</abbr> لتطوير المواقع والمنديات</p>

<abbr title="www.alnabth.">my website</abbr>

<bdo> هذا الوسم يقوم بعملية قلب الحروف من اليمين الى اليسار او العكس

<p><bdo dir="rtl">alnabth right-to-left.</bdo></p> يقرأ النص من اليمين الى الشمال

<p><bdo dir="ltr">alnabth right-to-left.</bdo></p> يقرأ النص من الشمال الى اليمين

<table> وسم عمل جدول

<tr>

<th>اسم الموقع</th>

<th>اللينك</th>

</tr>

<tr>

<td>www.alnabth. .</td>

</tr>

</table>

<tr> وسم الصفوف فى الجدول

<th> وسم الخلايا الرئيسية فى الجدول الموجودة فى راس الجدول

<td> وسم الخلايا فى الجدول

<tbody> cssيستخدم لتنسيق جسم الجدول ( لا يعمل الا مع

tbody {color:blue;}

<thead> cssيستخدم لتنسيق رأس الجدول( لا يعمل الا مع

thead {color:green;}

<tfoot> cssيستخدم لتنسيق اسفل الجدول( لا يعمل الا مع

<html>

<head>

thead {color:green;}

tbody {color:blue;}

tfoot {color:red;}

</style>

</head>

<body>

<tr>

<th>اسم الموقع</th>

<th>اللينك</th>

</tr>

<tr>

<td>www.alnabth. .</td>

</tr>

</table>

</body>

</html>

<caption> وسم عمل عنوان للجدول

<caption>عنوان الجدول</caption>

<tr>

<th>اسم الموقع</th>

<th>اللينك</th>

</tr>

<tr>

<td>www.koraglive.</td>

</tr>

</table>

هذا الوسم يستخدم لازاحة النص او عمل اقتباس

<dl> <dt>هذا الوسم لعمل مجموعة عناوين ولكل عنوان وصف ويستخدم للعنوان الوسم

<dd>ويستخدم للوصف الوسم

مثال

<dl>

<dd>لغة هيكلة وتصميم المواقع</dd>

<dd>لغة تمكنك من برمجة السكربتات</dd>

</dl>

<del> وسم لشطب كلمة

<del>koraglive</del>

<ins> <del>وسم ادراج كلمة وغالبا ما يستخدم بعد الوسم

اى تشطب كلمة وتدرج مكانها اخرى بهذا الشكل

my website name is <del>koraglive</del><ins>koraglive</ins>

my website name is ra3dnet

<em>

<dfn>

<code>

<samp>

<kbd>

<var> كل هذه الوسوم تمثل انماط من خطوط الكتابو المختلفة وكل وسم يعتبر

اختصار لنوع الخط وهى بالترتيب والشكل

Emphasized text

Strong text

Definition term

A piece of computer code

Sample output from a computer program

Keyboard input

Variable

<div> هذا الوسم يحدد نمط عام لكل ما يكتب فيه ، على سبيل المثال اذا اردنا ان نجعل كل الكتابة الموجودة فى منطقة معينة باللون الاحمر فنضعها داخل الوسم بهذا الشكل

<h3>www.koraglive.</h3>

<p>معهد رعد نت لتطوير المواقع والمنتديات والمدونات</p>

</div>

css وهو يستخدم بشكل اشمل من ذلك مع اكواد

<fieldset> هذا الوسم لعمل حقل او استمارة كاستمارات التسجيل ، سيكون رائع عند تجربته ، قم بتجربة هذا الكود

<legend>التسجيل:</legend>

الاسم: <input type="text"><br>

الايميل: <input type="text"><br>

تاريخ الميلاد: <input type="text">

</fieldset>

يكتب به اسم الحقل<legend> والوسم

<form> هذا الوسم يستخدم عند عمل حقول ادخل البيانات مثل السابقة ووظيفته ادخل اسم ملف قاعدة البيانات الذى ستتم تخزين البيانات المدخلة به

الاسم الاول: <input type="text" name="الاسم الاول"><br>

الاسم الاخير : <input type="text" name="الاسم الاخير"><br>

</form>

حيث يكون الملف

على سبيل المثال هو قاعدة البيانات الموجودة على موقعك والتى سيتم تسجيل بيانات المسجلين بهاdatabase

<center> koraglive.</center>

يتبع في الأسفل

2 إجابة

تم الرد عليه فبراير 7، 2024 بواسطة alnabth (1.1مليون نقاط)

أفضل إجابة

مجموعة من أهم وسوم لغة الاتش تى ام ال (html)

<hr> وسم لوضع فاصل بين الفقرات والموضوعات فى موقعك

<label> هذا الوسم لعمل خيارات ويمكنك تجربته بهذا الكود

<form action="database.asp">

  <label for="male">Male</label>

  <input type="radio" name="sex" id="male" value="male"><br>

  <label for="female">Female</label>

  <input type="radio" name="sex" id="female" value="female"><br><br>

  <input type="submit" value="Submit">

</form>

<legend> ويستخدم لتسميته كما ذكرنا سابقا <filedset> هذا الوسم يستخدم مع وسم الحقل

<ol> وسم عمل قائمة تعداد رقمى

<ul> وسم عمل قائمة ذات تعداد نقطى

<li> وسم يستخدم مع الوسمين السابقين للفصل بين النقاط ونأخذ مثال للوسوم معا

<ol>

  <li>first</li>

  <li>second</li>

  <li>third</li>

</ol>

<ul>

  <li>first</li>

  <li>second</li>

  <li>third</li>

</ul>

<link> هذا الوسم يستخدم لربط ملف الاتش تى ام ال بملف اخر سى اس اس او لغة اخرى

<meta> <head> هذا الوسم خاص بمعلومات موقعك ويوضع داخل الجزء

ولا يظهر فى تنسيق الموقع ولكن يفيد محركات البحث ومثال الكود المستخدم مع الميتا

<head>

me="author" content="koraglive. ">

<meta cha<meta name="description" content="Free Web tutorials">

<meta name="keywords" content="HTML,CSS,XML,JavaScript">

<meta narset="UTF-8">

</head>

<script> لاضافة كود جافا سكربت

<noscript> لتحديد جملة ما تظهر اذا لم يتم عرض السكربت او اذا كان متصفح المستخدم لا يعمل به اسكربتات الجافا

مثال

<noscript>Your browser does not support JavaScript!</noscript>

<optgroup> هذا الوسم يستخدم لعمل قائمة خيارات وهو يعنى مجموعة الخيارات

ويستخدم مع الوسمين التاليين وسنعرض لهم مثالا معا

<option> هذا الوسم يحدد كل خيار من خيارات القائمة

<select> هذا الوسم يوضع ليجعل قائمة الخيارات عبارة عن قائمة منسدلة وهذا مثال

<select>

  <optgroup label="لغات البرمجة">

    <option value="html">html</option>

    <option value="java">java script</option>

  </optgroup>

  <optgroup label="التصميم">

    <option value="Photoshop">photoshop</option>

    <option value="flash">Flash</option>

  </optgroup>

</select>

<pre> هذا الوسم عند كتابة نص بداخله ستجده يظهر بحجم ثانبت ومسافات ثابته كما انه يفبل عمل المسافات باستخدام المسطرة وعمل الفواصل ( حيث انك لا تستطيع عمل مسافات فى الكتابة العادية )ومثال

<pre>

Ra3d net

</pre>

<q> هذا الوسم يستخدم لعمل علامات تنصيص حول الفقرة

<s> يستخدم هذا الوسم لشطب جملة او كلمة ما

ra3dnet

<small> وسم لكتابة نص بحجم صغير

<span> يستخدم هذا الوسم لتنسيق كلمات فقط داخل فقرة كاملة مثل تغيير اللون او نوع الخط

<span style="color:blue;font-weight:bold">koraglive</span>

وذلك اذا كان هناك تنسيق عام للفقرة كلها وتريد استثناء مقطع صغير او كلمة معينة

<sub> يستخدم لجعل الكلمة اسفل السطر

this word is subscript text

<sup> لجعل الكلمة اعلى السطر

This word is superscript text.

<textarea> هو وسم لعمل منطقة كتابة نص مع تحديد المساحة

<textarea rows="4" cols="50"> alnabth here </textarea>

دمتم سالمين

alnabth · Answer 1 · 2024-02-07T08:09:47+0000

تعريف أكواد html

اقدم لكم مجموعة من الوسوم الخاصة بلغة html م الشرح

**هذا الوسم يحدد نوع المستند**

**<DOCTYPE!>**

**وسم خاص بمعلومات صفحة الويب**

**<head>**

**يحتوي على جميع العناصر المرئية**

**<body>**

**يستخدم للروابط النصية**

**<a>**

**تعريف اختصار**

**<abbr>**

**تعريف عنوان**

**<address>**

**تحديد منطقة في الصورة**

**<area>**

**تحديد نص عريض**

**<b>**

**تثبيت رابط نصي لجميع عناصرا لصفحة**

**<base>**

**تحديد اتجاه النص**

**<bdo>**

**تحديد نص أكبر**

**<big>**

**تحديد اقتباس**

**<blockquote>**

**للنزول سطر جديد**

**<br>**

**زر قابل للنقر**

**<button>**

**شرح مجموعة عناصر في نموذج**

**<caption>**

**توسيط العناصر**

**<center>**

**تحديد عنوان للعمل الفني**

**<cite>**

**تعريف كود كمبيوتر**

**<code>**

**تحديد خصائص عمود في جدول**

**<col>**

**تحديد مجموعة أعمدة في تنسيق الجدول**

**<colgroup>**

**شرح عنصر في القائمة**

**<dd>**

**تحديد كلمة تم حذفها من المستند**

**<del>**

**تعريف مصطلح**

**<dfn>**

**عرض محتوى مجلد او ملف**

**<dir>**

**تقسيم صفحة الويب**

**<div>**

**قائمة شرح**

**<dl>**

**تعريف عنصر في قائمة**

**<dt>**

**تحديد نص مؤكد**

**<em>**

**تحديد مجموعة من العناصر مرتبط ببعضها في النموذج**

**<fieldset>**

**نموذج**

**<form>**

**عناوين**

**<h1> الى <h6>**

**عمل فاصل في الصفحة**

**<hr>**

**جعل النص مائل**

**<i>**

**عمل فريم أو نداء صفحة أخرى**

**<iframe>**

**صورة**

**<img>**

**مربع في نموذج**

**<input>**

**تحديد كلمة تمت إضافتها للنص**

**<ins>**

**كود مدخل من لوحة المفاتيح**

**<kbd>**

**توضيح عنصر في نموذج**

**<label>**

**عنصر في قائمة**

**<li>**

**عمل ارتباط مع عنصر خارجي**

**<link>**

**قائمة من الاوامر**

**<menu>**

**تحديد بيانات للصفحة**

**<meta>**

**متصفح الزار لا يدعم السكريبت**

**<noscript>**

**تضمين عنصر خارجي**

**<object>**

**تعريف قائمة مرتبة**

**<ol>**

**تعريف قائمة مرتبطة ببعضها كمجموعة**

**<optgroup>**

**عنصر في قائمة خيارات**

**<option>**

**تعريف فقرة**

**<p>**

**تعريف باراميتر لارسالها للبرامج**

**<param>**

**عنصر مسبق التنسيق**

**<pre>**

**سؤال قصير**

**<q>**

**تحديد كلمة لم تعد صحيحة**

**<s>**

**أخذ ناتج متغير من برنامج حاسوب**

**<samp>**

**عمل سكريبت في متصفح الزائر**

**<script>**

**تعريف قائمة منسدلة**

**<select>**

**تعريف نص صغير**

**<small>**

**تعريف قسم في المستند**

**<span>**

**تعريف نص في غاية الأهمية**

**<strong>**

**تعريف عناصر تنسيق للصفحة CSS**

**<style>**

**عناصر جدول**

**<tbody>**

**خلية في جدول**

**<td>**

**حقل لادخال نص**

**<textarea>**

**نهاية الجدول أو ذيل الجدول**

**<tfooter>**

**خلية رأس الجدول**

**<th>**

**بداية الجدول أو اول صف في الجدول**

**<thead>**

**عنوان الصفحة**

**<htitle>**

**تعريف صف في جدول**

**<tr>**

**عمل خط اسفل الكلمة**

**<u>**

**تعريف قائمة غير مرتبة**

**<ul>**

**تعريف متغير**

**<var>**

أكواد html مع الشرح مجموعة من أهم وسوم لغة الاتش تى ام ال (html) مع خصائص وامثلة أكواد HTML

إجابتك

2 إجابة

تعليقك على هذه الإجابة:

تعليقك على هذه الإجابة:

اسئلة متعلقة

التصنيفات