الرئيسية / HTML / تعلم لغة HTML في يوم واحد - الجزء الثاني

تعلم لغة HTML في يوم واحد - الجزء الثاني

وسوم HTML , تعلم لغة HTML

نكمل الجزء الثاني في تعلم لغة HTML في أهم الوسوم.

الوسم:

<form>
<input>
<label>
<textarea>
<button>

شرحه:

تستخدم هذه الوسوم في استمارات او نماذج تعبئة البيانات, حيث <form> يحدد بدء نموذج حتى يمكن ارسالها الى الموقع ويحتوي النموذج على مربعات ادخال مثل <input> و <textarea> و الأزرار <button>

مثال:


<form action="demo_form.asp" method="get">
    <label>الاسم الاول</label>
    <input type="text" name="fname"><br>

    <label>الاسم الثاني</label>
    <input type="text" name="lname"><br>

    <button type="submit">ارسال</button>
</form>

الوسم:

<address>

شرحه:

يستخدم لوصف عنوان الاتصال بصاحب الموقع.

مثال:



<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>


الوسم:

<b>

شرحه:

هذا الوسم يجعل الكتابة بخط عريض.

مثال:



<p>This is normal text - <b>and this is bold text</b>.</p>


الوسم:

<base>

شرحه:

يستخدم لتحديد رابط ثابت لكامل الصفحة داخل وسم <head>.

مثال:



<head>
<base href="http://www.w3schools.com/images/" target="_blank">
</head>

<body>
<img src="stickman.gif" width="24" height="39" alt="Stickman">
<a href="http://www.w3schools.com">W3Schools</a>
</body>


الوسم:

<blockquote>

شرحه:

لنقل اقتباس من مصدر خارجي.

مثال:



<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>


الوسم:

<div>

شرحه:

يستخدم لتقسيم الصفحة.

مثال:



<div style="color:#0000FF">
  <h3>This is a heading</h3>
  <p>This is a paragraph.</p>
</div>


الوسم:

<script>
<noscript>

شرحه:

<script> تنفيذ سكريبت في متصفح الزائر, في حالة ان متصفح الزائر لا يدعم تنفيذ الأوامر تظهر رسالة داخل <noscript>.

مثال:



<script>
document.write("Hello World!")
</script>
<noscript>Your browser does not support JavaScript!</noscript>

الوسم:

<ul>
<ol>
<li>

شرحه:

<ul> لعمل قامة غير مرقمة, <ol> لعمل قائمة مرقمة, <li> هو عنصر في قائمة.

مثال:



<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>


إلى هنا شرحت بعض أهم الوسوم في HTML و في المقالة القادمة سوف أنزل قائمة كاملة لكامل الوسوم و مع الدروس التي تأتي في التصميم سوف تذكر بشكل أوسع, يمكنك قراءة الجزء السابق من هذه المقالة.
تعلم لغة HTML في يوم واحد - الجزء الأول

تعلم لغة HTML في يوم واحد - الجزء الثاني تعلم لغة HTML في يوم واحد - الجزء الثاني تمت مراجعته من قبل احمد ادم في يناير 25, 2016 تقييم: 5

ربما يعجبك أيضا

هناك تعليقان (2):

  1. مخلص ضوينا24 يوليو 2018 في 12:48 ص

    تشكر

    ردحذف
  2. Mosandah1 سبتمبر 2019 في 4:02 م

    اذا كنت تبحث عن شركة تصميم مواقع بالرياض وتريد التواصل مع افضل شركات تصميم المواقع بالرياض، نحن شركة مساندة نقوم بتقديم خدمات تصميم وبرمجة المواقع الالكترونية عن طريق متخصصون محترفون في تصميم المواقع، اذا كنت تريد انشاء موقع ويب يمكننا ان نقوم بتنفيذ موقع مميز لك لعرض خدماتك ومنتجاتك عبر الانترنت
    تصميم متجر الكتروني
    https://mosandah.com.sa/ar/web-design/

    ردحذف

الاشتراك في: تعليقات الرسالة ( Atom )