close
تبلیغات در اینترنت
قسمت ششم اموزش اچ تی ام ال
خرید و فروش فایلپروژه رباتیک و الکترونیک
[Post_Title]
[Post_Title]
تاریخ: [Post_Date]
نویسنده: [Post_Author]
redtools.ir
تبلیغات
خرید هاستتبلیغات شما
قسمت ششم اموزش اچ تی ام ال
قسمت ششم اموزش اچ تی ام ال
تاریخ: 22 / 12 / 1392
نویسنده: Majid

درس 6: معرفی عناصر دیگر

ایا شما توانستید تا الان صفحه ی اچ تی ام ال ساده ای را بسازید؟ اگه نه به مثال زیر توجه کنید:

<html>
<head>
<title>My website</title>
</head>
<body>
<h1>A Heading</h1>
<p>text, text text, text</p>
<h2>Subhead</h2>
<p>text, text text, text</p>
</body>
</html> 

حالا وقت یادگیری هفت عنصر دیگر است.

در اچ تی ام ال برای کلفت کردن متن با قرار دادن آن بین تگ باز کردن <em> و تگ بسته شدن </em> انجام میدهیم ، شما می توانید بزرگی و قوی تر را با استفاده از تگ باز کردن را <strong> و برچسب بسته </strong> انجام دهید .

مثال 1:

<strong>Stronger emphasis.</strong>

چیزی که در مرورگر مشاهده میشود:

Stronger emphasis.

small متن خود را کوچکتر کنید:

<small>This should be in small.</small>

چیزی که در مرورگر مشاهده میکنید:

This should be in small.

شما به راحتی می توانید چندین عنصر را که به هم دخالت ندارند رو با هم جفت کنید بهتر است با مثال به شما نشان دهیم:

مثال 3:

<em><small>Emphasised small text</small></em>

این طرز غلط است:

<em><small>Emphasise small text</em></small>

تفاوت این است که در مثال اول اولین تگی که باز میشود اخرین تگ بسته شده میشود و مثال دومی مثال غلط میباشد که هم مارا گیج میکند و هم مرورگر را

همانطور که در درس 3 ذکر شد، عناصری هستند که به تگ های باز و بسته معروفند. این به اصطلاح تگ های متصل شده نیست بلکه تگ ها جدا شده اند. یک مثال از چنین برچسب <br /> است که مثل اینتر کیبورد عمل میکند و یک خط پایین میاید:

مثال 4:

متن <br /> و متن در یک خط جدید

چیزی که در مرورگر مشاهده میشود:

متن 
و متن در یک خط جدید

عنصر دیگری که فاصله میاندازد <hr /> است که برای رسم یک خط افقی ("ساعت" مخفف "خط افقی") به کار میرود:

مثال 5:

<hr />

چیزی که در مرورگر مشاهده میشود:


نمونه هایی از عناصر ها هستند که باید هر دو یک تگ باز و تگ بسته شدن داشته باشند به عنوان مهمترین عناصر این تگ هارا معرفی میکنیم: ul ، ol و li .این تگ ها زمانی که شما میخواهید متن را به لیست تبدیل کنید به کار می اید.

ul کوتاه را برای "لیست نامرتب" است و درج گلوله (نقطه قبل از متن) برای هر آیتم از لیست. ol کوتاه را برای "لیست مرتب" و شمارش هر آیتم از لیست است. برای آیتم های موجود در لیست با استفاده از li برچسب ("قلم دوم از اقلام لیست") استفاده میشود:

مثال 7:

<ul>
<li>قلم دوم از اقلام لیست</li>
<li>یکی دیگر از اقلام لیست</li>
</ul>

چیزی که در مرورگر مشاهده میشود:

  • قلم دوم از اقلام لیست
  • یکی دیگر از اقلام لیست

مثال 8:

<ol> 
<li>اولین فقره فهرست</li> 
<li>دومین فقره فهرست</li> 
</ol>

چیزی که در مرورگر مشاهده میشود:

  1. اولین فقره فهرست
  2. دومین فقره فهرست

خب این هم از هفت عنصری که امروز  یاد گرفته اید:

<strong>Stronger emphasis</strong>
<small>Small text</small>
<br />
Line shift
<hr />
Horizontal line 
<ul>List</ul> 
<ol>Ordered list</ol> 
<li>List item</li>

خب درس امروز هم تمام شد منتظر درس های بعدی ما باشید.همواره نظرات شما موجب پیشرفت و دلگرمی ما میشود. خدا نگهدار


نمایش نظرات
آیا وقت آن نرسیده است که قالب اختصاصی برای خود داشته باشید؟!
ابزار قرمز با سابقه عالی و طراحی های مد پسند بهترین انتخاب برای شما میباشد.
با کیفیت ترین قالب با مناسبترین قیمت , قالب هایی سئو شده و طراحی های نو
همینک قالب اختصاصی خود را سفارش دهید

تــ ــالــ ــار گــفـ ـتــ ـگـ ـو

تعداد پاسخ: 0
تعداد بازدید: 3
توسط: xavi5
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: hostcode
تعداد پاسخ: 0
تعداد بازدید: 2
توسط: hostcode
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: ladan
تعداد پاسخ: 0
تعداد بازدید: 2
توسط: ladan
تعداد پاسخ: 0
تعداد بازدید: 3
توسط: hostcode
تعداد پاسخ: 0
تعداد بازدید: 4
توسط: hostcode
تعداد پاسخ: 0
تعداد بازدید: 4
توسط: hostcode
تعداد پاسخ: 0
تعداد بازدید: 6
توسط: lemon
تـــمـــامـــی حـــقــــوق مــــحـــفــوظ مــیــبــاشــد !
طــراحــی شــده تــوسـط: مجید امانی
اجــرا شــده تـوسـط: وبـســایــت ابــزار قــرمـز