مرجع سريع لمبرمجي الهتمل Html

الإدارة بطاقة الشخصية 1: (4/4)

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

سأكون في هذا الموضوع
مرجع سريع لمبرمجي الهتمل Html وللمستخدمين
وأتمنى انه يعجبكم:

طبعا لكتابة وسوم الHtml يجب ان تكتب في برنامج المفكرة
وتبدأ الصفحة بهذا الكود
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

وتحته مباشرة
<HTML dir=rtl>طبعا هذا لتحديد المحاذاة rtl يعني من اليمين إلى اليسار
طبعا هذا الهيد وله تسكيرة </head> في اخر صفحة النت

<HEAD>
طبعا هذا عنوان الصفحة اللي فوق

<TITLE>موقع بوادي</TITLE>
بعد كتابة ماتريد من الوسوم والاستخدامات اذهب إلى ملف في المفكرة

وحفظ بإسم

ثم غير حفظ كنوع إلى كل الملفات
ثم ضع اسم الملف مثلا traindt.html
حتا يصبح كصفحة انترنت

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

الوسم <a>..... </a>
يعرف هذا الوسم نقطة إرتكاز (anchor) للارتباط بمستند اخر اومستند في الويب.
إلى ملف محلي <a href ="filename.html">ملف داخلي</a>
إلى ملف خارجي<a href ="http://www.trandet.com">معهد تراينتدت</a>

الوسم <b>كتابة النص هنا </b>
يظهر النص المحصور بين بداية ونهاية الوسم بالخط العريض (بولد)

الوسم <bgsound src= "عنوان المقطع الصوتي هنا">
يضيف ملفا صوتيا إلى المستند أو صفحة الموقع

الوسم <br>
يستخدم إلى الانتقال إلى السطر التالي بدون فراغات في الصفحة

الوسم <hr></hr>
يستخدم لوضع خط افقي

الوسم <h1> تستخدم لتكبير وتصغير حجم الخط حيث 1-6 </h1>

نبذه مختصرة عن الوسوم :

الوسوم الهيكلية :

تستخدم الوسوم التالية بشكل اساسي لتشكيل هيكل المستند

<!DOCTYPE>
<base>
<body>
<head>
<html>
<link>
<meta>
<title>

وسوم النصوص :العناصر التي على مستوى الكتلة :

تظهر هذه العناصر دائما مع نهايات أسطر قبل وبعد ومعضمها مع وجود مسافة فارغه فوقها وتحتها

<address>
<blockquote>
<dd>
<div>
<dl>
<dt>
<h1> <h1>
<li>
<ol>
<p>
<ul>

وسوم النصوص: أنماط السطر الواحد (inline)

تؤثر الوسوم التالية على طريقة إظهار النص. وتعني كلمة inline انها يمكن ان تطبق على سلسلة محارف ضمن وسوم كتلة بدون إضافات نهاية السطر

<b>
<big>
<cite>
<code>
<em>
<i>
<kbd>
<pre>
<samp>
<small>
<span>
<strong>
<sup>
<sub>
<var>

وسوم النصوص :الأنماط المنطقية :

وسوم الانماط المنطقية أو المعتمدة على المحتوى تصف معنى النص المحصور بين نهايتي الوسم وسياقه وتترك كيفية إظهاره للمستعرض

<abbr>
<acronym>
<cite>
<code>
<del>
<div>
<em>
<ins>
<kbd>
<q>
<samp>
<span>

وسوم النصوص : الفيزيائية:

تقدم هذه الوسومات تعليمات محددة لإظهار محتوياتها

<b>
<big>
<i>
<small>
<sup>
<sub>
<tt>

وسوم اللوائح:

<dl>
<dd>
<dt>
<li>
<ol>
<ul>

وسوم التوضيح والفراغات:

تعطي الوسوم التالية إمكانية التحكم بإدخال نهايات الأسطر والمحاذاة وإضافة الفراغات ضمن مستند Html

<br>
<pre>
<spacer>
<table>

وسوم الإرتباطات:

تستخدم الوسوم التالية في إنشاء ارتباط من مستند لاخر
<a>
<link>
<map>
<area>

وسوم الجداول :

تستخدم الوسوم التالية في إنشاء وتشكيل جدول

<caption>
<table>
<tr>
<td>
<th>

وسوم الإطارات :

تنشأ الإطارات بإستخدام الوسوم التالية

<frame>
<frameset>
<noframes>

وسوم النماذج :

تستخدم الوسوم التالية لتعريف النماذج وعناصرها

<button>
<form>
<input>
<option>
<select>
<label>

وسوم النصوص البرمجية :

<script>
<noscript>

اي مستند لصفحة Html يجب يكون هكذا

<html>
<head>
<title> اسم المنتدى او الموقع </title>
<head>
<body>

محتويات الصفحة

</body>
</html>

القوائم :

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

<dl>
<dt>
<dd>
<dt>
<dd>
</dl>

قائمة مرتبة (مرقمة)
<ol>
<li>
<li>
<li>
</ol>

قائمة غير مرتبة تعداد نقطي :

<ul>
<li>
<li>
<li>
</ul>

انتهى