loading...

ابزار قرمز | مرجع قالب های شیک و ابزار های کاربردی

درس 6: معرفی عناصر دیگر ایا شما توانستید تا الان صفحه ی اچ تی ام ال ساده ای را بسازید؟ اگه نه به مثال زیر توجه کنید: <html> <head> <title>My website</title> </head&

آخرین ارسال های انجمن

قسمت ششم اموزش اچ تی ام ال

Majid بازدید : 785 22 / 12 / 1392 نظرات (1)

درس 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>

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

ارسال نظر برای این مطلب
این نظر توسط behnam در تاریخ 9 سال پیش و 21:29 دقیقه ارسال شده است

میشه در آخر هر درس کد بدست اومده از اول درس رو بگین ؟
پاسخ : بله میشه, اول همین درس رو توجه کنید کدهای بدست اومده نوشته شده.


نام
ایمیل (منتشر نمی‌شود)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B :S
کد امنیتی
رفرش
کد امنیتی
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • تبلیغات
    iranblogersiranblogers

    ساعت مچی

    |

    صفحات پاپ آپ popup window

    آمار سایت
  • کل مطالب : 116
  • کل نظرات : 217
  • افراد آنلاین : 12
  • تعداد اعضا : 3247
  • آی پی امروز : 33
  • آی پی دیروز : 24
  • بازدید امروز : 122
  • باردید دیروز : 116
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 238
  • بازدید ماه : 5,545
  • بازدید سال : 47,059
  • بازدید کلی : 623,201